@php $o = fn ($k, $d = null) => old($k, $tradeIn->{$k} ?? $d); @endphp
<div class="space-y-6">
    <fieldset class="grid gap-4 sm:grid-cols-4">
        <legend class="mb-2 text-base font-semibold">The customer's vehicle</legend>
        <div><label for="make" class="mb-1 block text-sm font-medium">Make</label><input id="make" name="make" value="{{ $o('make') }}" required class="field"></div>
        <div><label for="model" class="mb-1 block text-sm font-medium">Model</label><input id="model" name="model" value="{{ $o('model') }}" required class="field"></div>
        <div><label for="year" class="mb-1 block text-sm font-medium">Year</label><input id="year" name="year" type="number" value="{{ $o('year') }}" required class="field"></div>
        <div><label for="color" class="mb-1 block text-sm font-medium">Color</label><input id="color" name="color" value="{{ $o('color') }}" class="field"></div>
        <div><label for="registration_no" class="mb-1 block text-sm font-medium">Plate</label><input id="registration_no" name="registration_no" value="{{ $o('registration_no') }}" class="field uppercase"></div>
        <div><label for="vin" class="mb-1 block text-sm font-medium">VIN / chassis</label><input id="vin" name="vin" value="{{ $o('vin') }}" maxlength="17" class="field uppercase"></div>
        <div><label for="mileage" class="mb-1 block text-sm font-medium">Mileage</label>
            <div class="flex gap-2"><input id="mileage" name="mileage" type="number" min="0" value="{{ $o('mileage', 0) }}" required class="field"><select name="mileage_unit" class="field w-20" aria-label="Unit"><option @selected($o('mileage_unit', 'km') === 'km')>km</option><option @selected($o('mileage_unit') === 'mi')>mi</option></select></div></div>
        <div><label for="engine_cc" class="mb-1 block text-sm font-medium">Engine (cc)</label><input id="engine_cc" name="engine_cc" type="number" value="{{ $o('engine_cc') }}" class="field"></div>
        <div><label for="transmission" class="mb-1 block text-sm font-medium">Transmission</label><select id="transmission" name="transmission" class="field"><option value="">Not set</option>@foreach (config('inventory.transmissions') as $k => $l)<option value="{{ $k }}" @selected($o('transmission') === $k)>{{ $l }}</option>@endforeach</select></div>
        <div><label for="fuel_type" class="mb-1 block text-sm font-medium">Fuel</label><select id="fuel_type" name="fuel_type" class="field"><option value="">Not set</option>@foreach (config('inventory.fuel_types') as $k => $l)<option value="{{ $k }}" @selected($o('fuel_type') === $k)>{{ $l }}</option>@endforeach</select></div>
    </fieldset>

    <fieldset>
        <legend class="mb-1 text-base font-semibold">Condition</legend>
        <p class="mb-3 text-xs text-muted">Score each area from 1 (poor) to 5 (excellent). The average sets the grade from A to E.</p>
        <div class="grid gap-3 sm:grid-cols-5">
            @foreach (config('deals.condition_areas') as $key => $label)
                <div><label for="sc_{{ $key }}" class="mb-1 block text-xs font-medium">{{ $label }}</label>
                    <select id="sc_{{ $key }}" name="condition_scores[{{ $key }}]" class="field"><option value="">Not scored</option>
                        @foreach ([5 => '5 Excellent', 4 => '4 Good', 3 => '3 Fair', 2 => '2 Poor', 1 => '1 Very poor'] as $n => $l)<option value="{{ $n }}" @selected((int) old("condition_scores.{$key}", $tradeIn->condition_scores[$key] ?? 0) === $n)>{{ $l }}</option>@endforeach</select></div>
            @endforeach
        </div>
        <label for="condition_notes" class="mb-1 mt-3 block text-sm font-medium">Defects and notes</label><textarea id="condition_notes" name="condition_notes" rows="3" class="field">{{ $o('condition_notes') }}</textarea>
    </fieldset>

    <fieldset class="grid gap-4 sm:grid-cols-4" x-data="{ loan: {{ $o('has_outstanding_finance') ? 'true' : 'false' }} }">
        <legend class="mb-2 text-base font-semibold">Ownership and value</legend>
        <label class="flex items-center gap-2 text-sm sm:col-span-2"><input type="checkbox" name="logbook_seen" value="1" @checked($o('logbook_seen')) class="rounded border-line"> Original logbook seen and matches the vehicle</label>
        <label class="flex items-center gap-2 text-sm sm:col-span-2"><input type="checkbox" name="has_outstanding_finance" value="1" x-model="loan" class="rounded border-line"> Still has a loan or hire purchase on it</label>
        <div x-show="loan" x-cloak><label for="outstanding_balance" class="mb-1 block text-sm font-medium">Loan balance (KES)</label><input id="outstanding_balance" name="outstanding_balance" type="number" min="0" step="0.01" value="{{ $o('outstanding_balance') }}" class="field"></div>
        <div x-show="loan" x-cloak><label for="lender" class="mb-1 block text-sm font-medium">Lender</label><input id="lender" name="lender" value="{{ $o('lender') }}" class="field"></div>
        <div><label for="market_value" class="mb-1 block text-sm font-medium">Market value (KES)</label><input id="market_value" name="market_value" type="number" min="0" step="0.01" value="{{ $o('market_value') }}" class="field"></div>
        <div><label for="recon_estimate" class="mb-1 block text-sm font-medium">Repair estimate (KES)</label><input id="recon_estimate" name="recon_estimate" type="number" min="0" step="0.01" value="{{ $o('recon_estimate', 0) }}" class="field"></div>
        <div class="sm:col-span-4"><label for="notes" class="mb-1 block text-sm font-medium">Internal notes</label><textarea id="notes" name="notes" rows="2" class="field">{{ $o('notes') }}</textarea></div>
    </fieldset>
</div>