@php
    $route = $route ?? null;
@endphp

<div class="grid grid-cols-1 gap-6 sm:grid-cols-2">
    <div>
        <label for="origin" class="block text-sm font-medium text-gray-700">{{ __('Origin') }}</label>
        <input
            type="text" name="origin" id="origin" value="{{ old('origin', $route?->origin) }}"
            class="mt-1.5 block w-full rounded-card border-gray-300 shadow-sm focus:border-teal-500 focus:ring-teal-500 sm:text-sm"
            required
        >
        @error('origin')
            <p class="mt-1.5 text-sm text-red-600">{{ $message }}</p>
        @enderror
    </div>

    <div>
        <label for="destination" class="block text-sm font-medium text-gray-700">{{ __('Destination') }}</label>
        <input
            type="text" name="destination" id="destination" value="{{ old('destination', $route?->destination) }}"
            class="mt-1.5 block w-full rounded-card border-gray-300 shadow-sm focus:border-teal-500 focus:ring-teal-500 sm:text-sm"
            required
        >
        @error('destination')
            <p class="mt-1.5 text-sm text-red-600">{{ $message }}</p>
        @enderror
    </div>

    <div class="sm:col-span-2">
        <label for="vehicle_types" class="block text-sm font-medium text-gray-700">{{ __('Applicable Vehicle Types') }}</label>
        <input
            type="text" name="vehicle_types" id="vehicle_types"
            value="{{ old('vehicle_types', $route?->vehicle_types ? implode(', ', $route->vehicle_types) : '') }}"
            placeholder="{{ __('e.g. Truck, Trailer') }}"
            class="mt-1.5 block w-full rounded-card border-gray-300 shadow-sm focus:border-teal-500 focus:ring-teal-500 sm:text-sm"
        >
        <p class="mt-1.5 text-xs text-gray-500">{{ __('Comma-separated. Leave blank if this route applies to any vehicle type.') }}</p>
        @error('vehicle_types')
            <p class="mt-1.5 text-sm text-red-600">{{ $message }}</p>
        @enderror
    </div>

    <div>
        <label for="expected_distance_km" class="block text-sm font-medium text-gray-700">{{ __('Expected Distance (km)') }}</label>
        <input
            type="number" step="0.01" min="0" name="expected_distance_km" id="expected_distance_km"
            value="{{ old('expected_distance_km', $route?->expected_distance_km) }}"
            class="mt-1.5 block w-full rounded-card border-gray-300 shadow-sm focus:border-teal-500 focus:ring-teal-500 sm:text-sm"
            required
        >
        @error('expected_distance_km')
            <p class="mt-1.5 text-sm text-red-600">{{ $message }}</p>
        @enderror
    </div>

    <div>
        <label for="expected_travel_minutes" class="block text-sm font-medium text-gray-700">{{ __('Expected Travel Time (minutes)') }}</label>
        <input
            type="number" step="1" min="0" name="expected_travel_minutes" id="expected_travel_minutes"
            value="{{ old('expected_travel_minutes', $route?->expected_travel_minutes) }}"
            class="mt-1.5 block w-full rounded-card border-gray-300 shadow-sm focus:border-teal-500 focus:ring-teal-500 sm:text-sm"
        >
        @error('expected_travel_minutes')
            <p class="mt-1.5 text-sm text-red-600">{{ $message }}</p>
        @enderror
    </div>

    <div>
        <label for="expected_fuel_min_l" class="block text-sm font-medium text-gray-700">{{ __('Expected Fuel — Min (L)') }}</label>
        <input
            type="number" step="0.01" min="0" name="expected_fuel_min_l" id="expected_fuel_min_l"
            value="{{ old('expected_fuel_min_l', $route?->expected_fuel_min_l) }}"
            class="mt-1.5 block w-full rounded-card border-gray-300 shadow-sm focus:border-teal-500 focus:ring-teal-500 sm:text-sm"
        >
        @error('expected_fuel_min_l')
            <p class="mt-1.5 text-sm text-red-600">{{ $message }}</p>
        @enderror
    </div>

    <div>
        <label for="expected_fuel_max_l" class="block text-sm font-medium text-gray-700">{{ __('Expected Fuel — Max (L)') }}</label>
        <input
            type="number" step="0.01" min="0" name="expected_fuel_max_l" id="expected_fuel_max_l"
            value="{{ old('expected_fuel_max_l', $route?->expected_fuel_max_l) }}"
            class="mt-1.5 block w-full rounded-card border-gray-300 shadow-sm focus:border-teal-500 focus:ring-teal-500 sm:text-sm"
        >
        @error('expected_fuel_max_l')
            <p class="mt-1.5 text-sm text-red-600">{{ $message }}</p>
        @enderror
    </div>

    <div class="sm:col-span-2">
        <label for="notes" class="block text-sm font-medium text-gray-700">{{ __('Notes') }}</label>
        <textarea
            name="notes" id="notes" rows="3"
            class="mt-1.5 block w-full rounded-card border-gray-300 shadow-sm focus:border-teal-500 focus:ring-teal-500 sm:text-sm"
        >{{ old('notes', $route?->notes) }}</textarea>
        @error('notes')
            <p class="mt-1.5 text-sm text-red-600">{{ $message }}</p>
        @enderror
    </div>
</div>