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

            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center mb-4">
                                <div>
                                    <h4 class="mb-0">Détail de la vidange</h4>
                                    <small class="text-muted">
                                        Référence : <strong>{{ $vidange->reference }}</strong>
                                    </small>
                                </div>
                                <div>
                                    <span class="badge bg-success px-3 py-2">
                                        Terminée
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="card shadow-sm mb-4">
                        <div class="card-header bg-light">
                            <strong>Informations générales</strong>
                        </div>
                        <div class="card-body row">
                            <div class="col-md-4">
                                <p><strong>Date :</strong><br>
                                    {{ \Carbon\Carbon::parse($vidange->date)->format('d/m/Y') }}
                                </p>
                            </div>

                            <div class="col-md-4">
                                <p><strong>Type de vidange :</strong><br>
                                    {{ $vidange->type }}
                                </p>
                            </div>

                            <div class="col-md-4">
                                <p><strong>Garage :</strong><br>
                                    {{ $vidange->garage ?? '-' }}
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="card shadow-sm mb-4">
                        <div class="card-header bg-light">
                            <strong>Véhicule</strong>
                        </div>
                        <div class="card-body row">
                            <div class="col-md-3">
                                <p><strong>Immatriculation :</strong><br>
                                    {{ $vidange->camion->plaque_immatriculation_tracteur ?? '-' }} / {{ $vidange->camion->plaque_immatriculation_equipement ?? '-' }}
                                </p>
                            </div>

                            <div class="col-md-3">
                                <p><strong>Modele / Marque :</strong><br>
                                    {{ $vidange->camion->modele ?? '-' }} / {{ $vidange->camion->marque ?? '-' }}
                                </p>
                            </div>

                            <div class="col-md-3">
                                <p><strong>Kilométrage actuel :</strong><br>
                                    {{ number_format($vidange->mileage) }} km
                                </p>
                            </div>

                            <div class="col-md-3">
                                <p><strong>Prochaine vidange :</strong><br>
                                    {{ number_format($vidange->mileage_next) }} km
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="card shadow-sm mb-4">
                        <div class="card-header bg-light">
                            <strong>Détails techniques</strong>
                        </div>
                        <div class="card-body row">
                            <div class="col-md-4">
                                <p><strong>Type d’huile :</strong><br>
                                    {{ $vidange->oil_type ?? '-' }}
                                </p>
                            </div>

                            <div class="col-md-4">
                                <p><strong>Quantité d’huile :</strong><br>
                                    {{ $vidange->oil_quantity ?? '-' }} L
                                </p>
                            </div>

                            <div class="col-md-4">
                                <p><strong>Observation :</strong><br>
                                    {{ $vidange->note ?? 'Aucune' }}
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection
@endif