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

    @section('title', 'Chauffeurs')

    @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.chauffeur.index') }}">Chauffeurs</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Détails</li>
                    </ol>
                </nav>
            </section>

            <div class="row">
                <div class="col-md-8 col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <strong style="font-weight: bolder">Récapitulatifs</strong> <hr>
                            <div class="row">
                                <div class="col-md-6 col-sm-12 mt-2">
                                    <div style="border: 1px solid #eee; padding: 10px; border-radius: 5px">
                                        <h5>Gestion de voyage</h5>
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur, pariatur.</p>
                                        <a href="#" class="btn btn-sm btn-secondary">Statistiques</a>
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12 mt-2">
                                    <div style="border: 1px solid #eee; padding: 10px; border-radius: 5px">
                                        <h5>Gestion de voyage</h5>
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur, pariatur.</p>
                                        <a href="#" class="btn btn-sm btn-secondary">Statistiques</a>
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12 mt-2">
                                    <div style="border: 1px solid #eee; padding: 10px; border-radius: 5px">
                                        <h5>Gestion de voyage</h5>
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur, pariatur.</p>
                                        <a href="#" class="btn btn-sm btn-secondary">Statistiques</a>
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12 mt-2">
                                    <div style="border: 1px solid #eee; padding: 10px; border-radius: 5px">
                                        <h5>Gestion de voyage</h5>
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur, pariatur.</p>
                                        <a href="#" class="btn btn-sm btn-secondary">Statistiques</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-4 col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <strong style="font-weight: bolder">Informations</strong> <hr>
                            @if ($chauffeur->photo !== null)
                                <a href="{{ asset('/storage/uploads/chauffeurs/'. $chauffeur->photo) }}" target="_blank">
                                    <img src="{{ asset('/storage/uploads/chauffeurs/'. $chauffeur->photo) }}" alt="Image" style="width: 300px; height: 160px">
                                </a> <br> <br>
                            @else
                                <h4 class="text-danger">Aucune image</h4>
                            @endif
                            <strong>Prénom :</strong> {{ $chauffeur->first_name }} <br>
                            <strong>Nom :</strong> {{ $chauffeur->last_name }} <br>
                            <strong>Pseudo :</strong> {{ $chauffeur->pseudo ?? 'N/A' }} <br>
                            <strong>Numero de téléphone :</strong> {{ $chauffeur->tel }} <br>
                            <strong>Personne à contacter :</strong> {{ $chauffeur->tel2 ?? 'N/A' }} <br>
                            <strong>Adresse :</strong> {{ $chauffeur->address ?? 'N/A' }} <br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection
@endif