@extends('admin.layouts.home.main')

@section('styles')
    <style>
        .shipment-edit-card {
            max-width: 700px;
            margin: 2.5rem auto;
            background: #fff;
            border-radius: 1.3rem;
            box-shadow: 0 4px 32px 0 rgba(50, 70, 120, 0.11);
            padding: 2.5rem 2rem 2rem 2rem;
        }

        .shipment-title {
            color: #ffbe36;
            font-size: 2rem;
            font-weight: 800;
            margin-bottom: 0.3rem;
            letter-spacing: 1px;
        }

        .form-label {
            color: #6c757d;
            font-weight: 600;
        }

        .form-control,
        .form-select {
            border-radius: 0.7rem;
            font-size: 1.09rem;
            min-height: 2.45rem;
        }

        .btn-save {
            background: #ffbe36 !important;
            color: #fff !important;
            border: none !important;
            font-weight: 700;
            font-size: 1.15rem;
            border-radius: 0.9rem;
            min-width: 130px;
            margin-right: 15px;
            transition: background .15s;
        }

        .btn-save:hover {
            background: #ffa600 !important;
        }

        .btn-cancel {
            background: #fff;
            color: #ffbe36 !important;
            border: 2px solid #ffbe36 !important;
            font-weight: 700;
            border-radius: 0.9rem;
            min-width: 100px;
            padding: 7px 0;
        }

        @media (max-width: 575px) {
            .shipment-edit-card {
                padding: 1.1rem 0.6rem;
                border-radius: 0.7rem;
            }

            .shipment-title {
                font-size: 1.35rem;
            }
        }

        .shipment-back-link {
            margin-bottom: 1.4rem;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-weight: 600;
            color: #ffbe36;
            font-size: 1.07rem;
            background: #fff;
            border-radius: 9px;
            border: 1.5px solid #ffe5a2;
            padding: 7px 22px 7px 14px;
            text-decoration: none;
            transition: all .17s;
        }

        .shipment-back-link:hover {
            background: #ffbe36;
            color: #fff;
        }
    </style>
@endsection

@section('main')
    <div class="container-fluid" style="min-height:100vh;background:#f6f8fa;">
        <div class="container py-4">
            <a href="{{ route('admin.shipment.index') }}" class="shipment-back-link mb-3">
                <i class="bi bi-arrow-left-short" style="font-size:1.45em;"></i> Back to All Shipments
            </a>
            <div class="shipment-edit-card">
                <div class="shipment-title mb-2">
                    <i class="bi bi-truck-front"></i> Edit Shipment
                </div>
                <form action="{{ route('admin.shipment.update', $shipment->admin_shipment_id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="row g-4">
                        <div class="col-md-6 col-12">
                            <label class="form-label">Admin<span class="text-danger">*</span></label>
                            <select name="admin_id" class="form-select @error('admin_id') is-invalid @enderror" required>
                                <option value="">Select admin</option>
                                @foreach ($admins as $admin)
                                    <option value="{{ $admin->admin_id }}"
                                        {{ old('admin_id', $shipment->admin_id) == $admin->admin_id ? 'selected' : '' }}>
                                        {{ $admin->name }} ({{ $admin->email }})
                                    </option>
                                @endforeach
                            </select>
                            @error('admin_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6 col-12">
                            <label class="form-label">Vehicle</label>
                            <select name="vehicle_id" class="form-select @error('vehicle_id') is-invalid @enderror">
                                <option value="">No vehicle</option>
                                @foreach ($vehicles as $vehicle)
                                    <option value="{{ $vehicle->id }}"
                                        {{ old('vehicle_id', $shipment->vehicle_id) == $vehicle->id ? 'selected' : '' }}>
                                        {{ $vehicle->license_plate }} {{ $vehicle->type ? "({$vehicle->type})" : '' }}
                                    </option>
                                @endforeach
                            </select>
                            @error('vehicle_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6 col-12">
                            <label class="form-label">Status<span class="text-danger">*</span></label>
                            <select name="status" class="form-select @error('status') is-invalid @enderror" required>
                                @php
                                    $statuses = [
                                        'pending' => 'Pending',
                                        'active' => 'Active',
                                        'loading delayed' => 'Loading Delayed',
                                        'unloading delayed' => 'Unloading Delayed',
                                        'ready to load' => 'Ready to Load',
                                        'ready to unload' => 'Ready to Unload',
                                        'delivered' => 'Delivered',
                                        'canceled' => 'Canceled',
                                    ];
                                @endphp
                                @foreach ($statuses as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ old('status', $shipment->status) == $key ? 'selected' : '' }}>
                                        {{ $label }}
                                    </option>
                                @endforeach
                            </select>
                            @error('status')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6 col-12">
                            <label class="form-label">Start Date<span class="text-danger">*</span></label>
                            <input type="date" name="start_date"
                                class="form-control @error('start_date') is-invalid @enderror"
                                value="{{ old('start_date', \Carbon\Carbon::parse($shipment->start_date)->format('Y-m-d')) }}"
                                required>
                            @error('start_date')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12">
                            <label class="form-label">Destination<span class="text-danger">*</span></label>
                            <input type="text" name="destination"
                                class="form-control @error('destination') is-invalid @enderror"
                                value="{{ old('destination', $shipment->destination) }}" required>
                            @error('destination')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12">
                            <label class="form-label">Info</label>
                            <textarea name="basic_info" rows="3" class="form-control @error('basic_info') is-invalid @enderror"
                                placeholder="Enter additional information (optional)">{{ old('basic_info', $shipment->basic_info) }}</textarea>
                            @error('basic_info')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="mt-4 d-flex justify-content-end gap-2 flex-wrap">
                        <button type="submit" class="btn btn-save">
                            <i class="bi bi-check-lg"></i> Save Changes
                        </button>
                        <a href="{{ route('admin.shipment.show', $shipment->admin_shipment_id) }}" class="btn btn-cancel">
                            <i class="bi bi-x-lg"></i> Cancel
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
@endpush