@extends('layouts.dashboard')

@section('title', $truck->exists ? 'Edit truck' : 'Add truck')

@section('content')
    <h1 class="font-display text-3xl mb-6">{{ $truck->exists ? 'Edit truck' : 'Add truck' }}</h1>

    <form method="POST" action="{{ $truck->exists ? route('dashboard.trucks.update', $truck) : route('dashboard.trucks.store') }}" class="card p-6 space-y-4 max-w-2xl">
        @csrf
        @if ($truck->exists) @method('PUT') @endif

        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <x-dashboard-field name="name" label="Name" :value="$truck->name" required />
            <x-dashboard-field name="rego" label="Rego" :value="$truck->rego" required />
        </div>

        <div>
            <label for="home_depot_id" class="label block mb-1">Depot</label>
            <select id="home_depot_id" name="home_depot_id" class="select">
                <option value="">— None —</option>
                @foreach ($depots as $depot)
                    <option value="{{ $depot->id }}" @selected(old('home_depot_id', $truck->home_depot_id) === $depot->id)>{{ $depot->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <x-dashboard-field name="plated_gvm_kg" label="Plated GVM (kg)" type="number" :value="$truck->plated_gvm_kg" required />
            <x-dashboard-field name="bin_capacity" label="Bin capacity" type="number" :value="$truck->bin_capacity" required />
        </div>

        <div>
            <label for="status" class="label block mb-1">Status</label>
            <select id="status" name="status" class="select">
                @foreach (\App\Enums\TruckStatus::cases() as $status)
                    <option value="{{ $status->value }}" @selected(old('status', $truck->status?->value ?? 'active') === $status->value)>{{ str_replace('_', ' ', $status->value) }}</option>
                @endforeach
            </select>
        </div>

        <button type="submit" class="btn btn-primary">Save</button>
    </form>

    @if ($truck->exists)
        <div class="card p-6 mt-6 max-w-2xl">
            <h2 class="label mb-4">Service bookings</h2>

            @if ($truck->serviceBookings->isNotEmpty())
                <table class="dashboard-table w-full mb-4">
                    <thead>
                        <tr>
                            <th>From</th>
                            <th>To</th>
                            <th>Notes</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($truck->serviceBookings as $serviceBooking)
                            <tr>
                                <td>{{ $serviceBooking->starts_on->format('Y-m-d') }}</td>
                                <td>{{ $serviceBooking->ends_on->format('Y-m-d') }}</td>
                                <td>{{ $serviceBooking->notes }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @else
                <p class="text-sm text-muted mb-4">No service bookings yet.</p>
            @endif

            <form method="POST" action="{{ route('dashboard.trucks.service-bookings.store', $truck) }}" class="space-y-4">
                @csrf
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <x-dashboard-field name="starts_on" label="Out of service from" type="date" required />
                    <x-dashboard-field name="ends_on" label="Back in service" type="date" required />
                </div>
                <x-dashboard-field name="notes" label="Notes" :value="null" />
                <button type="submit" class="btn btn-dark">Add service booking</button>
            </form>
        </div>
    @endif
@endsection