@if (Auth()->user()->type_user == 0)
    @include('error.error')
    @dd()
@else
    @extends('layouts.proprietaire.master')

    @section('title', 'Vidanges')

    @section('content')
        <div class="main-content">
            <section class="section">
                <h1 class="section-header">
                    <div>@yield('title')</div>
                </h1>

                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('home') }}">Récaputilatifs</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('property.camion.index') }}">Camion</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('property.camion.show', ['id' => $camion->id]) }}">Détails</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('property.vidange.index', ['id' => $camion->id]) }}">Vidanges</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Ajouter</li>
                    </ol>
                </nav>
            </section>

            <div class="row justify-content-center">
                <div class="col-md-12">
                    <div class="card shadow-sm border-0">
                        <div class="card-body">
                            <form action="{{ route('property.vidange.store') }}" method="POST">
                                @csrf
                                {{-- Référence --}}
                                <div class="form-group">
                                    <label>Référence</label>
                                    <input type="text"
                                        class="form-control"
                                        name="reference"
                                        value="{{ $reference }}"
                                        readonly>
                                </div>

                                <div class="row">
                                    {{-- Date --}}
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Date <span class="text-danger">*</span></label>
                                            <input type="date"
                                                name="date"
                                                class="form-control @error('date') is-invalid @enderror"
                                                value="{{ old('date') }}">
                                            @error('date')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    {{-- Kilométrage --}}
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Kilométrage</label>
                                            <input type="number"
                                                name="mileage"
                                                class="form-control"
                                                value="{{ $response[0]['mileage'] ?? 0 }}"
                                                readonly>
                                        </div>
                                    </div>
                                </div>

                                {{-- Type de vidange --}}
                                <div class="form-group">
                                    <label>Type de vidange <span class="text-danger">*</span></label>
                                    <select name="type" class="form-control @error('type') is-invalid @enderror" id="type">
                                        <option value="">-- Choisir --</option>
                                        <option value="moteur" {{ old('type') == 'moteur' ? 'selected' : '' }}>Vidange moteur</option>
                                        <option value="boite_vitesse" {{ old('type') == 'boite_vitesse' ? 'selected' : '' }}>Boîte de vitesses</option>
                                        <option value="pont" {{ old('type') == 'pont' ? 'selected' : '' }}>Pont / Différentiel</option>
                                        <option value="hydraulique" {{ old('type') == 'hydraulique' ? 'selected' : '' }}>Hydraulique</option>
                                        <option value="frein" {{ old('type') == 'frein' ? 'selected' : '' }}>Liquide de frein</option>
                                        <option value="refroidissement" {{ old('type') == 'refroidissement' ? 'selected' : '' }}>Liquide de refroidissement</option>
                                    </select>
                                    @error('type')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="row">
                                    {{-- Prochaine vidange --}}
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Prochaine vidange (Km) <span class="text-danger">*</span></label>
                                            <input type="number"
                                                name="next"
                                                class="form-control @error('next') is-invalid @enderror"
                                                placeholder="Ex: +10 000"
                                                value="{{ old('next') }}">
                                            @error('next')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    {{-- Main d'œuvre --}}
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Main d’œuvre (FCFA) <span class="text-danger">*</span></label>
                                            <input type="number"
                                                name="labor"
                                                class="form-control @error('labor') is-invalid @enderror"
                                                placeholder="Ex: 15 000" value="{{ old('labor') }}">
                                            @error('labor')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                {{-- Garage --}}
                                <div class="form-group">
                                    <label>Garage</label>
                                    <input type="text"
                                        name="garage"
                                        class="form-control"
                                        placeholder="Nom du garage" value="{{ old('garage') }}">
                                </div>

                                {{-- Note --}}
                                <div class="form-group">
                                    <label>Note</label>
                                    <textarea name="note"
                                            class="form-control"
                                            rows="2"
                                            placeholder="Observation, marque d’huile…">{{ old('note') }}</textarea>
                                </div>

                                {{-- Hidden --}}
                                <input type="hidden" name="camion_id" value="{{ $camion->id }}">

                                {{-- Actions --}}
                                <div class="d-flex justify-content-end gap-2 mt-3">
                                    <button type="submit" class="btn btn-primary" style="margin-right: 15px">
                                        <i class="fas fa-save"></i> Enregistrer
                                    </button>

                                    <a href="{{ route('property.vidange.index', ['id' => $camion->id]) }}"
                                        class="btn btn-outline-danger">
                                        Annuler
                                    </a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection
@endif