@extends('layouts.app')

@section('content')
<div class="p-6">

    <h2 class="text-xl font-bold mb-4">Import Request #{{ $importRequest->id }}</h2>

    {{-- Main Request Details --}}
    <div class="bg-white rounded shadow p-4 mb-6">

        <h3 class="font-semibold text-lg mb-2">General Information</h3>

        <div class="grid grid-cols-2 gap-4">
            <div>
                <strong>Receiver:</strong> {{ $importRequest->receiver->name }}
            </div>
            <div>
                <strong>Shipper (Pickup Address):</strong><br>
                {{ $importRequest->shipper->company_name ?? '' }}<br>
                {{ $importRequest->shipper->contact_name }}<br>
                {{ $importRequest->shipper->address1 }}<br>
                @if($importRequest->shipper->address2) {{ $importRequest->shipper->address2 }}<br> @endif
                @if($importRequest->shipper->address3) {{ $importRequest->shipper->address3 }}<br> @endif
                {{ $importRequest->shipper->city }} {{ $importRequest->shipper->zip }}<br>
                {{ $importRequest->shipper->country }}<br>
                <div class="mt-1">
                    <span class="text-sm text-gray-600">Email:</span> {{ $importRequest->shipper->email }}<br>
                    <span class="text-sm text-gray-600">Phone:</span> {{ $importRequest->shipper->phone_country_code }} {{ $importRequest->shipper->phone_number }}
                </div>
            </div>

            <div>
                <strong>Shipment Purpose:</strong> {{ $importRequest->shipment_purpose }}
            </div>

            <div>
                <strong>Payment By:</strong> {{ $importRequest->payment_by }}
            </div>

            <div>
                <strong>Duties & Taxes By:</strong> {{ $importRequest->duties_taxes_by }}
            </div>

            <div class="col-span-2">
                <strong>Summary:</strong><br>
                {{ $importRequest->products_summary }}
            </div>

            <div class="col-span-2">
                <strong>Attachment:</strong><br>
                @if($importRequest->attachment)
                    <a href="{{ route('import_requests.download_attachment', $importRequest->id) }}" class="text-blue-600" target="_blank">
                        View File
                    </a>
                @else
                    <span class="text-gray-500">No attachment uploaded</span>
                @endif
            </div>

            @if($importRequest->other_attachment)
            <div class="col-span-2">
                <strong>AWB PDF:</strong><br>
                <div class="flex items-center space-x-4">
                    <a href="{{ route('import_requests.download_other_attachment', $importRequest->id) }}" class="text-blue-600 hover:text-blue-800" target="_blank">
                        Download AWB PDF
                    </a>
                    @if($importRequest->awb_no)
                        <a href="{{ route('import_requests.track', $importRequest->id) }}" class="inline-flex items-center px-3 py-1 bg-blue-100 text-blue-700 rounded-full text-sm font-bold hover:bg-blue-200 transition">
                            <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
                            Track Shipment
                        </a>
                    @endif
                </div>
            </div>
            @endif



            <div class="col-span-2">
                <strong>Special Instructions:</strong><br>
                {{ $importRequest->special_instructions ?? 'N/A' }}
            </div>
        </div>
    </div>

    {{-- ITEMS --}}
    <div class="bg-white rounded shadow p-4 mb-6">
        <h3 class="font-semibold text-lg mb-3">Items</h3>

        <table class="min-w-full border">
            <thead>
                <tr class="bg-gray-100 border-b">
                    <th class="p-2 text-left">Description</th>
                    <th class="p-2 text-left">Qty</th>
                    <th class="p-2 text-left">UOM</th>
                    <th class="p-2 text-left">Per Item Value</th>
                    <th class="p-2 text-left">Weight</th>
                    <th class="p-2 text-left">Currency</th>
                    <th class="p-2 text-left">Origin</th>
                </tr>
            </thead>

            <tbody>
                @foreach($importRequest->items as $item)
                    <tr class="border-b">
                        <td class="p-2">{{ $item->item_description }}</td>
                        <td class="p-2">{{ $item->quantity }}</td>
                        <td class="p-2">{{ $item->uom }}</td>
                        <td class="p-2">{{ $item->per_item_value }}</td>
                        <td class="p-2">{{ $item->per_item_weight }}</td>
                        <td class="p-2">{{ $item->currency }}</td>
                        <td class="p-2">{{ $item->country_of_origin }}</td>
                    </tr>
                @endforeach

                @if($importRequest->items->count() === 0)
                    <tr>
                        <td colspan="7" class="p-4 text-center text-gray-500">No items added.</td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>

    {{-- PACKAGES --}}
    <div class="bg-white rounded shadow p-4 mb-6">
        <h3 class="font-semibold text-lg mb-3">Packages</h3>

        <table class="min-w-full border">
            <thead>
                <tr class="bg-gray-100 border-b">
                    <th class="p-2 text-left">Weight</th>
                    <th class="p-2 text-left">Length</th>
                    <th class="p-2 text-left">Width</th>
                    <th class="p-2 text-left">Height</th>
                    <th class="p-2 text-left">Box UOM</th>
                </tr>
            </thead>

            <tbody>
                @foreach($importRequest->packages as $pkg)
                    <tr class="border-b">
                        <td class="p-2">{{ $pkg->package_weight }}</td>
                        <td class="p-2">{{ $pkg->length }}</td>
                        <td class="p-2">{{ $pkg->width }}</td>
                        <td class="p-2">{{ $pkg->height }}</td>
                        <td class="p-2">{{ $pkg->box_uom }}</td>
                    </tr>
                @endforeach

                @if($importRequest->packages->count() === 0)
                    <tr>
                        <td colspan="5" class="p-4 text-center text-gray-500">No packages added.</td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>

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

</div>
@endsection