@extends('layouts.master')

@section('title', 'Pneus')

@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('camion.index') }}">Camions</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('camion.show', ['id' => $pneu->camion_id]) }}">Détails</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('property.pneu.index', ['id' => $pneu->camion_id]) }}">Pneus</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Modifier</li>
                </ol>
            </nav>
        </section>

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('property.pneu.update', ['id' => $pneu->id]) }}" method="POST">
                            @csrf
                            <div class="card shadow-sm rounded-4">
                                <div class="card-header bg-primary text-white d-flex align-items-center justify-content-between">
                                    <h5 class="mb-0"><i class="ri-tyre-line"></i> Modifier un pneu</h5>
                                    <a href="{{ route('property.pneu.index', ['id' => $pneu->camion_id]) }}" class="btn btn-outline-light btn-sm">
                                        <i class="ri-arrow-left-line"></i> Retour
                                    </a>
                                </div>

                                <div class="card-body">
                                    {{-- Date --}}
                                    <div class="mb-3">
                                        <label for="date" class="form-label"><i class="ri-calendar-line"></i> Date <span class="text-danger">*</span></label>
                                        <input type="date" name="date" id="date" class="form-control @error('date') is-invalid @enderror" value="{{ $pneu->date }}">
                                        @error('date')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <div class="row g-3">
                                        {{-- Numéro de pneu --}}
                                        <div class="col-md-6">
                                            <label for="numero_pneu" class="form-label"><i class="ri-tyre-line"></i> Numéro de pneu <span class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <span class="input-group-text"><i class="ion-ios-settings-strong"></i></span>
                                                <input type="text" name="numero_pneu" id="numero_pneu" class="form-control @error('numero_pneu') is-invalid @enderror" value="{{ $pneu->numero_pneu }}">
                                            </div>
                                            @error('numero_pneu')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        {{-- Numéro d'étiquette --}}
                                        <div class="col-md-6">
                                            <label for="numero_etiquette" class="form-label"><i class="ri-price-tag-2-line"></i> Numéro d'étiquette</label>
                                            <div class="input-group">
                                                <span class="input-group-text"><i class="ri-price-tag-2-line"></i></span>
                                                <input type="text" name="numero_etiquette" id="numero_etiquette" class="form-control @error('numero_etiquette') is-invalid @enderror" value="{{ $pneu->numero_etiquette }}">
                                            </div>
                                            @error('numero_etiquette')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="row g-3 mt-3">
                                        {{-- Kilométrage actuel --}}
                                        <div class="col-md-6">
                                            <label for="kilometrage_actuel" class="form-label"><i class="ri-gps-line"></i> Kilométrage GPS</label>
                                            <div class="input-group">
                                                <span class="input-group-text"><i class="ri-dashboard-line"></i></span>
                                                <input type="number" name="kilometrage_actuel" id="kilometrage_actuel" class="form-control" value="{{ $pneu->kilometrage }}">
                                            </div>
                                        </div>

                                        {{-- Kilométrage ajouté --}}
                                        <div class="col-md-6">
                                            <label for="kilometrage" class="form-label"><i class="ri-add-box-line"></i> Kilométrage ajouté</label>
                                            <div class="input-group">
                                                <span class="input-group-text"><i class="ri-road-map-line"></i></span>
                                                <input type="number" name="kilometrage" id="kilometrage" class="form-control" value="{{ $pneu->kilometrage_add }}">
                                            </div>
                                        </div>
                                    </div>

                                    {{-- Modèle / Marque --}}
                                    <div class="mb-3 mt-3">
                                        <label for="modele" class="form-label"><i class="ri-truck-line"></i> Modèle / Marque</label>
                                        <input type="text" name="modele" id="modele" class="form-control" value="{{ $pneu->modele }}">
                                    </div>

                                    {{-- Motif --}}
                                    <div class="mb-3">
                                        <label for="motif" class="form-label"><i class="ri-alert-line"></i> Motif</label>
                                        <div class="input-group">
                                            <span class="input-group-text"><i class="ri-alert-line"></i></span>
                                            <select name="motif" id="motif" class="form-control">
                                                <option value="" {{ $pneu->motif == null ? 'selected' : '' }}>-- Sélectionnez un motif --</option>
                                                <option value="Crevaison" {{ $pneu->motif == 'Crevaison' ? 'selected' : '' }}>Crevaison</option>
                                                <option value="Fissure / Déformation" {{ $pneu->motif == 'Fissure / Déformation' ? 'selected' : '' }}>Fissure / Déformation</option>
                                                <option value="Problème de valve" {{ $pneu->motif == 'Problème de valve' ? 'selected' : '' }}>Problème de valve</option>
                                                <option value="Autre problème" {{ $pneu->motif == 'Autre problème' ? 'selected' : '' }}>Autre problème</option>
                                            </select>
                                        </div>
                                    </div>

                                    {{-- Champs cachés --}}
                                    <input type="hidden" name="camion_id" value="{{ $pneu->camion_id }}">
                                    <input type="hidden" name="chauffeur_id" value="{{ $pneu->camion->chauffeur->id }}">
                                </div>

                                <div class="card-footer d-flex justify-content-end gap-2 bg-white border-0">
                                    <button type="submit" class="btn btn-primary" style="margin-right: 15px">
                                        <i class="ri-save-line"></i> Modifier
                                    </button>

                                    <a href="{{ route('property.pneu.index', ['id' => $pneu->camion_id]) }}" class="btn btn-outline-danger">
                                        <i class="ri-close-line"></i> Quitter
                                    </a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection