@if($vehicle['hasLinkbycarData'])
    <div class="row">
        <div class="col-12 col-lg-7 mt-4">
            <div class="card">
                <div class="card-body">
                    @include('v2.fleet.vehicles.show.components.alerts-resume', ['alerts' => 1, 'highUrgency' => 1, 'moderateUrgency' => 0])
                    <div class="row mx-auto">
                        @include('v2.fleet.vehicles.show.components.eco-driving-score', ['score' => $vehicle['eco_driving']])
                        @if($vehicle['fuel_level_percentage'])
                        @include('v2.fleet.vehicles.show.components.progress-circle', ['percentage' => $vehicle['fuel_level_percentage'], 'title' => 'Carburant'])
                        @endif
                        @if($vehicle['battery_level'])
                        @include('v2.fleet.vehicles.show.components.progress-circle', ['percentage' => $vehicle['battery_level'], 'title' => 'Batterie'])
                        @endif
                        <div class="col pt-5 text-center">
                            <span class="h5"><strong>{{ $vehicle['odometer'] }} KM</strong></span>
                            <div class="mb-2">
                                <small>Kilométrage</small>
                            </div>
                        </div>
                        <div class="col pt-5 text-center">
                            <span class="h5"><strong>{{ $vehicle['trips']['totalTrips'] }}</strong></span>
                            <div class="mb-2">
                                <small>Nombre de trajets</small>
                            </div>
                        </div>
                    </div>
                    <div class="text-center">
                        @include('v2.fleet.vehicles.show.icons.car-picture-svg')
                        <div class="d-flex justify-content-between" style="width: 560px; margin: auto">
                            <div class="d-flex gap-2">
                                <div>
                                    <strong>
                                        Gauche
                                        <br>
                                        <span @if($vehicle['frontLeftPressure'] < 2) class="text-danger" @endif>{{ $vehicle['frontLeftPressure'] }}</span>
                                    </strong>
                                </div>
                                <div>
                                    <strong>
                                        Droit
                                        <br>
                                        <span @if($vehicle['frontRightPressure'] < 2) class="text-danger" @endif>{{ $vehicle['frontRightPressure'] }}</span>
                                    </strong>
                                </div>
                            </div>
                            <div class="d-flex gap-2">
                                <div>
                                    <strong>
                                        Gauche
                                        <br>
                                        <span @if($vehicle['rearLeftPressure'] < 2) class="text-danger" @endif>{{ $vehicle['rearLeftPressure'] }}</span>
                                    </strong>
                                </div>
                                <div>
                                    <strong>
                                        Droit
                                        <br>
                                        <span @if($vehicle['rearRightPressure'] < 2) class="text-danger" @endif>{{ $vehicle['rearRightPressure'] }}</span>
                                    </strong>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @include('v2.fleet.vehicles.show.components.distance-travaled')
        </div>
        <div class="col-12 col-lg-5 mt-4">
            <div class="card">
                <div class="card-body">
                    <div id="googleMap" class="map-card"></div>
                </div>
            </div>
            @include('v2.fleet.vehicles.show.components.tire')
            @include('v2.fleet.vehicles.show.components.consumations')
            {{-- @include('v2.fleet.vehicles.show.components.car-system') --}}
        </div>
    </div>
@else 
    <div class="card">
        <div class="card-body">
            <p class="text-warning">Aucune donnée trouvée pour ce véhicule, contactez l'assistance pour plus d'informations</p>
        </div>
    </div>
@endif