{{-- resources/views/admin/logs/gestionnaires.blade.php --}}
@extends('layouts.app')

@section('head')
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
@endsection

@section('content')
<div class="container py-5">
    <h1 class="mb-4 fw-bold text-primary">
        <i class="bi bi-journal-text me-2"></i>Logs des Gestionnaires
    </h1>

    {{-- Filtres --}}
    <form method="GET" class="bg-white shadow-sm rounded-4 p-4 mb-5 border border-light">
        @if(request('per_page'))
            <input type="hidden" name="per_page" value="{{ request('per_page') }}">
        @endif
        <div class="row g-3">
            <div class="col-md-4">
                <label class="form-label fw-semibold text-secondary">
                    <i class="bi bi-calendar-date me-1"></i>Date
                </label>
                <input type="date" name="date" value="{{ request('date') }}" class="form-control shadow-sm">
            </div>
            <div class="col-md-4">
                <label class="form-label fw-semibold text-secondary">
                    <i class="bi bi-person-badge me-1"></i>Gestionnaire
                </label>
                <select name="gestionnaire" class="form-select shadow-sm">
                    <option value="">Tous les gestionnaires</option>
                    @foreach($gestionnaires as $g)
                        <option value="{{ $g->id }}" {{ request('gestionnaire') == $g->id ? 'selected' : '' }}>
                            {{ $g->nom }} {{ $g->prenom }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4 d-flex align-items-end">
                <button type="submit" class="btn btn-primary shadow-sm me-2">
                    <i class="bi bi-funnel-fill me-1"></i>Filtrer
                </button>
                <a href="{{ route('admin.logs.gestionnaires') }}" class="btn btn-outline-secondary shadow-sm">
                    <i class="bi bi-arrow-counterclockwise me-1"></i>Réinitialiser
                </a>
            </div>
        </div>
    </form>

    {{-- Tableau --}}
    <div class="bg-white shadow-sm rounded-4 border border-light overflow-hidden">
        <table class="table align-middle mb-0">
            <thead class="table-primary">
                <tr>
                    <th><i class="bi bi-calendar-event me-1"></i>Date</th>
                    <th><i class="bi bi-person me-1"></i>Gestionnaire</th>
                    <th><i class="bi bi-activity me-1"></i>Action</th>
                    <th><i class="bi bi-info-circle me-1"></i>Détails</th>
                </tr>
            </thead>
            <tbody>
                @forelse($paginator as $log)
                    <tr class="border-bottom table-row-hover">
                        <td>{{ $log['date'] }}</td>
                        <td>{{ $log['user_name'] }}</td>
                        <td class="fw-semibold text-dark">
                            <i class="bi bi-gear-fill text-primary me-1"></i>{{ $log['action'] }}
                        </td>
                        <td class="text-muted">
                            {{ $log['details'] }}
                            @if($log['magasin_name'] && $log['magasin_name'] !== 'Inconnu')
                                <br>
                                <small class="text-secondary">
                                    <i class="bi bi-shop me-1"></i>Magasin : {{ $log['magasin_name'] }}
                                </small>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4" class="text-center py-5 text-secondary">
                            <i class="bi bi-inbox me-2 fs-4"></i>Aucun log trouvé
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>

        {{-- Footer : pagination + logs par page --}}
        <div class="p-4 border-top bg-light">
            @if ($paginator->hasPages())
                <nav aria-label="Pagination des logs">
                    <ul class="pagination justify-content-center mb-0">
                        @if ($paginator->onFirstPage())
                            <li class="page-item disabled">
                                <span class="page-link">Précédent</span>
                            </li>
                        @else
                            <li class="page-item">
                                <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">
                                    Précédent
                                </a>
                            </li>
                        @endif

                        @foreach ($paginator->getUrlRange(1, $paginator->lastPage()) as $page => $url)
                            @if ($page == $paginator->currentPage())
                                <li class="page-item active" aria-current="page">
                                    <span class="page-link">{{ $page }}</span>
                                </li>
                            @else
                                <li class="page-item">
                                    <a class="page-link" href="{{ $url }}">{{ $page }}</a>
                                </li>
                            @endif
                        @endforeach

                        @if ($paginator->hasMorePages())
                            <li class="page-item">
                                <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">
                                    Suivant
                                </a>
                            </li>
                        @else
                            <li class="page-item disabled">
                                <span class="page-link">Suivant</span>
                            </li>
                        @endif
                    </ul>
                </nav>
            @endif

            <form method="GET" action="{{ route('admin.logs.gestionnaires') }}" class="d-flex justify-content-center align-items-center gap-2 mt-3 flex-wrap">
                @if(request('date'))
                    <input type="hidden" name="date" value="{{ request('date') }}">
                @endif
                @if(request('gestionnaire'))
                    <input type="hidden" name="gestionnaire" value="{{ request('gestionnaire') }}">
                @endif
                <label class="text-muted small mb-0 fw-semibold">
                    <i class="bi bi-list-ol me-1"></i>Logs par page :
                </label>
                <select name="per_page" class="form-select form-select-sm shadow-sm" style="width: auto;" onchange="this.form.submit()">
                    @foreach($perPageOptions as $option)
                        <option value="{{ $option }}" {{ (int) request('per_page', $perPage) === $option ? 'selected' : '' }}>
                            {{ $option }}
                        </option>
                    @endforeach
                </select>
            </form>

            <div class="text-center text-muted small mt-2">
                Affichage de {{ $paginator->firstItem() ?? 0 }} à {{ $paginator->lastItem() ?? 0 }}
                sur {{ $paginator->total() }} logs
            </div>
        </div>
    </div>
</div>

{{-- Hover sur les lignes --}}
<style>
    .table-row-hover:hover {
        background-color: #f1f7ff !important;
        transition: background-color 0.2s ease;
    }
</style>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
@endsection