@php($editing = $car->exists)
<x-layouts.app :title="$editing ? 'Edit vehicle rates' : 'Add vehicle'" :subtitle="$editing ? $car->label : 'Add a vehicle to the HDFC ERGO rate card.'"
               :breadcrumbs="['Insurance' => null, 'HDFC rate card' => route('rates.hdfc.index'), ($editing ? '#'.$car->id : 'New') => null]">
    <form method="POST" action="{{ $editing ? route('rates.hdfc.update', $car) : route('rates.hdfc.store') }}" class="space-y-6"
          x-data="{ locked: @js($editing) }">
        @csrf
        @if ($editing) @method('PUT') @endif

        <x-card title="Vehicle" :subtitle="$editing ? 'Identification fields are locked to avoid accidental changes.' : null">
            @if ($editing)
                <x-slot:actions>
                    <button type="button" x-show="locked" class="btn btn-ghost btn-sm" @click="if (confirm('Edit the manufacturer / model / variant of this vehicle? Existing quotations keep their saved names.')) locked = false">
                        <x-heroicon-m-lock-open class="h-4 w-4" /> Unlock
                    </button>
                </x-slot:actions>
            @endif
            <div class="grid gap-5 sm:grid-cols-2 lg:grid-cols-4">
                <x-input name="mfg_name" label="Manufacturer" :value="$car->mfg_name" required maxlength="100" x-bind:readonly="locked" class="lg:col-span-1" />
                <x-input name="model" label="Model" :value="$car->model" required maxlength="100" x-bind:readonly="locked" />
                <x-input name="sub_model" label="Variant" :value="$car->sub_model" required maxlength="150" x-bind:readonly="locked" class="lg:col-span-2" />
                <div>
                    <label class="form-label" for="fuel_type">Fuel type<span class="text-rose-500"> *</span></label>
                    <input list="fuel-list" name="fuel_type" id="fuel_type" value="{{ old('fuel_type', $car->fuel_type) }}" required maxlength="20" class="form-input uppercase">
                    <datalist id="fuel-list">@foreach ($fuels as $fuel)<option value="{{ $fuel }}">@endforeach</datalist>
                    @error('fuel_type')<p class="form-error">{{ $message }}</p>@enderror
                </div>
                <x-input name="cc" type="number" label="CC" :value="$car->cc" required min="0" max="10000" />
                <x-select name="seating_capacity" label="Seating capacity" :options="array_combine(range(1, 15), range(1, 15))" :value="$car->seating_capacity" required />
                <x-input name="location_code" label="RTO location" :value="$car->location_code" maxlength="50" hint="Shown on the quotation PDF." />
                <x-input name="age_discount" type="number" label="Extra discount %" :value="$car->age_discount" min="0" max="100" step="1" />
            </div>
        </x-card>

        <x-card title="Rates by policy year" subtitle="IDV in ₹, everything else in % (add-on rates are % of IDV + accessories). The quotation form uses the 1st-year add-on rates; IDV and discount follow the vehicle's age.">
            @include('insurance.rates._bulk-fields', ['groups' => $groups, 'values' => $car, 'prefill' => true])
        </x-card>

        <div class="flex gap-2">
            <button class="btn btn-brand"><x-heroicon-m-check class="h-4 w-4" /> {{ $editing ? 'Save rates' : 'Add vehicle' }}</button>
            <a href="{{ route('rates.hdfc.index') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</x-layouts.app>