@extends('layouts.admin')
@section('title', 'Usuários · Cavendral Beta')
@section('admin_content')
<div class="space-y-6">
    <h1 class="text-2xl font-bold">Usuários</h1>

    <form method="GET" class="flex flex-wrap gap-2">
        <input type="text" name="search" value="{{ $filters['search'] ?? '' }}" placeholder="Buscar email, nome..."
               class="flex-1 px-3 py-2 bg-[var(--color-bg-secondary)] border border-[var(--color-border-default)] rounded text-sm">
        <select name="status" class="px-3 py-2 bg-[var(--color-bg-secondary)] border border-[var(--color-border-default)] rounded text-sm">
            <option value="">Status: todos</option>
            @foreach(['active','inactive','banned','pending_mfa','pending_deletion'] as $s)
            <option value="{{ $s }}" {{ ($filters['status'] ?? null) === $s ? 'selected' : '' }}>{{ $s }}</option>
            @endforeach
        </select>
        <button type="submit" class="px-4 py-2 bg-[var(--color-bg-tertiary)] border border-[var(--color-border-default)] rounded text-sm">Buscar</button>
    </form>

    <div class="bg-[var(--color-bg-secondary)] border border-[var(--color-border-muted)] rounded overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-[var(--color-bg-tertiary)] text-xs uppercase text-[var(--color-text-muted)]">
                <tr>
                    <th class="text-left p-2">Email</th>
                    <th class="text-left p-2">Nome</th>
                    <th class="text-left p-2">Role</th>
                    <th class="text-left p-2">Status</th>
                    <th class="text-left p-2">Último login</th>
                    <th class="text-right p-2">Ações</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-[var(--color-border-muted)]">
                @foreach($users as $u)
                <tr class="hover:bg-[var(--color-bg-tertiary)]">
                    <td class="p-2 font-mono text-xs">{{ $u->email }}</td>
                    <td class="p-2">{{ $u->full_name }}</td>
                    <td class="p-2 text-xs">{{ $u->tenants->first()?->pivot->role ?? '—' }}</td>
                    <td class="p-2">
                        <span class="px-2 py-0.5 rounded text-xs {{ $u->status === 'active' ? 'bg-[var(--color-success)]/20 text-[var(--color-success)]' : 'bg-[var(--color-text-muted)]/20' }}">{{ $u->status }}</span>
                    </td>
                    <td class="p-2 text-xs text-[var(--color-text-muted)]">{{ $u->last_login_at?->diffForHumans() ?? 'nunca' }}</td>
                    <td class="p-2 text-right whitespace-nowrap">
                        @if($u->status === 'banned')
                        <form method="POST" action="{{ route('admin.users.unban', $u) }}" class="inline">
                            @csrf
                            <button type="submit" class="text-xs px-2 py-1 text-[var(--color-success)] hover:underline">Reativar</button>
                        </form>
                        @else
                        <form method="POST" action="{{ route('admin.users.ban', $u) }}" class="inline">
                            @csrf
                            <button type="submit" class="text-xs px-2 py-1 text-[var(--color-danger)] hover:underline" onclick="return confirm('Banir {{ $u->email }}?')">Banir</button>
                        </form>
                        @endif
                        <form method="POST" action="{{ route('admin.users.reset-mfa', $u) }}" class="inline">
                            @csrf
                            <button type="submit" class="text-xs px-2 py-1 text-[var(--color-warning)] hover:underline" onclick="return confirm('Resetar MFA de {{ $u->email }}?')">Reset MFA</button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    {{ $users->links() }}
</div>
@endsection