@extends('layout.app')

@section('title', 'Délégués')
@section('page_title', 'Gestion des utilisateurs')

@section('content')
@if (session('success'))
    <div class="alert alert-success mb-3">
        <i class="fa fa-check-circle me-2"></i> {{ session('success') }}
    </div>
@endif
<div class="container-fluid">
    <div class="card border-0 shadow-sm rounded-4">
        <div class="card-body">
            <div class="d-flex justify-content-between align-items-center mb-3">
    <h5 class="fw-semibold text-primary mb-0"><i class="fa fa-user"></i> Liste des Délégués</h5>

    <a href="{{ route('admin.users.create') }}" class="btn btn-glo-primary">
        <i class="fa fa-plus"></i> Ajouter un Délégués
    </a>
</div>

            {{-- 🔍 Filtres --}}
            <form method="GET" class="row g-3 mb-3">
                <div class="col-md-4">
                    <input type="text" name="search" value="{{ request('search') }}" class="form-control" placeholder="Rechercher nom, email ou code...">
                </div>

                <div class="col-md-3">
                    <select name="role" class="form-select">
                        <option value="">-- Tous les rôles --</option>
                        <option value="admin" {{ request('role')=='admin'?'selected':'' }}>Admin</option>
                        <option value="manager" {{ request('role')=='manager'?'selected':'' }}>Manager</option>
                        <option value="delegue" {{ request('role')=='delegue'?'selected':'' }}>Délégué</option>
                        <option value="visitor" {{ request('role')=='visitor'?'selected':'' }}>Visiteur</option>
                    </select>
                </div>

                <div class="col-md-3">
                    <select name="status" class="form-select">
                        <option value="">-- Tous les statuts --</option>
                        <option value="active" {{ request('status')=='active'?'selected':'' }}>Actifs</option>
                        <option value="inactive" {{ request('status')=='inactive'?'selected':'' }}>Inactifs</option>
                    </select>
                </div>

                <div class="col-md-2 text-end">
                    <button class="btn btn-glo-primary w-100">
                        <i class="fa fa-filter me-1"></i> Filtrer
                    </button>
                </div>
            </form>

            {{-- 🧾 Tableau --}}
            <table class="table table-hover align-middle">
                <thead class="table-light">
                    <tr>
                        <th>Code</th>
                        <th>Nom</th>
                        <th>Email</th>
                        <th>Rôle</th>
                        <th>Statut</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($users as $user)
                        <tr>
                            <td class="fw-semibold">{{ $user->code }}</td>
                            <td>{{ $user->name }}</td>
                            <td class="text-muted">{{ $user->email }}</td>
                            <td><span class="badge bg-primary">{{ ucfirst($user->role) }}</span></td>
                            <td>
                                @if($user->is_active)
                                    <span class="badge bg-success">Actif</span>
                                @else
                                    <span class="badge bg-danger">Inactif</span>
                                @endif
                            </td>
           <td class="d-flex gap-2">

                    {{-- ✅ Voir Tracking (Carte) --}}
                    <a href="{{ route('admin.tracking', $user) }}" 
                    class="btn btn-sm btn-outline-info"
                    title="Voir le tracking">
                        <i class="fa-solid fa-map-location-dot"></i>
                    </a>

                    {{-- Analyse / KPI --}}
                    <a href="{{ route('admin.analyse', $user) }}"
                    class="btn btn-sm btn-outline-warning"
                    title="Voir l'avancement et les KPI">
                        <i class="fa-solid fa-chart-line"></i>
                    </a>

                    {{-- ✅ Voir Profil --}}
                    <a href="{{ route('admin.users.show', $user) }}" 
                    class="btn btn-sm btn-outline-primary"
                    title="Voir le profil">
                        <i class="fa-solid fa-id-card"></i>
                    </a>

                    {{-- ✅ Modifier --}}
                    <a href="{{ route('admin.users.edit', $user) }}" 
                    class="btn btn-sm btn-outline-success"
                    title="Modifier">
                        <i class="fa-solid fa-pen-to-square"></i>
                    </a>

                </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>

{{-- Pagination --}}
{{ $users->appends(request()->except('page'))->links('vendor.pagination.bootstrap-5-fa') }}
        </div>
    </div>
</div>
@endsection