@extends('layouts.app')

@section('title', 'Edit SB #'.optional($shippingBill)->sb_number)

@section('breadcrumbs')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('export.dashboard') }}">Export</a></li>
        <li class="breadcrumb-item"><a href="{{ route('export.shipping-bills.index') }}">Shipping Bills</a></li>
        <li class="breadcrumb-item"><a href="{{ route('export.shipping-bills.show', $shippingBill) }}">{{ $shippingBill->sb_number }}</a></li>
        <li class="breadcrumb-item active">Edit</li>
    </ol>
</nav>
@endsection

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div><h1 class="h3 mb-1 text-dark fw-semibold">Edit {{ $shippingBill->sb_number }}</h1></div>
    <a href="{{ route('export.shipping-bills.show', $shippingBill) }}" class="btn btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i> Back</a>
</div>

<form action="{{ route('export.shipping-bills.update', $shippingBill) }}" method="POST">
    @csrf @method('PUT')
    <div class="card border-0 shadow-sm mb-4">
        <div class="card-header bg-white py-3"><h5 class="mb-0 fw-semibold"><i class="bi bi-info-circle me-2 text-primary"></i>Shipping Bill Details</h5></div>
        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-3"><label class="form-label fw-medium">Date</label><input type="date" name="date" class="form-control" value="{{ $shippingBill->date?->format('Y-m-d') }}"></div>
                <div class="col-md-3"><label class="form-label fw-medium">Port of Loading</label><select name="port_of_loading_id" class="form-select"><option value="">Select</option>@foreach($ports as $p)<option value="{{ $p->id }}" {{ $shippingBill->port_of_loading_id == $p->id ? 'selected' : '' }}>{{ $p->name }}</option>@endforeach</select></div>
                <div class="col-md-3"><label class="form-label fw-medium">Bank</label><select name="bank_id" class="form-select"><option value="">Select</option>@foreach($banks ?? [] as $b)<option value="{{ $b->id }}" {{ ($shippingBill->bank_id ?? '') == $b->id ? 'selected' : '' }}>{{ $b->name }}</option>@endforeach</select></div>
                <div class="col-md-3"><label class="form-label fw-medium">AD Code</label><input type="text" name="ad_code" class="form-control" value="{{ $shippingBill->ad_code ?? '' }}"></div>
                <div class="col-md-3"><label class="form-label fw-medium">Fob Value</label><input type="number" step="0.01" name="fob_value" class="form-control" value="{{ $shippingBill->fob_value ?? '' }}"></div>
                <div class="col-md-3"><label class="form-label fw-medium">SB Number</label><input type="text" name="shipping_bill_number" class="form-control" value="{{ $shippingBill->shipping_bill_number ?? '' }}"></div>
                <div class="col-md-3"><label class="form-label fw-medium">Container Numbers</label><input type="text" name="container_numbers" class="form-control" value="{{ $shippingBill->container_numbers ?? '' }}"></div>
                <div class="col-md-3"><label class="form-label fw-medium">Status</label><select name="status" class="form-select"><option value="draft" {{ $shippingBill->status === 'draft' ? 'selected' : '' }}>Draft</option><option value="filed" {{ $shippingBill->status === 'filed' ? 'selected' : '' }}>Filed</option><option value="amended" {{ $shippingBill->status === 'amended' ? 'selected' : '' }}>Amended</option></select></div>
            </div>
        </div>
    </div>
    <div class="d-flex justify-content-end gap-2 mb-5">
        <a href="{{ route('export.shipping-bills.show', $shippingBill) }}" class="btn btn-outline-secondary">Cancel</a>
        <button type="submit" class="btn btn-primary"><i class="bi bi-check-lg me-1"></i> Update</button>
    </div>
</form>
@endsection