@extends('ged.layout')
@section('title', 'Utilisateurs')
@section('page_title', 'Gestion des utilisateurs')

@section('content')
<div class="ged-page-header">
    <h1><i class="fas fa-users"></i> Utilisateurs</h1>
    <a href="{{ route('ged.users.create') }}" class="ged-btn ged-btn-primary">
        <i class="fas fa-user-plus"></i> Nouvel utilisateur
    </a>
</div>

<div class="ged-card">
    <div class="ged-table-wrap">
        <table class="ged-table">
            <thead>
                <tr><th>Utilisateur</th><th>Rôle</th><th>Documents</th><th>Messages</th><th>Dernière connexion</th><th>Statut</th><th>Actions</th></tr>
            </thead>
            <tbody>
            @foreach($users as $user)
            <tr>
                <td>
                    <div style="display:flex;align-items:center;gap:10px">
                        <div style="width:34px;height:34px;border-radius:50%;background:var(--green-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--green)">
                            {{ strtoupper(substr($user->name, 0, 2)) }}
                        </div>
                        <div>
                            <div style="font-weight:600;color:var(--gray-900)">{{ $user->name }}</div>
                            <div style="font-size:11px;color:var(--gray-400)">{{ $user->email }}</div>
                        </div>
                    </div>
                </td>
                <td>
                    <span class="ged-badge {{ $user->role === 'admin' ? 'ged-badge-purple' : ($user->role === 'editeur' ? 'ged-badge-blue' : 'ged-badge-gray') }}">
                        {{ ucfirst($user->role) }}
                    </span>
                </td>
                <td style="font-size:13px">{{ $user->documents_count }}</td>
                <td style="font-size:13px">{{ $user->sent_messages_count }}</td>
                <td style="font-size:12px;color:var(--gray-400)">
                    {{ $user->last_login_at ? $user->last_login_at->diffForHumans() : 'Jamais' }}
                </td>
                <td>
                    <span class="ged-badge {{ $user->is_active ? 'ged-badge-green' : 'ged-badge-red' }}">
                        {{ $user->is_active ? 'Actif' : 'Inactif' }}
                    </span>
                </td>
                <td>
                    <div style="display:flex;gap:4px">
                        <a href="{{ route('ged.users.edit', $user->id) }}" class="ged-btn ged-btn-outline ged-btn-sm"><i class="fas fa-edit"></i></a>
                        @if($user->id !== session('ged_user.id'))
                        <form method="POST" action="{{ route('ged.users.destroy', $user->id) }}" onsubmit="return confirm('Supprimer cet utilisateur ?')">
                            @csrf @method('DELETE')
                            <button type="submit" class="ged-btn ged-btn-danger ged-btn-sm"><i class="fas fa-trash"></i></button>
                        </form>
                        @endif
                    </div>
                </td>
            </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection