@extends('layouts.app')

@section('content')
<div class="max-w-3xl mx-auto bg-white shadow-md rounded p-6">
    <h2 class="text-xl font-bold mb-4">Pickup Address Details</h2>

    <div class="space-y-2">
        <p><strong>Shipper's Contact Name:</strong> {{ $import->contact_name }}</p>
        <p><strong>Shipper's Company Name:</strong> {{ $import->company_name }}</p>
        <p><strong>Address 1:</strong> {{ $import->address1 }}</p>
        <p><strong>Address 2:</strong> {{ $import->address2 }}</p>
        <p><strong>Address 3:</strong> {{ $import->address3 }}</p>
        <p><strong>City:</strong> {{ $import->city }}</p>
        <p><strong>Zip/Postal Code:</strong> {{ $import->zip }}</p>
        <p><strong>Country:</strong> {{ $import->country }}</p>
        <p><strong>Email:</strong> {{ $import->email }}</p>
        <p><strong>Phone Country Code:</strong> {{ $import->phone_country_code }}</p>
        <p><strong>Phone Number:</strong> {{ $import->phone_number }}</p>
    </div>

    <a href="{{ route('import.supplier_index') }}" class="mt-4 inline-block bg-gray-600 text-white px-4 py-2 rounded hover:bg-gray-700">Back to List</a>
</div>
@endsection