{{-- Utilisation du layout administrateur --}}
<x-admin-layout>
    {{-- Section pour les styles CSS --}}
    @section('css')
        {{-- Styles pour DataTables --}}
        <link href="{{ asset('assets/admin/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" /> {{-- Importation du style de base DataTables --}}
        <link href="{{ asset('assets/admin/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" /> {{-- Importation du style des boutons DataTables --}}
    @endsection

    {{-- Conteneur principal --}}
    <div class="container-fluid">
        {{-- Titre de la page --}}
        <x-admin-common-title title="Liste des apprentis" />

        {{-- Section statistiques --}}
        <div class="row">
            <div class="col-md-12">
                <div class="card mini-stats-wid">
                    <div class="card-body">
                        <div class="d-flex">
                            {{-- Affichage du nombre d'apprentis --}}
                            <div class="flex-grow-1">
                                <p class="text-muted fw-medium">Nombre d'apprentis actif</p>
                                <h4 class="mb-0">{{ $apprentice_count }}</h4> {{-- Affichage du compteur d'apprentis --}}
                            </div>

                            {{-- Icône statistique --}}
                            <div class="flex-shrink-0 align-self-center">
                                <div class="mini-stat-icon avatar-sm rounded-circle bg-success">
                                    <span class="avatar-title bg-success">
                                        <i class="bx bx-user-check font-size-24"></i> {{-- Icône utilisateur avec vérification --}}
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Section liste des apprentis --}}
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    {{-- En-tête de la carte --}}
                    <div class="card-body border-bottom">
                        <div class="d-flex align-items-center">
                            <h5 class="mb-0 card-title flex-grow-1">Tous les apprentis</h5>
                            {{-- <div class="flex-shrink-0">
                                <a href="#!" class="btn btn-primary">+ Ajouter un apprentis</a>
                            </div> --}}
                        </div>
                    </div>

                    {{-- Corps de la carte avec tableau --}}
                    <div class="card-body">
                        <table id="datatable-buttons" class="table table-bordered dt-responsive nowrap w-100">
                            {{-- En-têtes du tableau --}}
                            <thead>
                                <tr>
                                    <th>Nom & prénoms</th> {{-- Colonne pour le nom complet --}}
                                    <th>Type</th> {{-- Colonne pour le type d'apprenti --}}
                                    <th>Genre</th> {{-- Colonne pour le genre --}}
                                    <th>Niveau d'étude</th>
                                    <th>Status</th> {{-- Colonne pour le statut --}}
                                    <th>(3 ans +)</th> {{-- Colonne pour le temps de formation --}}
                                    <th>Atelier</th>
                                    <th>Maître couturier</th> {{-- Colonne pour le maître d'apprentissage --}}
                                    <th>Date de création</th> {{-- Colonne pour la date d'inscription --}}
                                </tr>
                            </thead>

                            {{-- Corps du tableau --}}
                            <tbody>
                                {{-- Boucle sur les apprentis --}}
                                @foreach($apprentices as $apprentice)
                                    <tr>
                                        {{-- Lien vers le profil de l'apprenti --}}
                                        <td>
                                            <a href="{{ route('app.admin.apprentice.show', $apprentice->id) }}" class="text-body fw-bold">{{ $apprentice->fullname }}</a> {{-- Lien vers la page de détails --}}
                                        </td>
                                        <td>
                                            @if($apprentice->type == 'default')
                                                <span class="badge bg-light">Apprenti</span> {{-- Badge pour apprenti standard --}}
                                            @elseif($apprentice->type == 'ouvrier')
                                                <span class="badge bg-light">Ouvrier</span> {{-- Badge pour ouvrier --}}
                                            @elseif($apprentice->type == 'recyclage')
                                                <span class="badge bg-light">Recyclage</span> {{-- Badge pour recyclage --}}
                                            @endif
                                        </td>
                                        <td>{{ $apprentice->gender }}</td> {{-- Affichage du genre --}}
                                        {{-- Affichage conditionnel du statut --}}
                                        <td>{{ $apprentice->education_level }}</td>
                                        <td>
                                            @if($apprentice->status == 'active')
                                                <span class="badge bg-success">Actif</span> {{-- Badge vert pour statut actif --}}
                                            @elseif($apprentice->status == 'pending')
                                                <span class="badge bg-info">En cours</span> {{-- Badge bleu pour statut en attente --}}
                                            @elseif($apprentice->status == 'inactive')
                                                <span class="badge bg-danger">Non actif</span> {{-- Badge rouge pour statut inactif --}}
                                            @elseif($apprentice->status == 'finished')
                                                <span class="badge bg-primary">Terminé</span> {{-- Badge bleu foncé pour statut terminé --}}
                                            @endif
                                        </td>
                                        <td>
                                            {{ \Carbon\Carbon::parse($apprentice->start_date)->diffInYears(now()) >=3 ? 'Oui' : 'Non' }}
                                        </td>
                                        <td>
                                            <a href="{{ route('app.admin.workshop.show', $apprentice->workshop->id) }}" class="text-body fw-bold">
                                                {{ $apprentice->workshop->atelier_name }} {{-- Lien vers le profil du maître d'apprentissage --}}
                                            </a>
                                        </td>
                                        <td>
                                            <a href="{{ route('app.admin.artisan.show', $apprentice->workshop->user_id) }}" class="text-body fw-bold">
                                                {{ $apprentice->workshop->user->fullname }} {{-- Lien vers le profil du maître d'apprentissage --}}
                                            </a>
                                        </td>
                                        <td>{{ $apprentice->created_at->format('d/m/Y') }}</td> {{-- Date de création formatée --}}
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Section pour les scripts JavaScript --}}
    @section('js')
        {{-- Scripts DataTables requis --}}
        <script src="{{ asset('assets/admin/libs/datatables.net/js/jquery.dataTables.min.js') }}"></script> {{-- Script principal DataTables --}}
        <script src="{{ asset('assets/admin/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script> {{-- Script Bootstrap 4 pour DataTables --}}
        {{-- Scripts pour les boutons --}}
        <script src="{{ asset('assets/admin/libs/datatables.net-buttons/js/dataTables.buttons.min.js') }}"></script> {{-- Script pour les boutons --}}
        <script src="{{ asset('assets/admin/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}"></script> {{-- Script Bootstrap 4 pour les boutons --}}
        <script src="{{ asset('assets/admin/libs/jszip/jszip.min.js') }}"></script> {{-- Script pour l'export ZIP --}}
        <script src="{{ asset('assets/admin/libs/pdfmake/build/pdfmake.min.js') }}"></script> {{-- Script pour l'export PDF --}}
        <script src="{{ asset('assets/admin/libs/pdfmake/build/vfs_fonts.js') }}"></script> {{-- Script pour les polices PDF --}}
        <script src="{{ asset('assets/admin/libs/datatables.net-buttons/js/buttons.html5.min.js') }}"></script> {{-- Script pour l'export HTML5 --}}
        <script src="{{ asset('assets/admin/libs/datatables.net-buttons/js/buttons.print.min.js') }}"></script> {{-- Script pour l'impression --}}
        <script src="{{ asset('assets/admin/libs/datatables.net-buttons/js/buttons.colVis.min.js') }}"></script> {{-- Script pour la visibilité des colonnes --}}

        {{-- Script d'initialisation DataTables --}}
        <script src="{{ asset('assets/admin/js/pages/datatables.init.js') }}"></script> {{-- Script d'initialisation de DataTables --}}
    @endsection
</x-admin-layout>