@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">Register a Pickup Address</h2>

    @if($errors->any())
        <div class="bg-red-100 text-red-800 px-4 py-2 rounded mb-4">
            <ul class="list-disc list-inside">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('import.store_supplier') }}" method="POST" class="space-y-4">
        @csrf
        <div>
            <label class="font-semibold">Shipper's Contact Name *</label>
            <input type="text" name="contact_name" value="{{ old('contact_name') }}" class="w-full border rounded px-3 py-2" required>
        </div>

        <div>
            <label class="font-semibold">Shipper's Company Name *</label>
            <input type="text" name="company_name" value="{{ old('company_name') }}" class="w-full border rounded px-3 py-2" required>
        </div>

        <div>
            <label class="font-semibold">Ship From Address 1 *</label>
            <input type="text" name="address1" value="{{ old('address1') }}" class="w-full border rounded px-3 py-2" required>
        </div>

        <div>
            <label class="font-semibold">Ship From Address 2</label>
            <input type="text" name="address2" value="{{ old('address2') }}" class="w-full border rounded px-3 py-2">
        </div>

        <div>
            <label class="font-semibold">Ship From Address 3</label>
            <input type="text" name="address3" value="{{ old('address3') }}" class="w-full border rounded px-3 py-2">
        </div>

        <div>
            <label class="font-semibold">Ship From City *</label>
            <input type="text" name="city" value="{{ old('city') }}" class="w-full border rounded px-3 py-2" required>
        </div>

        <div>
            <label class="font-semibold">Ship From Zip/Postal Code *</label>
            <input type="text" name="zip" value="{{ old('zip') }}" class="w-full border rounded px-3 py-2" required>
        </div>

        <div>
            <label class="font-semibold">Ship From Country *</label>
            <select name="country" class="w-full border rounded px-3 py-2" required>
                <option value="">--Select Country--</option>
                @foreach($countries as $country)
                    <option value="{{ $country }}" {{ old('country') == $country ? 'selected' : '' }}>{{ $country }}</option>
                @endforeach
            </select>
        </div>

        <div>
            <label class="font-semibold">Shipper's Email Address *</label>
            <input type="email" name="email" value="{{ old('email') }}" class="w-full border rounded px-3 py-2" required>
        </div>

        <div>
            <label class="font-semibold">Shipper's Phone Country Code *</label>
            <input type="text" name="phone_country_code" value="{{ old('phone_country_code') }}" class="w-full border rounded px-3 py-2" required>
        </div>

        <div>
            <label class="font-semibold">Shipper's Phone Number *</label>
            <input type="text" name="phone_number" value="{{ old('phone_number') }}" class="w-full border rounded px-3 py-2" required>
        </div>

        <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">Register</button>
    </form>
</div>
@endsection