@extends('layouts.app')

@section('content')
<div class="max-w-4xl mx-auto px-6 py-8">
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-3xl font-bold text-gray-900">Export Request #{{ $exportRequest->id }}</h1>
    </div>

    @if(session('error'))
        <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-4" role="alert">
            <span class="block sm:inline">{{ session('error') }}</span>
        </div>
    @endif

    <div class="bg-white shadow overflow-hidden sm:rounded-lg mb-6">
        <div class="px-4 py-5 sm:px-6">
            <h3 class="text-lg leading-6 font-medium text-gray-900">Request Information</h3>
        </div>
        <div class="border-t border-gray-200">
            <dl>
                <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">Send To Address</dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                        @if($exportRequest->shipToAddress)
                            <p class="font-semibold">{{ $exportRequest->shipToAddress->contact_name }}</p>
                            <p>{{ $exportRequest->shipToAddress->company_name }}</p>
                            <p>{{ $exportRequest->shipToAddress->address_1 }}</p>
                            <p>{{ $exportRequest->shipToAddress->city }}, {{ $exportRequest->shipToAddress->zip_code }} {{ $exportRequest->shipToAddress->country }}</p>
                            <p class="mt-1"><span class="font-medium text-gray-500">Email:</span> {{ $exportRequest->shipToAddress->email }}</p>
                            <p class="mt-1"><span class="font-medium text-gray-500">Phone:</span> {{ $exportRequest->shipToAddress->phone_country_code }} {{ $exportRequest->shipToAddress->phone_number }}</p>
                        @else
                            <span class="text-gray-500 italic">Not specified</span>
                        @endif
                    </dd>
                </div>
                <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">Shipper Account Number</dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">{{ $exportRequest->shipper_account_number }}</dd>
                </div>
                <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">Freight Bill To</dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                        {{ $exportRequest->freight_bill_to }}
                        @if($exportRequest->freight_bill_to_account_number)
                            @php
                                $freightCourier = '';
                                if ($exportRequest->freight_bill_to === "Receiver's Account No" && $exportRequest->shipToAddress && $exportRequest->shipToAddress->accounts) {
                                    $accMatch = $exportRequest->shipToAddress->accounts->firstWhere('account_number', $exportRequest->freight_bill_to_account_number);
                                    if ($accMatch) $freightCourier = $accMatch->courier_service . ' - ';
                                }
                            @endphp
                            <span class="text-gray-500 text-xs ml-2">(Account: {{ $freightCourier }}{{ $exportRequest->freight_bill_to_account_number }})</span>
                        @endif
                    </dd>
                </div>
                <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">Duties & Taxes Bill To</dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                        {{ $exportRequest->duties_taxes_bill_to }}
                        @if($exportRequest->duties_taxes_bill_to_account_number)
                            @php
                                $dutiesCourier = '';
                                if ($exportRequest->duties_taxes_bill_to === "Receiver's Account No" && $exportRequest->shipToAddress && $exportRequest->shipToAddress->accounts) {
                                    $accMatch = $exportRequest->shipToAddress->accounts->firstWhere('account_number', $exportRequest->duties_taxes_bill_to_account_number);
                                    if ($accMatch) $dutiesCourier = $accMatch->courier_service . ' - ';
                                }
                            @endphp
                            <span class="text-gray-500 text-xs ml-2">(Account: {{ $dutiesCourier }}{{ $exportRequest->duties_taxes_bill_to_account_number }})</span>
                        @endif
                    </dd>
                </div>
                <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">Shipment Purpose</dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">{{ $exportRequest->shipment_purpose }}</dd>
                </div>
                <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">Summary of Contents</dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">{{ $exportRequest->products_summary }}</dd>
                </div>
                @if($exportRequest->attachment)
                <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">Attachment</dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                        <a href="{{ route('export_requests.download_attachment', $exportRequest->id) }}" class="text-indigo-600 hover:text-indigo-900">Download</a>
                    </dd>
                </div>
                @endif
                @if($exportRequest->other_attachment)
                <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">AWB PDF</dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                        <a href="{{ route('export_requests.download_other_attachment', $exportRequest->id) }}" class="text-indigo-600 hover:text-indigo-900">Download AWB PDF</a>
                    </dd>
                </div>
                @endif
                <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">Pickup Date & Time</dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                        {{ $exportRequest->pickup_date_time ? $exportRequest->pickup_date_time->format('Y-m-d h:i A') : 'N/A' }}
                    </dd>
                </div>
                <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">Pickup Location</dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">{{ $exportRequest->pickup_location ?? 'N/A' }}</dd>
                </div>
                <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">Remarks</dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">{{ $exportRequest->remarks ?? 'N/A' }}</dd>
                </div>
            </dl>
        </div>
    </div>

    @if(!$exportRequest->is_documents && $exportRequest->items->count() > 0)
    <div class="bg-white shadow overflow-hidden sm:rounded-lg mb-6">
        <div class="px-4 py-5 sm:px-6">
            <h3 class="text-lg leading-6 font-medium text-gray-900">Items</h3>
        </div>
        <div class="border-t border-gray-200 overflow-x-auto">
            <table class="min-w-full divide-y divide-gray-200">
                <thead class="bg-gray-50">
                    <tr>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Description</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Qty</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">UOM</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Weight</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Price</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Origin</th>
                    </tr>
                </thead>
                <tbody class="bg-white divide-y divide-gray-200">
                    @foreach($exportRequest->items as $item)
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ $item->item_description }}</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ $item->quantity }}</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ $item->uom }}</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ $item->weight }}</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ $item->currency }} {{ $item->unit_price }}</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ $item->country_of_origin }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @endif

    @if($exportRequest->packages->count() > 0)
    <div class="bg-white shadow overflow-hidden sm:rounded-lg">
        <div class="px-4 py-5 sm:px-6">
            <h3 class="text-lg leading-6 font-medium text-gray-900">Packages</h3>
        </div>
        <div class="border-t border-gray-200 overflow-x-auto">
            <table class="min-w-full divide-y divide-gray-200">
                <thead class="bg-gray-50">
                    <tr>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Weight</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Length</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Width</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Height</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Box UOM</th>
                    </tr>
                </thead>
                <tbody class="bg-white divide-y divide-gray-200">
                    @foreach($exportRequest->packages as $pkg)
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ $pkg->package_weight }}</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ $pkg->length }}</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ $pkg->width }}</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ $pkg->height }}</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ $pkg->box_uom }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @endif

<div class="mt-6 flex space-x-3">
        <a href="{{ route('export_requests.index') }}" class="px-4 py-2 bg-gray-700 text-white rounded hover:bg-gray-600 transition">
            Back
        </a>
        @hasanyrole('ImPex|Admin')
            <a href="{{ route('export_request_details.edit', $exportRequest->id) }}" class="px-4 py-2 bg-indigo-600 text-white rounded hover:bg-indigo-700 transition">
                Other Details
            </a>
        @endhasanyrole
    </div>
</div>
@endsection