@php
    $driver ??= null;
    $inputClass = 'block w-full rounded-card border-gray-300 text-sm shadow-sm focus:border-teal-600 focus:ring-teal-600';
    $labelClass = 'block text-sm font-medium text-gray-700';
@endphp

<div class="grid grid-cols-1 gap-x-6 gap-y-5 sm:grid-cols-2">
    <div>
        <label for="name" class="{{ $labelClass }}">{{ __('Full Name') }}</label>
        <input type="text" name="name" id="name" value="{{ old('name', $driver?->name) }}" class="{{ $inputClass }} mt-1" required autofocus>
        <x-input-error :messages="$errors->get('name')" class="mt-2" />
    </div>

    <div>
        <label for="cnic" class="{{ $labelClass }}">{{ __('CNIC Number') }}</label>
        <input type="text" name="cnic" id="cnic" value="{{ old('cnic', $driver?->cnic) }}" class="{{ $inputClass }} mt-1" placeholder="00000-0000000-0" required>
        <x-input-error :messages="$errors->get('cnic')" class="mt-2" />
    </div>

    <div>
        <label for="phone" class="{{ $labelClass }}">{{ __('Phone') }}</label>
        <input type="text" name="phone" id="phone" value="{{ old('phone', $driver?->phone) }}" class="{{ $inputClass }} mt-1">
        <x-input-error :messages="$errors->get('phone')" class="mt-2" />
    </div>

    <div>
        <label for="license_number" class="{{ $labelClass }}">{{ __('License Number') }}</label>
        <input type="text" name="license_number" id="license_number" value="{{ old('license_number', $driver?->license_number) }}" class="{{ $inputClass }} mt-1">
        <x-input-error :messages="$errors->get('license_number')" class="mt-2" />
    </div>

    <div>
        <label for="appointment_date" class="{{ $labelClass }}">{{ __('Appointment Date') }}</label>
        <input type="date" name="appointment_date" id="appointment_date" value="{{ old('appointment_date', $driver?->appointment_date?->toDateString()) }}" class="{{ $inputClass }} mt-1">
        <x-input-error :messages="$errors->get('appointment_date')" class="mt-2" />
    </div>

    <div>
        <label for="status" class="{{ $labelClass }}">{{ __('Status') }}</label>
        <select name="status" id="status" class="{{ $inputClass }} mt-1" required>
            @foreach (\App\Enums\DriverStatus::cases() as $status)
                <option value="{{ $status->value }}" @selected(old('status', $driver?->status?->value) === $status->value)>
                    {{ $status->label() }}
                </option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('status')" class="mt-2" />
    </div>

    <div class="sm:col-span-2">
        <label for="address" class="{{ $labelClass }}">{{ __('Address') }}</label>
        <input type="text" name="address" id="address" value="{{ old('address', $driver?->address) }}" class="{{ $inputClass }} mt-1">
        <x-input-error :messages="$errors->get('address')" class="mt-2" />
    </div>

    <div class="sm:col-span-2">
        <label for="notes" class="{{ $labelClass }}">{{ __('Notes') }}</label>
        <textarea name="notes" id="notes" rows="3" class="{{ $inputClass }} mt-1">{{ old('notes', $driver?->notes) }}</textarea>
        <x-input-error :messages="$errors->get('notes')" class="mt-2" />
    </div>
</div>