@extends('layouts.app')
@section('title', 'Edit Shipment')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('import.shipments.index') }}">Import Shipments</a></li>
    <li class="breadcrumb-item active">Edit</li>
@endsection
@section('content')
<form action="{{ route('import.shipments.update', $shipment ?? 1) }}" method="POST">
    @csrf @method('PUT')
    <div class="d-flex align-items-center justify-content-between mb-4">
        <div><h4 class="fw-bold mb-1" style="font-size:1.3rem;">Edit Shipment {{ $shipment->shipment_number ?? '' }}</h4></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>Update</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">Shipment Number</label><input type="text" name="shipment_number" class="form-control" value="{{ old('shipment_number', $shipment->shipment_number ?? '') }}" style="border-radius:8px;" required></div>
            <div class="col-md-4"><label class="form-label fw-medium">Shipping Line</label><input type="text" name="shipping_line" class="form-control" value="{{ old('shipping_line', $shipment->shipping_line ?? '') }}" style="border-radius:8px;"></div>
            <div class="col-md-4"><label class="form-label fw-medium">Container Number(s)</label><input type="text" name="container_numbers" class="form-control" value="{{ old('container_numbers', $shipment->container_numbers ?? '') }}" style="border-radius:8px;"></div>
            <div class="col-md-3"><label class="form-label fw-medium">Container Type</label><input type="text" name="container_type" class="form-control" value="{{ old('container_type', $shipment->container_type ?? '') }}" 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', $shipment->vessel_name ?? '') }}" style="border-radius:8px;"></div>
            <div class="col-md-3"><label class="form-label fw-medium">B/L Number</label><input type="text" name="bl_number" class="form-control" value="{{ old('bl_number', $shipment->bl_number ?? '') }}" style="border-radius:8px;"></div>
            <div class="col-md-3"><label class="form-label fw-medium">Status</label><select name="status" class="form-select" style="border-radius:8px;">@foreach(['booked','shipped','in_transit','at_port','discharged','cleared','delivered'] as $s)<option value="{{ $s }}" {{ ($shipment->status ?? '') == $s ? 'selected' : '' }}>{{ ucfirst(str_replace('_',' ',$s)) }}</option>@endforeach</select></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</label><input type="text" name="port_of_loading" class="form-control" value="{{ old('port_of_loading', $shipment->port_of_loading ?? '') }}" style="border-radius:8px;"></div>
            <div class="col-md-4"><label class="form-label fw-medium">Port of Discharge</label><input type="text" name="port_of_discharge" class="form-control" value="{{ old('port_of_discharge', $shipment->port_of_discharge ?? '') }}" style="border-radius:8px;"></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', $shipment->destination ?? '') }}" style="border-radius:8px;"></div>
            <div class="col-md-3"><label class="form-label fw-medium">ETD</label><input type="date" name="etd" class="form-control" value="{{ old('etd', isset($shipment->etd) ? $shipment->etd->format('Y-m-d') : '') }}" style="border-radius:8px;"></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', isset($shipment->eta) ? $shipment->eta->format('Y-m-d') : '') }}" 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', isset($shipment->atd) ? $shipment->atd->format('Y-m-d') : '') }}" 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', isset($shipment->ata) ? $shipment->ata->format('Y-m-d') : '') }}" style="border-radius:8px;"></div>
        </div>
    </x-form-section>
</form>
@endsection