@php
$configData = Helper::appClasses();

$roleColors = [
    'Admin' => 'danger',
    'Superviseur' => 'warning',
    'Enqueteur' => 'primary',
    'Analyste' => 'info',
];
@endphp

@extends('layouts/layoutMaster')

@section('title', 'Enquêteurs')

@section('content')
<div class="d-flex justify-content-between align-items-center py-3 mb-4">
  <h4 class="mb-0">
    <span class="text-muted fw-light">Accueil / Gestion /</span> Utilisateurs & Enquêteurs
  </h4>
  @can('create', App\Models\User::class)
    <a href="{{ route('enqueteurs.create') }}" class="btn btn-primary">
      <i class="icon-base ti tabler-user-plus me-1"></i>Nouvel utilisateur
    </a>
  @endcan
</div>

<div class="row mb-4">
  <div class="col-md-3">
    <div class="card card-border-shadow-primary">
      <div class="card-body">
        <div class="d-flex align-items-center mb-2">
          <div class="avatar me-3">
            <div class="avatar-initial bg-label-primary rounded-3">
              <i class="icon-base ti tabler-users icon-22px"></i>
            </div>
          </div>
          <h5 class="mb-0">{{ $totals['users'] }}</h5>
        </div>
        <div class="text-muted">Total utilisateurs</div>
      </div>
    </div>
  </div>
  @foreach ($totals['by_role'] as $role => $count)
    <div class="col-md-3">
      <div class="card card-border-shadow-{{ $roleColors[$role] ?? 'secondary' }}">
        <div class="card-body">
          <div class="d-flex align-items-center mb-2">
            <div class="avatar me-3">
              <div class="avatar-initial bg-label-{{ $roleColors[$role] ?? 'secondary' }} rounded-3">
                <i class="icon-base ti tabler-user-check icon-22px"></i>
              </div>
            </div>
            <h5 class="mb-0">{{ $count }}</h5>
          </div>
          <div class="text-muted">{{ $role }}</div>
        </div>
      </div>
    </div>
  @endforeach
</div>

<livewire:users.table />
@endsection