@php $value = fn ($key, $default = '') => $rate[$key] ?? $default; @endphp
<div class="pricing-row rounded-2xl border border-violet-100 bg-gradient-to-br from-violet-50/60 to-white p-5">
    <div class="mb-5 flex items-center justify-between"><h3 class="font-bold text-slate-800">Vehicle pricing</h3><button type="button" class="remove-pricing text-xs font-bold text-red-600">Remove</button></div>
    <div class="grid gap-5 md:grid-cols-2 xl:grid-cols-4">
        <div><label class="form-label">Vehicle type *</label><select name="pricing[{{ $index }}][vehicle_type]" required class="form-input">@forelse($vehicleTypes as $vehicleType)@if($loop->first)<option value="">Select vehicle type</option>@endif<option value="{{ $vehicleType }}" @selected($value('vehicle_type')===$vehicleType)>{{ $vehicleType }}</option>@empty<option value="" selected disabled>No vehicle types available</option>@endforelse</select></div>
        <div><label class="form-label">Pricing method *</label><select name="pricing[{{ $index }}][pricing_type]" class="pricing-type form-input"><option value="per_day" @selected($value('pricing_type', 'per_day') === 'per_day')>Per-day fixed</option><option value="per_km" @selected($value('pricing_type') === 'per_km')>Per-kilometre fixed</option></select></div>
        <div><label class="form-label">Waiting charge</label><input type="number" step="0.01" min="0" name="pricing[{{ $index }}][waiting_charge]" value="{{ $value('waiting_charge', 0) }}" class="form-input" placeholder="Enter waiting charge"></div>
        <div><label class="form-label">Tax percentage</label><input type="number" step="0.01" min="0" max="100" name="pricing[{{ $index }}][tax_percentage]" value="{{ $value('tax_percentage', 0) }}" class="form-input" placeholder="Enter tax percentage"></div>
    </div>
    <div class="per-day-fields mt-5 grid gap-5 md:grid-cols-3">
        <div><label class="form-label">Fixed amount / day *</label><input type="number" step="0.01" min="0" name="pricing[{{ $index }}][fixed_amount_per_day]" value="{{ $value('fixed_amount_per_day') }}" class="form-input" placeholder="Enter daily amount"></div>
        <div><label class="form-label">Included KM / day</label><input type="number" min="0" name="pricing[{{ $index }}][included_km_per_day]" value="{{ $value('included_km_per_day') }}" class="form-input" placeholder="Enter included KM"></div>
        <div><label class="form-label">Extra KM rate</label><input type="number" step="0.01" min="0" name="pricing[{{ $index }}][extra_km_rate]" value="{{ $value('extra_km_rate') }}" class="form-input" placeholder="Enter extra KM rate"></div>
    </div>
    <div class="per-km-fields mt-5 grid gap-5 md:grid-cols-2">
        <div><label class="form-label">Fixed rate / KM *</label><input type="number" step="0.01" min="0" name="pricing[{{ $index }}][rate_per_km]" value="{{ $value('rate_per_km') }}" class="form-input" placeholder="Enter rate per KM"></div>
        <div><label class="form-label">Minimum KM / day</label><input type="number" min="0" name="pricing[{{ $index }}][minimum_km_per_day]" value="{{ $value('minimum_km_per_day') }}" class="form-input" placeholder="Enter minimum KM"></div>
    </div>
    <div class="mt-5 grid gap-5 md:grid-cols-2 xl:grid-cols-4">
        <div><label class="form-label">Toll treatment</label><select name="pricing[{{ $index }}][toll_treatment]" class="form-input"><option value="extra" @selected($value('toll_treatment', 'extra') === 'extra')>Charge extra</option><option value="included" @selected($value('toll_treatment') === 'included')>Included</option></select></div>
        <div><label class="form-label">Parking treatment</label><select name="pricing[{{ $index }}][parking_treatment]" class="form-input"><option value="extra" @selected($value('parking_treatment', 'extra') === 'extra')>Charge extra</option><option value="included" @selected($value('parking_treatment') === 'included')>Included</option></select></div>
        <div><label class="form-label">Valid from</label><input type="date" name="pricing[{{ $index }}][valid_from]" value="{{ isset($rate['valid_from']) ? \Illuminate\Support\Carbon::parse($rate['valid_from'])->format('Y-m-d') : '' }}" class="form-input" placeholder="Select valid-from date"></div>
        <div><label class="form-label">Valid until</label><input type="date" name="pricing[{{ $index }}][valid_until]" value="{{ isset($rate['valid_until']) ? \Illuminate\Support\Carbon::parse($rate['valid_until'])->format('Y-m-d') : '' }}" class="form-input" placeholder="Select valid-until date"></div>
    </div>
</div>