@extends('layouts.app')

@section('title', 'DashBoard')

@section('content')
    <div class="container-fluid">
                    <div class="d-sm-flex justify-content-between align-items-center mb-4">
                        <h3 class="text-dark mb-0">Tableau de bord</h3>
                    </div>
                    @isset($counts)
                    <div class="row">
                        <div class="col-md-6 col-xl-3 mb-4">
                            <div class="card shadow border-start-primary py-2">
                                <div class="card-body">
                                    <div class="row align-items-center no-gutters">
                                        <div class="col me-2">
                                            <div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>Benevoles Inaptes</span></div>
                                            <div class="text-dark fw-bold h5 mb-0"><span>{{$counts['usersWithoutAptitudes']}}/{{$counts['totalUsers']}}</span></div>
                                        </div>
                                        <div class="col-auto"><i class="fas fa-calendar fa-2x text-gray-300"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-xl-3 mb-4">
                            <div class="card shadow border-start-primary py-2">
                                <div class="card-body">
                                    <div class="row align-items-center no-gutters">
                                        <div class="col me-2">
                                            <div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>Benevoles avec des restrictions</span></div>
                                            <div class="text-dark fw-bold h5 mb-0"><span>{{$counts['totalRestriction']}}/{{$counts['totalUsers']}}</span></div>
                                        </div>
                                        <div class="col-auto"><i class="fas fa-calendar fa-2x text-gray-300"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-xl-3 mb-4">
                            <div class="card shadow border-start-primary py-2">
                                <div class="card-body">
                                    <div class="row align-items-center no-gutters">
                                        <div class="col me-2">
                                            <div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>Certificat périmant dans 1 / 3 / 6 mois</span></div>
                                            <div class="text-dark fw-bold h5 mb-0"><span>{{$counts['count1Month']}}/{{$counts['count1to3Months']}}/{{$counts['count3to6Months']}}</span></div>
                                        </div>
                                        <div class="col-auto"><i class="fas fa-calendar fa-2x text-gray-300"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 mb-4">
                            <div class="card shadow border-start-primary py-2">
                                <div class="card-body">
                                    <div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>Expiration dans moins d'un mois</span></div>
                                    <table class="table table-striped mt-3">
                                        <thead>
                                            <tr>
                                                <th>Nom</th>
                                                <th>Prenom</th>
                                                <th>Expiration poste</th>
                                                <th>Expiration formation</th>
                                                <th>Expiration administratif</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($counts['count1MonthList'] as $user)
                                                <tr>
                                                    <td>{{ $user->nom }}</td>
                                                    <td>{{ $user->prenom }}</td>
                                                    <td>{{ optional($user->aptitude->poste_exp_date)->format('d/m/Y') ?? '' }}</td>
                                                    <td>{{ optional($user->aptitude->formation_exp_date)->format('d/m/Y') ?? '' }}</td>
                                                    <td>{{ optional($user->aptitude->administratif_exp_date)->format('d/m/Y') ?? '' }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 mb-4">
                            <div class="card shadow border-start-primary py-2">
                                <div class="card-body">
                                    <div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>Expiration entre 1 et 3 mois</span></div>
                                    <table class="table table-striped mt-3">
                                        <thead>
                                            <tr>
                                                <th>Nom</th>
                                                <th>Prenom</th>
                                                <th>Expiration poste</th>
                                                <th>Expiration formation</th>
                                                <th>Expiration administratif</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($counts['count1to3MonthsList'] as $user)
                                                <tr>
                                                    <td>{{ $user->nom }}</td>
                                                    <td>{{ $user->prenom }}</td>
                                                    <td>{{ optional($user->aptitude->poste_exp_date)->format('d/m/Y') ?? '' }}</td>
                                                    <td>{{ optional($user->aptitude->formation_exp_date)->format('d/m/Y') ?? '' }}</td>
                                                    <td>{{ optional($user->aptitude->administratif_exp_date)->format('d/m/Y') ?? '' }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 mb-4">
                            <div class="card shadow border-start-primary py-2">
                                <div class="card-body">
                                    <div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>Expiration entre 3 et 6 mois</span></div>
                                    <table class="table table-striped mt-3">
                                        <thead>
                                            <tr>
                                                <th>Nom</th>
                                                <th>Prenom</th>
                                                <th>Expiration poste</th>
                                                <th>Expiration formation</th>
                                                <th>Expiration administratif</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($counts['count3to6MonthsList'] as $user)
                                                <tr>
                                                    <td>{{ $user->nom }}</td>
                                                    <td>{{ $user->prenom }}</td>
                                                    <td>{{ optional($user->aptitude->poste_exp_date)->format('d/m/Y') ?? '' }}</td>
                                                    <td>{{ optional($user->aptitude->formation_exp_date)->format('d/m/Y') ?? '' }}</td>
                                                    <td>{{ optional($user->aptitude->administratif_exp_date)->format('d/m/Y') ?? '' }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 mb-4">
                            <div class="card shadow border-start-primary py-2">
                                <div class="card-body">
                                    <div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>Utilisateurs Inaptes</span></div>
                                    <table class="table table-striped mt-3">
                                        <thead>
                                        <tr>
                                            <th>Nom</th>
                                            <th>Prenom</th>
                                            <th>Expiration poste</th>
                                            <th>Expiration formation</th>
                                            <th>Expiration administratif</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($counts['usersWithoutAptitudesList'] as $user)
                                            <tr>
                                                <td>{{ $user->nom }}</td>
                                                <td>{{ $user->prenom }}</td>
                                                <td>{{ optional($user->aptitude->poste_exp_date)->format('d/m/Y') ?? '' }}</td>
                                                <td>{{ optional($user->aptitude->formation_exp_date)->format('d/m/Y') ?? '' }}</td>
                                                <td>{{ optional($user->aptitude->administratif_exp_date)->format('d/m/Y') ?? '' }}</td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
        @endisset
                </div>
@endsection
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>