@extends('layouts.app')
@section('title', 'Create Import Shipment')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('import.shipments.index') }}">Import Shipments</a></li>
    <li class="breadcrumb-item active">Create</li>
@endsection
@section('content')
<form action="{{ route('import.shipments.store') }}" method="POST">
    @csrf
    <div class="d-flex align-items-center justify-content-between mb-4">
        <div><h4 class="fw-bold mb-1" style="font-size:1.3rem;">Create Import Shipment</h4><p class="text-muted mb-0" style="font-size:0.85rem;">Record a new inbound shipment</p></div>
        <div class="d-flex gap-2">
            <a href="{{ route('import.shipments.index') }}" class="btn btn-outline-secondary" style="border-radius:8px;">Cancel</a>
            <button type="submit" class="btn btn-primary" style="border-radius:8px;"><i class="bi bi-check-lg me-1"></i>Create Shipment</button>
        </div>
    </div>
    <x-form-section title="Shipment Details" icon="bi-ship">
        <div class="row g-3">
            <div class="col-md-4"><label class="form-label fw-medium">Import Order <span class="text-danger">*</span></label><select name="order_id" class="form-select" style="border-radius:8px;" required><option value="">Select Order</option>@foreach($orders ?? [] as $o)<option value="{{ $o->id }}" {{ old('order_id') == $o->id ? 'selected' : '' }}>{{ $o->order_number }}</option>@endforeach</select></div>
            <div class="col-md-4"><label class="form-label fw-medium">Shipment Number <span class="text-danger">*</span></label><input type="text" name="shipment_number" class="form-control" value="{{ old('shipment_number') }}" style="border-radius:8px;" required></div>
            <div class="col-md-4"><label class="form-label fw-medium">Shipping Line</label><select name="shipping_line" class="form-select" style="border-radius:8px;"><option value="">Select</option>@foreach(['Maersk','MSC','CMA CGM','COSCO','Hapag-Lloyd','ONE','Evergreen','ZIM'] as $l)<option value="{{ $l }}" {{ old('shipping_line') == $l ? 'selected' : '' }}>{{ $l }}</option>@endforeach</select></div>
            <div class="col-md-3"><label class="form-label fw-medium">Container Number(s)</label><input type="text" name="container_numbers" class="form-control" value="{{ old('container_numbers') }}" placeholder="e.g., MSKU7234180" style="border-radius:8px;"></div>
            <div class="col-md-3"><label class="form-label fw-medium">Container Type</label><select name="container_type" class="form-select" style="border-radius:8px;"><option value="40ft">40ft</option><option value="20ft">20ft</option><option value="40ft_hq">40ft HC</option></select></div>
            <div class="col-md-3"><label class="form-label fw-medium">Container Qty</label><input type="number" name="container_qty" class="form-control" value="{{ old('container_qty', 1) }}" min="1" style="border-radius:8px;"></div>
            <div class="col-md-3"><label class="form-label fw-medium">Vessel / Flight</label><input type="text" name="vessel_name" class="form-control" value="{{ old('vessel_name') }}" style="border-radius:8px;"></div>
        </div>
    </x-form-section>
    <x-form-section title="Route & Schedule" icon="bi-geo-alt">
        <div class="row g-3">
            <div class="col-md-4"><label class="form-label fw-medium">Port of Loading <span class="text-danger">*</span></label><input type="text" name="port_of_loading" class="form-control" value="{{ old('port_of_loading') }}" style="border-radius:8px;" required></div>
            <div class="col-md-4"><label class="form-label fw-medium">Port of Discharge <span class="text-danger">*</span></label><input type="text" name="port_of_discharge" class="form-control" value="{{ old('port_of_discharge') }}" style="border-radius:8px;" required></div>
            <div class="col-md-4"><label class="form-label fw-medium">Destination</label><input type="text" name="destination" class="form-control" value="{{ old('destination') }}" style="border-radius:8px;"></div>
            <div class="col-md-3"><label class="form-label fw-medium">ETD <span class="text-danger">*</span></label><input type="date" name="etd" class="form-control" value="{{ old('etd') }}" style="border-radius:8px;" required></div>
            <div class="col-md-3"><label class="form-label fw-medium">ETA</label><input type="date" name="eta" class="form-control" value="{{ old('eta') }}" style="border-radius:8px;"></div>
            <div class="col-md-3"><label class="form-label fw-medium">ATD</label><input type="date" name="atd" class="form-control" value="{{ old('atd') }}" style="border-radius:8px;"></div>
            <div class="col-md-3"><label class="form-label fw-medium">ATA</label><input type="date" name="ata" class="form-control" value="{{ old('ata') }}" style="border-radius:8px;"></div>
            <div class="col-md-6"><label class="form-label fw-medium">Booking Reference</label><input type="text" name="booking_reference" class="form-control" value="{{ old('booking_reference') }}" style="border-radius:8px;"></div>
            <div class="col-md-6"><label class="form-label fw-medium">B/L Number</label><input type="text" name="bl_number" class="form-control" value="{{ old('bl_number') }}" style="border-radius:8px;"></div>
        </div>
    </x-form-section>
    <x-form-section title="Cargo Details" icon="bi-box-seam">
        <div class="row g-3">
            <div class="col-md-3"><label class="form-label fw-medium">Total Packages</label><input type="number" name="total_packages" class="form-control" value="{{ old('total_packages') }}" style="border-radius:8px;"></div>
            <div class="col-md-3"><label class="form-label fw-medium">Gross Weight (kg)</label><input type="number" name="gross_weight" class="form-control" value="{{ old('gross_weight') }}" step="0.01" style="border-radius:8px;"></div>
            <div class="col-md-3"><label class="form-label fw-medium">Net Weight (kg)</label><input type="number" name="net_weight" class="form-control" value="{{ old('net_weight') }}" step="0.01" style="border-radius:8px;"></div>
            <div class="col-md-3"><label class="form-label fw-medium">Volume (CBM)</label><input type="number" name="volume" class="form-control" value="{{ old('volume') }}" step="0.01" style="border-radius:8px;"></div>
            <div class="col-md-12"><label class="form-label fw-medium">Remarks</label><textarea name="remarks" class="form-control" rows="2" style="border-radius:8px;">{{ old('remarks') }}</textarea></div>
        </div>
    </x-form-section>
</form>
@endsection