@extends('layout.app')

@section('title', __('Dashboard'))
@section('data_col', "2-columns")
@section('body_class', "2-columns")
@section('active_dashboard', "active")

@push('styles')

@endpush

@section('content')
<div class="app-content content">
    <div class="content-overlay"></div>
    <div class="content-wrapper">
        <div class="content-header row mb-1">
            <div class="content-header-left col-md-6 col-12 breadcrumb-new">
                <h3 class="content-header-title mb-0 d-inline-block">{{ __('Dashboard') }}</h3>
            </div>
            <div class="content-header-right col-md-6 col-12"></div>
        </div>
        
        <div class="content-body pb-5">
            @if($employe)
                <div class="row">
                    <div class="col-md-8">
                        <h1> {{__('Statistiques de réservations')}} </h1>
                        <div class="row match-height">
                            @foreach ($reservation_stats as $stat)
                                <div class="col-xl-6 col-md-6 col-12 h-100">
                                    <div class="card">
                                        <div class="card-content">
                                            <div class="card-body">
                                                <div class="media d-flex">
                                                    <div class="align-self-center">
                                                        <i class="{{ $stat['class'] }} font-large-2 float-left"></i>
                                                    </div>
                                                    <div class="media-body text-right">
                                                        <h3>{{ $stat['value'] }}</h3>
                                                        <span>{{ $stat['name'] }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        @if (count($trip_stats))
                            <h1> {{__('Statistiques de voyages')}} </h1>
                            <div class="row match-height">
                                @foreach ($trip_stats as $stat)
                                    <div class="col-xl-6 col-md-6 col-12 h-100">
                                        <div class="card">
                                            <div class="card-content">
                                                <div class="card-body">
                                                    <div class="media d-flex">
                                                        <div class="align-self-center">
                                                            <i class="{{ $stat['class'] }} font-large-2 float-left"></i>
                                                        </div>
                                                        <div class="media-body text-right">
                                                            <h3>{{ $stat['value'] }}</h3>
                                                            <span>{{ $stat['name'] }}</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @endif
                    </div>
                    <div class="col-md-4">
                        @include('employes.fiche')
                    </div>
                </div>
            @else
                <div class="alert alert-warning">
                    <i class="fas fa-exclamation-triangle"></i>
                    {{ __('Aucun employé associé à votre compte') }}
                </div>
            @endif
        </div>
    </div>
</div>
@endsection

@push('scripts')
    
@endpush