@csrf

@if ($errors->any())
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    <i class="bi bi-exclamation-triangle me-2"></i>
    <strong>Please fix the following errors:</strong>
    <ul class="mb-0 mt-1">
        @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
    </ul>
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white border-bottom-0 py-3">
        <h5 class="mb-0 fw-semibold"><i class="bi bi-person me-2 text-primary"></i>Customer Information</h5>
    </div>
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-4">
                <label class="form-label fw-medium">Customer <span class="text-danger">*</span></label>
                <select name="customer_id" class="form-select @error('customer_id') is-invalid @enderror" required>
                    <option value="">Select Customer</option>
                    @foreach($customers as $customer)
                        <option value="{{ $customer->id }}" {{ old('customer_id', $inquiry->customer_id ?? '') == $customer->id ? 'selected' : '' }}>
                            {{ $customer->name }} - {{ $customer->country ?? '' }}
                        </option>
                    @endforeach
                </select>
                @error('customer_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-4">
                <label class="form-label fw-medium">Contact Person</label>
                <input type="text" name="contact_person" class="form-control @error('contact_person') is-invalid @enderror" value="{{ old('contact_person', $inquiry->contact_person ?? '') }}">
                @error('contact_person') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-4">
                <label class="form-label fw-medium">Inquiry Date <span class="text-danger">*</span></label>
                <input type="date" name="date" class="form-control @error('date') is-invalid @enderror" value="{{ old('date', optional($inquiry)->date?->format('Y-m-d') ?? date('Y-m-d')) }}" required>
                @error('date') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
        </div>
    </div>
</div>

<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white border-bottom-0 py-3">
        <h5 class="mb-0 fw-semibold"><i class="bi bi-ship me-2 text-primary"></i>Shipment Details</h5>
    </div>
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-4">
                <label class="form-label fw-medium">Commodity <span class="text-danger">*</span></label>
                <select name="commodity_id" class="form-select @error('commodity_id') is-invalid @enderror" required>
                    <option value="">Select Commodity</option>
                    @foreach($commodities as $commodity)
                        <option value="{{ $commodity->id }}" {{ old('commodity_id', $inquiry->commodity_id ?? '') == $commodity->id ? 'selected' : '' }}>
                            {{ $commodity->name }}
                        </option>
                    @endforeach
                </select>
                @error('commodity_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-4">
                <label class="form-label fw-medium">Port of Loading <span class="text-danger">*</span></label>
                <select name="port_of_loading_id" class="form-select port-select @error('port_of_loading_id') is-invalid @enderror" required data-target="pol">
                    <option value="">Select Port</option>
                    @foreach($ports as $port)
                        <option value="{{ $port->id }}" {{ old('port_of_loading_id', $inquiry->port_of_loading_id ?? '') == $port->id ? 'selected' : '' }}>
                            {{ $port->name }} ({{ $port->country->name ?? '' }})
                        </option>
                    @endforeach
                </select>
                @error('port_of_loading_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-4">
                <label class="form-label fw-medium">Port of Discharge <span class="text-danger">*</span></label>
                <select name="port_of_discharge_id" class="form-select port-select @error('port_of_discharge_id') is-invalid @enderror" required data-target="pod">
                    <option value="">Select Port</option>
                    @foreach($ports as $port)
                        <option value="{{ $port->id }}" {{ old('port_of_discharge_id', $inquiry->port_of_discharge_id ?? '') == $port->id ? 'selected' : '' }}>
                            {{ $port->name }} ({{ $port->country->name ?? '' }})
                        </option>
                    @endforeach
                </select>
                @error('port_of_discharge_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Incoterm <span class="text-danger">*</span></label>
                <select name="incoterm" class="form-select @error('incoterm') is-invalid @enderror" required>
                    <option value="">Select Incoterm</option>
                    @foreach(['FOB', 'CIF', 'CFR', 'EXW', 'FCA', 'FAS', 'CIP', 'CPT', 'DAP', 'DPU', 'DDP'] as $term)
                        <option value="{{ $term }}" {{ old('incoterm', $inquiry->incoterm ?? '') == $term ? 'selected' : '' }}>{{ $term }}</option>
                    @endforeach
                </select>
                @error('incoterm') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Incoterm Location</label>
                <input type="text" name="incoterm_location" class="form-control @error('incoterm_location') is-invalid @enderror" value="{{ old('incoterm_location', $inquiry->incoterm_location ?? '') }}" placeholder="e.g., Mumbai Port">
                @error('incoterm_location') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Shipment Type</label>
                <select name="shipment_type" class="form-select @error('shipment_type') is-invalid @enderror">
                    <option value="lcl" {{ old('shipment_type', $inquiry->shipment_type ?? 'lcl') == 'lcl' ? 'selected' : '' }}>LCL</option>
                    <option value="fcl" {{ old('shipment_type', $inquiry->shipment_type ?? '') == 'fcl' ? 'selected' : '' }}>FCL</option>
                    <option value="bulk" {{ old('shipment_type', $inquiry->shipment_type ?? '') == 'bulk' ? 'selected' : '' }}>Bulk</option>
                    <option value="roro" {{ old('shipment_type', $inquiry->shipment_type ?? '') == 'roro' ? 'selected' : '' }}>RoRo</option>
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Container Size</label>
                <select name="container_size" class="form-select @error('container_size') is-invalid @enderror">
                    <option value="">N/A</option>
                    <option value="20" {{ old('container_size', $inquiry->container_size ?? '') == '20' ? 'selected' : '' }}>20' GP</option>
                    <option value="40" {{ old('container_size', $inquiry->container_size ?? '') == '40' ? 'selected' : '' }}>40' GP</option>
                    <option value="40hc" {{ old('container_size', $inquiry->container_size ?? '') == '40hc' ? 'selected' : '' }}>40' HC</option>
                    <option value="45" {{ old('container_size', $inquiry->container_size ?? '') == '45' ? 'selected' : '' }}>45' HC</option>
                    <option value="20rf" {{ old('container_size', $inquiry->container_size ?? '') == '20rf' ? 'selected' : '' }}>20' RF</option>
                    <option value="40rf" {{ old('container_size', $inquiry->container_size ?? '') == '40rf' ? 'selected' : '' }}>40' RF</option>
                </select>
            </div>
        </div>
    </div>
</div>

<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white border-bottom-0 py-3">
        <h5 class="mb-0 fw-semibold"><i class="bi bi-box-seam me-2 text-primary"></i>Cargo Details</h5>
    </div>
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-3">
                <label class="form-label fw-medium">Quantity <span class="text-danger">*</span></label>
                <div class="input-group">
                    <input type="number" step="0.01" name="quantity" class="form-control @error('quantity') is-invalid @enderror" value="{{ old('quantity', $inquiry->quantity ?? '') }}" required>
                    <select name="unit" class="input-group-text @error('unit') is-invalid @enderror">
                        @foreach(['MT', 'KG', 'LT', 'GL', 'BAG', 'PCS', 'NOS', 'SET'] as $unit)
                            <option value="{{ $unit }}" {{ old('unit', $inquiry->unit ?? 'MT') == $unit ? 'selected' : '' }}>{{ $unit }}</option>
                        @endforeach
                    </select>
                </div>
                @error('quantity') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Gross Weight (MT)</label>
                <input type="number" step="0.001" name="gross_weight" class="form-control @error('gross_weight') is-invalid @enderror" value="{{ old('gross_weight', $inquiry->gross_weight ?? '') }}">
                @error('gross_weight') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Net Weight (MT)</label>
                <input type="number" step="0.001" name="net_weight" class="form-control @error('net_weight') is-invalid @enderror" value="{{ old('net_weight', $inquiry->net_weight ?? '') }}">
                @error('net_weight') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Volume (CBM)</label>
                <input type="number" step="0.001" name="volume" class="form-control @error('volume') is-invalid @enderror" value="{{ old('volume', $inquiry->volume ?? '') }}">
                @error('volume') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-4">
                <label class="form-label fw-medium">Packing Type</label>
                <select name="packing_type" class="form-select @error('packing_type') is-invalid @enderror">
                    <option value="">Select Packing</option>
                    @foreach(['Cartons', 'Pallets', 'Bags', 'Drums', 'IBC', 'Loose', 'Bundle'] as $type)
                        <option value="{{ $type }}" {{ old('packing_type', $inquiry->packing_type ?? '') == $type ? 'selected' : '' }}>{{ $type }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label fw-medium">Packing Details</label>
                <input type="text" name="packing_details" class="form-control @error('packing_details') is-invalid @enderror" value="{{ old('packing_details', $inquiry->packing_details ?? '') }}" placeholder="e.g., 50 kg bags, 40 bags/pallet">
                @error('packing_details') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-4">
                <label class="form-label fw-medium">H.S. Code</label>
                <input type="text" name="hs_code" class="form-control @error('hs_code') is-invalid @enderror" value="{{ old('hs_code', $inquiry->hs_code ?? '') }}" placeholder="e.g., 8471.30">
                @error('hs_code') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
        </div>
    </div>
</div>

<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white border-bottom-0 py-3">
        <h5 class="mb-0 fw-semibold"><i class="bi bi-card-checklist me-2 text-primary"></i>Additional Information</h5>
    </div>
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label fw-medium">Special Requirements</label>
                <textarea name="special_requirements" class="form-control @error('special_requirements') is-invalid @enderror" rows="3" placeholder="Any special handling, storage, or transport requirements...">{{ old('special_requirements', $inquiry->special_requirements ?? '') }}</textarea>
                @error('special_requirements') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-6">
                <label class="form-label fw-medium">Remarks</label>
                <textarea name="remarks" class="form-control @error('remarks') is-invalid @enderror" rows="3" placeholder="Internal notes or additional comments...">{{ old('remarks', $inquiry->remarks ?? '') }}</textarea>
                @error('remarks') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-4">
                <label class="form-label fw-medium">Preferred Shipping Line</label>
                <select name="shipping_line_id" class="form-select @error('shipping_line_id') is-invalid @enderror">
                    <option value="">No Preference</option>
                    @foreach($shippingLines ?? [] as $line)
                        <option value="{{ $line->id }}" {{ old('shipping_line_id', $inquiry->shipping_line_id ?? '') == $line->id ? 'selected' : '' }}>{{ $line->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label fw-medium">Expected Shipment Date</label>
                <input type="date" name="expected_shipment_date" class="form-control @error('expected_shipment_date') is-invalid @enderror" value="{{ old('expected_shipment_date', optional($inquiry->expected_shipment_date)?->format('Y-m-d') ?? '') }}">
                @error('expected_shipment_date') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-4">
                <label class="form-label fw-medium">Payment Terms</label>
                <select name="payment_terms" class="form-select @error('payment_terms') is-invalid @enderror">
                    <option value="">Select Terms</option>
                    @foreach(['TT Advance', 'TT Against Documents', 'LC At Sight', 'LC Usance', 'DA', 'DP', 'CAD'] as $term)
                        <option value="{{ $term }}" {{ old('payment_terms', $inquiry->payment_terms ?? '') == $term ? 'selected' : '' }}>{{ $term }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
document.querySelectorAll('.port-select').forEach(function(select) {
    select.addEventListener('change', function() {
        // AJAX port loading could be triggered here
    });
});
</script>
@endpush