@php
    $job ??= 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="vehicle" class="{{ $labelClass }}">{{ __('Vehicle') }}</label>
        <select name="vehicle" id="vehicle" class="{{ $inputClass }} mt-1" required>
            <option value="">{{ __('Select a vehicle…') }}</option>
            @foreach ($vehicles as $vehicleOption)
                <option value="{{ $vehicleOption->ulid }}" @selected(old('vehicle', $job?->vehicle?->ulid) === $vehicleOption->ulid)>
                    {{ $vehicleOption->plate }}
                </option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('vehicle')" class="mt-2" />
    </div>

    <div>
        <label for="mechanic" class="{{ $labelClass }}">{{ __('Mechanic (optional)') }}</label>
        <select name="mechanic" id="mechanic" class="{{ $inputClass }} mt-1">
            <option value="">{{ __('Not specified') }}</option>
            @foreach ($mechanics as $mechanicOption)
                <option value="{{ $mechanicOption->ulid }}" @selected(old('mechanic', $job?->mechanic?->ulid) === $mechanicOption->ulid)>
                    {{ $mechanicOption->name }}
                </option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('mechanic')" class="mt-2" />
    </div>

    <div>
        <label for="type" class="{{ $labelClass }}">{{ __('Type') }}</label>
        <select name="type" id="type" class="{{ $inputClass }} mt-1" required>
            @foreach (\App\Enums\MaintenanceType::cases() as $type)
                <option value="{{ $type->value }}" @selected(old('type', $job?->type?->value) === $type->value)>
                    {{ $type->label() }}
                </option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('type')" 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\MaintenanceStatus::cases() as $status)
                <option value="{{ $status->value }}" @selected(old('status', $job?->status?->value ?? 'scheduled') === $status->value)>
                    {{ $status->label() }}
                </option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('status')" class="mt-2" />
    </div>

    <div>
        <label for="workshop" class="{{ $labelClass }}">{{ __('Workshop') }}</label>
        <input type="text" name="workshop" id="workshop" value="{{ old('workshop', $job?->workshop) }}" class="{{ $inputClass }} mt-1" placeholder="{{ __('Leave blank for in-house') }}">
        <x-input-error :messages="$errors->get('workshop')" class="mt-2" />
    </div>

    <div>
        <label for="odometer" class="{{ $labelClass }}">{{ __('Odometer Reading (km)') }}</label>
        <input type="number" min="0" name="odometer" id="odometer" value="{{ old('odometer', $job?->odometer) }}" class="{{ $inputClass }} mt-1">
        <x-input-error :messages="$errors->get('odometer')" class="mt-2" />
    </div>

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

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

    <div>
        <label for="labour_cost" class="{{ $labelClass }}">{{ __('Labour Cost') }}</label>
        <input type="number" step="0.01" min="0" name="labour_cost" id="labour_cost" value="{{ old('labour_cost', $job?->labour_cost ?? '0.00') }}" class="{{ $inputClass }} mt-1" required>
        <x-input-error :messages="$errors->get('labour_cost')" class="mt-2" />
        @if ($job)
            <p class="mt-1 text-xs text-gray-400">
                {{ __('Parts cost (:cost) is added automatically from parts issued below.', ['cost' => number_format((float) $job->parts_cost, 2)]) }}
            </p>
        @endif
    </div>

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