@extends('admin.layouts.base')

@section('title')
    Senecartours - Réservations
@endsection

@push('css')
<link href="{{ asset('admin/assets/libs/bootstrap-table/bootstrap-table.min.css') }}" rel="stylesheet" type="text/css" />
@endpush

@section('content')

 <!-- Start Content-->
                    <div class="container-fluid">

                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box">
                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Reservation</a></li>
                                            <li class="breadcrumb-item active">Détail</li>
                                        </ol>
                                    </div>
                                    <h4 class="page-title">Détail de la reservation</h4>
                                </div>
                            </div>
                        </div>
                        <!-- end page title -->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="card-body">
                                        <h4 class="header-title mb-3"></h4>

                                        <div class="row">
                                            <div class="col-lg-12" >
                                                <div class="button-list">

                                                    <a href="{{URL::route('reservation.status',[$reservation->id,'valided'])}}" class="btn btn-success rounded-pill waves-effect waves-light">Valider</a>
                                                    <a href="{{URL::route('reservation.show',[$reservation->id,'pended'])}}" class="btn btn-warning rounded-pill waves-effect waves-light">Mettre en attente</a>
                                                    <a href="{{URL::route('reservation.show',[$reservation->id,'canceled'])}}" class="btn btn-danger rounded-pill waves-effect waves-light">Annuler</a>

                                                </div>
                                            </div>

                                        </div>



                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="card">
                                    <div class="card-body" style="height: 565px;">
                                        <h4 class="header-title mb-3"></h4>

                                        <div class="row">
                                            <div class="col-lg-12" >
                                                <div class="mb-4">
                                                    <img class="img-fluid mx-auto d-block rounded" src="{{ asset('storage/' . $reservation->vehicule->image) }}"  alt="{{ $reservation->vehicule->libelle }}">
                                                </div>
                                            </div>

                                        </div>



                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="card">
                                    <div class="card-body">
                                        <h4 class="header-title mb-3"></h4>

                                        <div class="table-responsive">
                                            <table class="table table-bordered table-centered mb-0">

                                                <tbody>
                                                    <tr>
                                                        <th scope="row">Fabriquant</th>
                                                        <td>{{ $reservation->vehicule->modele->libelle }}</td>

                                                    </tr>
                                                    <tr>
                                                        <th scope="row">Modèle</th>
                                                        <td>{{ $reservation->vehicule->modele->libelle }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">Transmission</th>
                                                        <td>{{ $reservation->vehicule->type_transmission }}</td>
                                                    </tr>

                                                    <tr>
                                                        <th scope="row">Couleur</th>
                                                        <td>{{ $reservation->vehicule->couleur }}</td>

                                                    </tr>
                                                    <tr>
                                                        <th scope="row">Année</th>
                                                        <td>{{ $reservation->vehicule->annee }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">Nombre de Places</th>
                                                        <td>{{ $reservation->vehicule->places }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">Type de carburant</th>
                                                        <td>{{ $reservation->vehicule->type_carburant }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">Nombre de Portes</th>
                                                        <td>{{ $reservation->vehicule->portes }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">Nombre de Cylindres</th>
                                                        <td>{{ $reservation->vehicule->cylindres }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">Confort</th>
                                                        <td>{{ $reservation->vehicule->confort }}</td>
                                                    </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end row -->

                        <div class="row">
                            <div class="col-lg-4">
                                <div class="card">
                                    <div class="card-body">
                                        <h4 class="header-title mb-3">Information du client</h4>

                                        <h5 class="font-family-primary fw-semibold">{{ $reservation->user->first_name }} {{ $reservation->user->last_name }}</h5>

                                        <p class="mb-2"><span class="fw-semibold me-2">Adresse:</span> {{ $reservation->user->adresse }}</p>
                                        <p class="mb-2"><span class="fw-semibold me-2">Téléphone:</span> {{ $reservation->user->phone }}</p>
                                        <p class="mb-2"><span class="fw-semibold me-2">Email:</span> {{ $reservation->user->email }}</p>
                                        {{-- <p class="mb-0"><span class="fw-semibold me-2">Numéro de permis:</span> {{ $reservation->user->numero_permis }}</p> --}}

                                    </div>
                                </div>
                            </div> <!-- end col -->

                            <div class="col-lg-4">
                                <div class="card">
                                    <div class="card-body">
                                        <h4 class="header-title mb-3">Information de la reservation</h4>

                                        <ul class="list-unstyled mb-0">
                                            <li>
                                                <p class="mb-2"><span class="fw-semibold me-2">Date de début:</span> {{ $reservation->date_debut }}</p>
                                                <p class="mb-2"><span class="fw-semibold me-2">Date de retour:</span> {{ $reservation->date_retour }}</p>
                                                <p class="mb-2"><span class="fw-semibold me-2">Lieu:</span> {{ $reservation->lieu }}</p>
                                                <p class="mb-2"><span class="fw-semibold me-2">Type:</span> {{ TypeReservations[$reservation->type_reservation] }}</p>
                                                {{-- <p class="mb-0"><span class="fw-semibold me-2">Trajet:</span> {{ $reservation->trajet_id }}</p> --}}
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            </div> <!-- end col -->

                            <div class="col-lg-4">
                                <div class="card">
                                    <div class="card-body">
                                        <h4 class="header-title mb-3">Informations de livraison</h4>

                                        <div class="text-center">
                                            <i class="mdi mdi-truck-fast h2 text-muted"></i>
                                            <h5><b>Livraison sur place</b></h5>
                                            <p class="mb-1"><span class="fw-semibold">Numéro de reservation :</span> {{ '000'.$reservation->id.''.$reservation->vehicule_id }}.</p>
                                            <p class="mb-1"><span class="fw-semibold">Mode de Payment:</span> {{ $reservation->mode_payment }}</p>
                                            <p class="mb-0"><span class="fw-semibold"></span> </p>

                                        </div>
                                    </div>
                                </div>
                            </div> <!-- end col -->

                        </div>
                        <!-- end row -->

                    </div> <!-- container -->


@push('scripts')
 <script src="{{ asset('admin/assets/libs/bootstrap-table/bootstrap-table.min.js') }}"></script>
<script src="{{ asset('admin/assets/js/pages/bootstrap-tables.init.js') }}"></script>
@endpush

@endsection