@extends('modules.vehicles.layouts.base')
@section('title', 'Edit Vehicle')

@section('content_body')
    <div class="kt-card kt-card-accent w-[400px]">
        <div class="kt-card-header">
            <div class="kt-card-heading">
                <h2 class="kt-card-title">Edit Vehicle</h2>
            </div>
        </div>
        <div class="kt-card-content">
            <form id="kt_vehicle_edit_form" class="kt-form" action="{{ route('vehicles.update', $device['id']) }}" method="POST">
                @csrf
                @method('PUT')
                
                <!-- Name -->
                <div class="kt-form-item">
                    <label class="kt-form-label">Name</label>
                    <div class="kt-form-control">
                        <input type="text" class="kt-input" name="name" value="{{ $device['name'] ?? '' }}" placeholder="Name" />
                    </div>
                </div>

                <!-- VIN (Identifier) -->
                <div class="kt-form-item">
                    <label class="kt-form-label">Identifier</label>
                    <div class="kt-form-control">
                        <input type="text" class="kt-input" name="vin" value="{{ $device['vin'] ?? '' }}" placeholder="VIN" readonly />
                    </div>
                </div>

                <!-- Brand / Model -->
                <div class="kt-form-item">
                    <label class="kt-form-label">Brand / Model</label>
                    <div class="kt-form-control">
                        <input type="text" class="kt-input" name="plate_number" value="{{ $device['plate_number'] ?? '' }}" placeholder="Plate number" />
                    </div>
                </div>

                <!-- Main Customer -->
                <div class="kt-form-item">
                    <label class="kt-form-label">Main Customer</label>
                    <div class="kt-form-control">
                        <input type="text" class="kt-input" name="device_model" value="{{ $device['device_model'] ?? '' }}" placeholder="Main Customer" />
                    </div>
                </div>

                <!-- End Customer -->
                <div class="kt-form-item">
                    <label class="kt-form-label">End Customer</label>
                    <div class="kt-form-control">
                        <input type="text" class="kt-input" name="object_owner" value="{{ $device['object_owner'] ?? '' }}" placeholder="End Customer" />
                    </div>
                </div>

                <!-- Group -->
                <div class="kt-form-item">
                    <label class="kt-form-label">Group</label>
                    <div class="kt-form-control">
                        <select class="kt-input" name="group_id">
                            <option value="">Select a group</option>
                            @foreach($groups as $id => $title)
                                <option value="{{ $id }}" {{ (isset($device['group_id']) && $device['group_id'] == $id) ? 'selected' : '' }}>{{ $title }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <!-- Fuel consumption -->
                <div class="kt-form-item">
                    <label class="kt-form-label">Fuel consumption (L/100km)</label>
                    <div class="kt-form-control">
                        <input type="text" class="kt-input" name="fuel_per_km" value="{{ $device['fuel_per_km'] ?? '' }}" placeholder="Fuel consumption" />
                    </div>
                </div>

                <!-- Tail color -->
                <div class="kt-form-item">
                    <label class="kt-form-label">Tail color</label>
                    <div class="kt-form-control">
                        <input type="color" class="kt-input h-10 w-full p-1" name="tail_color" value="{{ $device['tail_color'] ?? '#000000' }}" />
                    </div>
                </div>

                <!-- Fuel type -->
                <div class="kt-form-item">
                    <label class="kt-form-label">Fuel type</label>
                    <div class="kt-form-control">
                        <select class="kt-input" name="fuel_type">
                            <option value="" {{ (isset($device['fuel_type']) && $device['fuel_type'] == '') ? 'selected' : '' }}>Aucune sélection</option>
                            <option value="petrol" {{ (isset($device['fuel_type']) && $device['fuel_type'] == 'petrol') ? 'selected' : '' }}>Essence</option>
                            <option value="diesel" {{ (isset($device['fuel_type']) && $device['fuel_type'] == 'diesel') ? 'selected' : '' }}>Diesel</option>
                            <option value="biodiesel" {{ (isset($device['fuel_type']) && $device['fuel_type'] == 'biodiesel') ? 'selected' : '' }}>Biodiesel (HVO)</option>
                            <option value="biogas" {{ (isset($device['fuel_type']) && $device['fuel_type'] == 'biogas') ? 'selected' : '' }}>Biogaz / Gaz naturel (GNC / GNL)</option>
                            <option value="hydrogen" {{ (isset($device['fuel_type']) && $device['fuel_type'] == 'hydrogen') ? 'selected' : '' }}>Hydrogène</option>
                            <option value="electric" {{ (isset($device['fuel_type']) && $device['fuel_type'] == 'electric') ? 'selected' : '' }}>Électrique</option>
                            <option value="ethanol" {{ (isset($device['fuel_type']) && $device['fuel_type'] == 'ethanol') ? 'selected' : '' }}>Éthanol</option>
                            <option value="petrol_electric" {{ (isset($device['fuel_type']) && $device['fuel_type'] == 'petrol_electric') ? 'selected' : '' }}>Hybride - Essence/Électrique</option>
                            <option value="diesel_electric" {{ (isset($device['fuel_type']) && $device['fuel_type'] == 'diesel_electric') ? 'selected' : '' }}>Hybride - Diesel/Électrique</option>
                            <option value="propane" {{ (isset($device['fuel_type']) && $device['fuel_type'] == 'propane') ? 'selected' : '' }}>GPL (gaz propane)</option>
                            <option value="methanol" {{ (isset($device['fuel_type']) && $device['fuel_type'] == 'methanol') ? 'selected' : '' }}>Méthanol</option>
                        </select>
                    </div>
                </div>

                <!-- CO2 Emissions -->
                <div class="kt-form-item">
                    <label class="kt-form-label">CO2 Emissions (g/km)</label>
                    <div class="kt-form-control">
                        <input type="text" class="kt-input" name="fuel_emissions" value="{{ $device['fuel_emissions'] ?? '' }}" placeholder="Ex: 120" />
                    </div>
                </div>

                <div class="kt-form-actions">
                    <a href="{{ route('vehicles.index') }}" class="kt-btn kt-btn-outline">Return</a>  
                    <button type="submit" class="kt-btn">Save</button>
                </div>

            </form>


        </div>
    </div>
@endsection

@section('extra_scripts')
    <script src="{{ asset('assets/js/apps/vehicles/edit.js') }}"></script>
@endsection