@extends('layouts.app')
@section('title','Utilisateurs')
@section('page-title','Gestion des utilisateurs')

@section('topbar-actions')
  @if(auth()->user()->isSuperAdmin())
  <a href="{{ route('users.create') }}" class="btn btn-primary btn-sm">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
    Nouvel utilisateur
  </a>
  @endif
@endsection

@section('content')
<div class="card">
  <div class="card-header"><div class="card-title">Comptes utilisateurs</div></div>
  <div class="table-container">
    <table class="data-table">
      <thead>
        <tr>
          <th>Nom</th>
          <th>Email</th>
          <th>Rôle</th>
          <th>Dernière connexion</th>
          <th>Créé le</th>
          <th>Actions</th>
        </tr>
      </thead>
      <tbody>
        @forelse($users as $user)
        <tr>
          <td>
            <div style="display:flex;align-items:center;gap:10px">
              <div style="width:32px;height:32px;border-radius:50%;background:var(--brand-500);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0">{{ strtoupper(substr($user->name??'U',0,1)) }}</div>
              <span style="font-weight:600">{{ $user->name ?? '—' }}</span>
              @if($user->id===auth()->id())<span class="badge badge-blue" style="font-size:10px">Vous</span>@endif
            </div>
          </td>
          <td class="td-muted">{{ $user->email }}</td>
          <td><span class="badge badge-{{ match($user->role){'super_admin'=>'purple','admin'=>'blue','commercial'=>'green','storage_manager'=>'yellow',default=>'gray'} }}">{{ $user->getRoleLabel() }}</span></td>
          <td class="td-muted">{{ $user->last_signed_in?->format('d/m/Y H:i') ?? 'Jamais' }}</td>
          <td class="td-muted">{{ $user->created_at?->format('d/m/Y') ?? 'N/A' }}</td>
          <td>
            @if(auth()->user()->isSuperAdmin() && $user->id!==auth()->id())
            <div class="td-actions">
              <a href="{{ route('users.edit',$user) }}" class="btn btn-ghost btn-icon btn-sm" title="Modifier">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
              </a>
              <form method="POST" action="{{ route('users.destroy',$user) }}">
                @csrf @method('DELETE')
                <button type="submit" class="btn btn-ghost btn-icon btn-sm" data-confirm="Supprimer cet utilisateur ?" style="color:var(--error)">
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14H6L5 6"/></svg>
                </button>
              </form>
            </div>
            @endif
          </td>
        </tr>
        @empty
        <tr><td colspan="6"><div class="empty-state" style="padding:24px 0"><h3>Aucun utilisateur</h3></div></td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
</div>
@endsection