@extends('layouts.app')
@section('title', 'POSM Shipment Details')

@section('content')
    <div class="fixed-action-bar d-flex align-items-center justify-content-between">
        <div class="fw-semibold fixed-nav-title">Shipment: {{ $shipment->shipment_number }}</div>
        <div class="d-flex align-items-center ms-auto">
            <!-- Additional Actions (Left) -->
            <a href="{{ route('posm.shipments.gate-pass', $shipment->id) }}" class="mx-1" target="_blank">
                <i class="fa-solid fa-file-pdf fixed-nav-btn fixed-nav-btn-active p-1 d-inline-flex align-items-center justify-content-center"
                    data-toggle="tooltip" title="Download Gate Pass"></i>
            </a>

            <div class="ms-auto d-flex align-items-center">
                <!-- Mandatory Action Set (Right) -->
                <!-- Add -->
                <i class="fa-regular fa-plus fixed-nav-btn p-1 d-inline-flex align-items-center justify-content-center mx-1" data-toggle="tooltip" title="Add" style="cursor: default;"></i>

                <!-- Save -->
                <i class="fa-regular fa-save fixed-nav-btn p-1 d-inline-flex align-items-center justify-content-center mx-1" data-toggle="tooltip" title="Save" style="cursor: default;"></i>

                <!-- Edit -->
                <i class="fa-regular fa-edit fixed-nav-btn p-1 d-inline-flex align-items-center justify-content-center mx-1" data-toggle="tooltip" title="Edit" style="cursor: default;"></i>

                <!-- Delete -->
                <i class="fa-regular fa-trash-can fixed-nav-btn p-1 d-inline-flex align-items-center justify-content-center mx-1" data-toggle="tooltip" title="Delete" style="cursor: default;"></i>

                <!-- Close -->
                <a href="{{ route('posm.shipments.index') }}" class="mx-1">
                    <i class="fa-solid fa-xmark fixed-nav-btn fixed-nav-btn-active p-1 d-inline-flex align-items-center justify-content-center"
                        data-toggle="tooltip" title="Close"></i>
                </a>

                <!-- Column Visibility -->
                <i class="fa-solid fa-columns fixed-nav-btn p-1 d-inline-flex align-items-center justify-content-center mx-1" data-toggle="tooltip" title="Columns" style="cursor: default;"></i>
            </div>
        </div>
    </div>

    <div class="row mt-3 mb-5">
        <div class="col-md-6">
            <div class="card h-100">
                <h5 class="card-title">Shipment Information</h5>
                <div class="card-body">
                    <div class="mb-2"><strong>Shipment No:</strong> {{ $shipment->shipment_number }}</div>
                    <div class="mb-2"><strong>Date:</strong> {{ $shipment->created_at->format('Y-m-d H:i') }}</div>
                    <div class="mb-2"><strong>Status:</strong> 
                        @php
                            $badgeClass = match ($shipment->status) {
                                'pending' => 'secondary',
                                'approved_for_dispatch' => 'info',
                                'ready_to_dispatch' => 'warning',
                                'dispatched' => 'primary',
                                'received' => 'success',
                                default => 'secondary'
                            };
                        @endphp
                        <span class="badge badge-{{ $badgeClass }} rounded-pill px-3 py-1">
                            {{ str_replace('_', ' ', ucfirst($shipment->status)) }}
                        </span>
                    </div>
                    <div class="mb-2"><strong>Depletion Plan:</strong> {{ $shipment->depletionPlan->plan_number ?? 'N/A' }}</div>
                    <div class="mb-2"><strong>Dispatched By:</strong> {{ $shipment->dispatchedBy->name ?? 'N/A' }}</div>
                    <div class="mb-2"><strong>Dispatched At:</strong> {{ $shipment->dispatched_at ? $shipment->dispatched_at->format('Y-m-d H:i') : 'N/A' }}</div>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card h-100">
                <h5 class="card-title">Distribution Details</h5>
                <div class="card-body">
                    <div class="mb-2"><strong>From Warehouse:</strong> {{ $shipment->warehouse->name ?? 'N/A' }}</div>
                    <div class="mb-2"><strong>To (Distribution Point):</strong> {{ $shipment->distributionPoint->name ?? 'N/A' }}</div>
                    <div class="mb-2"><strong>Recipient Email:</strong> {{ $shipment->received_by_email ?? 'N/A' }}</div>
                    <div class="mb-2"><strong>Received At:</strong> {{ $shipment->received_at ? $shipment->received_at->format('Y-m-d H:i') : 'N/A' }}</div>
                    <div class="mb-2"><strong>Has Discrepancy:</strong> {{ $shipment->has_discrepancy ? 'Yes' : 'No' }}</div>
                </div>
            </div>
        </div>

        <div class="col-12 mt-3">
            <div class="card">
                <h5 class="card-title">Shipment Items</h5>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped table-sm">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Product</th>
                                    <th class="text-center">Quantity</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($shipment->items as $index => $item)
                                    <tr>
                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ $item->product->name ?? 'N/A' }}</td>
                                        <td class="text-center">{{ number_format($item->quantity, 0) }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th colspan="2" class="text-end">Total Quantity:</th>
                                    <th class="text-center">{{ number_format($shipment->items->sum('quantity'), 0) }}</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection