@extends('admin.layout')

@section('title', 'Gestion des absences')

@section('content')

    <div class="pagetitle">
        <h1>@yield('title')</h1>
    </div><!-- End Page Title -->

    <link rel="stylesheet" href="@assetV('css/plannings/absences.css')">

    <section class="section contact">
        <div class="row gy-4">
            <div class="col-xl-12">
                <div class="card p-4">
                    <!-- Barre de recherche (sur toute la table) -->
                    <form method="GET" action="{{ route('absences.index') }}"
                        class="search-form d-flex align-items-center gap-2 pt-3 pb-3">
                        {{-- La recherche garde la pastille choisie. --}}
                        @if ($etat !== '')
                            <input type="hidden" name="etat" value="{{ $etat }}">
                        @endif
                        <input class="form-control" type="text" name="q" value="{{ $q ?? '' }}"
                            placeholder="Rechercher">
                        <button type="submit" class="btn btn-primary" title="Rechercher">
                            <i class="bi bi-search"></i>
                        </button>
                        @if (!empty($q))
                            <a href="{{ route('absences.index', array_filter(['etat' => $etat])) }}" class="btn btn-secondary" title="Réinitialiser">
                                <i class="bi bi-x-lg"></i>
                            </a>
                        @endif
                    </form>

                    {{-- Chaque pastille garde la recherche en cours, et son chiffre
                         est compté sur elle : il annonce ce que le clic montrera. --}}
                    <div class="d-flex flex-wrap gap-2 mb-3">
                        <a href="{{ route('absences.index', array_filter(['q' => $q])) }}"
                           class="abs-pastille {{ $etat === '' ? 'active' : '' }}">
                            <span class="badge {{ $etat === '' ? 'bg-primary' : 'bg-secondary' }}">{{ __('Toutes') }} · {{ $compteurs[''] }}</span>
                        </a>
                        @foreach (\App\Http\Controllers\AbsenceController::ETATS as $code => $libelle)
                            @php $actif = $etat === $code; @endphp
                            <a href="{{ route('absences.index', array_filter(['q' => $q, 'etat' => $code])) }}"
                               class="abs-pastille {{ $actif ? 'active' : '' }}">
                                <span class="badge {{ $code === 'tardives' ? 'bg-danger' : ($actif ? 'bg-primary' : 'bg-secondary') }}">{{ __($libelle) }} · {{ $compteurs[$code] }}</span>
                            </a>
                        @endforeach
                    </div>

                    <div class="table-responsive-sm">
                        <table class="table table-hover table-responsive abs-table">
                            <thead>
                                <tr>
                                    <th scope="col">{{ __('Employé') }}</th>
                                    <th scope="col">{{ __('Période') }}</th>
                                    <th scope="col">{{ __('Saisie') }}</th>
                                </tr>
                            </thead>
                            <tbody id="table-body">
                                @forelse ($absences as $absence)
                                    @php
                                        $prenom    = trim((string) ($absence['first_name_absent'] ?? ''));
                                        $nom       = trim((string) ($absence['last_name_absent'] ?? ''));
                                        $nomAbsent = trim($prenom . ' ' . $nom) ?: '—';
                                        $initiales = mb_strtoupper(mb_substr($prenom, 0, 1) . mb_substr($nom, 0, 1)) ?: '?';
                                    @endphp
                                    <tr>
                                        <td>
                                            <div class="d-flex align-items-center">
                                                <span class="abs-initiales" aria-hidden="true">{{ $initiales }}</span>
                                                <div>
                                                    @if (!empty($absence['user_id']) && auth()->user()->can('users.view'))
                                                        <a href="{{ route('users.show', $absence['user_id']) }}">{{ $nomAbsent }}</a>
                                                    @else
                                                        {{ $nomAbsent }}
                                                    @endif
                                                    <div>@include('admin.plannings.absences._raison', ['absence' => $absence])</div>
                                                </div>
                                            </div>
                                        </td>
                                        <td>@include('admin.plannings.absences._periode', ['absence' => $absence])</td>
                                        <td>@include('admin.plannings.absences._saisie', ['absence' => $absence])</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="3" class="text-center text-muted">Aucune absence trouvée.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    {{ $absences->links() }}
                </div>
            </div>
        </div>
    </section>
@endsection