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

    @section('title', 'Camion - Détails')

    @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 active" aria-current="page">Détails du camion</li>
                    </ol>
                </nav>
            </section>

            <div class="row">
                <div class="col-md-8 col-sm-12 mt-2">
                    <div class="row">
                        <div class="col-md-12">
                            <strong>Récapitulatifs</strong>
                            <div class="row">
                                <div class="col-md-4 col-sm-12 mt-2">
                                    <div class="card card-sm">
                                        <div class="card-wrap">
                                            <div class="card-body">
                                                {{ $oldPneus->count() }}
                                            </div>
                                            <div class="card-header pb-0">
                                                <h4>Ancien pneu</h4>
                                            </div>
                                        </div>
                                        <div class="card-cta">
                                            <a href="{{ route('property.pneu.list.old', ['id' => $camion->id]) }}">Historique <i class="ion ion-ios-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-4 col-sm-12 mt-2">
                                    <div class="card card-sm">
                                        <div class="card-wrap">
                                            <div class="card-body">
                                                {{ $newPneus->count() }}
                                            </div>
                                            <div class="card-header pb-0">
                                                <h4>Nouveau pneu</h4>
                                            </div>
                                        </div>
                                        <div class="card-cta">
                                            <a href="{{ route('property.pneu.list.new', ['id' => $camion->id]) }}">Historique <i class="ion ion-ios-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-4 col-sm-12 mt-2">
                                    <div class="card card-sm">
                                        <div class="card-wrap">
                                            <div class="card-body">
                                                {{ $voyages->count() }}
                                            </div>
                                            <div class="card-header pb-0">
                                                <h4>Nombre de voyages</h4>
                                            </div>
                                        </div>
                                        <div class="card-cta">
                                            <a href="#">Historique <i class="ion ion-ios-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-body">
                                    <strong>Informations GPS</strong> <hr>
                                    <div>
                                        Plaque d'immariculation tracteur : <strong>{{ $camion->plaque_immatriculation_tracteur }}</strong> <br>
                                        Plaque d'immariculation équipement : <strong>{{ $camion->plaque_immatriculation_equipement ?? 'N/A' }}</strong> <br>
                                        Chauffeur : <strong>{{ $camion->chauffeur->first_name }} {{ $camion->chauffeur->last_name }}</strong> <br>
                                        Type de carburant : <strong>{{ $camion->type_carburant }}</strong> <br>
                                        Chassis tracteur : <strong>{{ $camion->chassis_tracteur ?? 'N/A' }}</strong> <br>
                                        Chassis équipement : <strong>{{ $camion->chassis_equipement ?? 'N/A' }}</strong> <br>
                                        Numéro de balise : <strong>{{ $camion->number_device ?? 'N/A' }}</strong> <br>
                                        Carburant : <strong>{{ $response[0]['analog1'] ?? 'N/A' }} l</strong> <br>
                                        Kilométrage actuel : <strong>{{ $response[0]['mileage'] ?? 'N/A' }} km</strong> <br>
                                        Batterie : <strong>{{ $response[0]['main_voltage'] ?? 'N/A' }} V</strong> <br>
                                        Etat du moteur : @if ($response == null)
                                            <strong>{{ $response[0]['ignition'] ?? 'N/A' }}</strong> <br>
                                        @else
                                            <strong>{{ $response[0]['ignition'] == 0 ? 'Eteint' : 'Allumé' ?? 'N/A' }}</strong> <br>
                                        @endif
                                        Dernière information du balise : @if ($response == null)
                                        <strong>{{ $response[0]['datetime_actual'] ?? 'N/A' }}</strong> <br>
                                        @else
                                            <strong>{{ \Carbon\Carbon::parse($response[0]['datetime_actual'] ?? 'N/A')->format('d/m/Y G:i:s') }}</strong> <br>
                                        @endif
                                        Perimétre : <strong>{{ $response[0]['perimeter'] ?? 'N/A' }}</strong> <br>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-4 col-sm-12 mt-2">
                    <div class="card">
                        <div class="card-body">
                            <strong>Gestion du camion {{ $camion->plaque_immatriculation_tracteur }}</strong> <hr>
                            <ul class="list-unstyled list-unstyled-border">
                                <li class="media">
                                    <img class="mr-3 rounded-circle" width="50" src="{{ asset('assets/img/avatar/position.jpg') }}" alt="avatar">
                                    <div class="media-body">
                                        <a href="{{ route('property.camion.position', ['id' => $camion->id]) }}">
                                            <div class="media-title">Position</div>
                                        </a>
                                        <small>Cette rubrique vous permet de voir la position actuelle du camion.</small>
                                    </div>
                                </li>

                                <li class="media">
                                    <img class="mr-3 rounded-circle" width="50" src="{{ asset('assets/img/avatar/pneu.png') }}" alt="avatar">
                                    <div class="media-body">
                                        <a href="{{ route('property.pneu.index', ['id' => $camion->id]) }}">
                                            <div class="media-title">Pneus</div>
                                        </a>
                                        <small>Accéder à l'historique des consommations de pneu.</small>
                                    </div>
                                </li>

                                <li class="media">
                                    <img class="mr-3 rounded-circle" width="50" src="{{ asset('assets/img/avatar/reparation.png') }}" alt="avatar">
                                    <div class="media-body">
                                        <a href="{{ route('property.reparation.index', ['id' => $camion->id]) }}">
                                            <div class="media-title">Réparations & Maintenances</div>
                                        </a>
                                        <small>Accéder à l'historique des réparations et maintenance du camion.</small>
                                    </div>
                                </li>

                                <li class="media">
                                    <img class="mr-3 rounded-circle" width="50" src="{{ asset('assets/img/avatar/vidange.png') }}" alt="avatar">
                                    <div class="media-body">
                                        <a href="{{ route('property.vidange.index', ['id' => $camion->id]) }}">
                                            <div class="media-title">Vidanges</div>
                                        </a>
                                        <small>Accéder à l'historique des vidanges du camion.</small>
                                    </div>
                                </li>

                                <li class="media">
                                    <img class="mr-3 rounded-circle" width="50" src="{{ asset('assets/img/avatar/document.png') }}" alt="avatar">
                                    <div class="media-body">
                                        <a href="#">
                                            <div class="media-title">Documents</div>
                                        </a>
                                        <small>Gestion de la carte grise, vignettes, assurances etc.</small>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection
@endif