@extends('admin.layout')
@section('title', 'Users')

@section('content')
<div class="flex items-center justify-between mb-6">
    <h1 class="text-2xl font-bold text-white">Users</h1>
    <form method="GET"><input type="search" name="q" value="{{ request('q') }}" placeholder="Search…" class="rounded-lg bg-gray-900 border border-gray-700 px-3 py-1.5 text-sm text-white"></form>
</div>
<div class="rounded-xl border border-gray-800 overflow-x-auto">
    <table class="w-full text-sm">
        <thead class="bg-gray-900 text-gray-400 text-left">
            <tr>
                <th class="px-4 py-3">User</th>
                <th class="px-4 py-3">Email</th>
                <th class="px-4 py-3">Tokens</th>
                <th class="px-4 py-3">Status</th>
                <th class="px-4 py-3">Actions</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-800">
            @foreach($users as $user)
                <tr>
                    <td class="px-4 py-3 text-white">{{ $user->name }} @if($user->is_admin)<span class="text-xs text-brand-400">admin</span>@endif</td>
                    <td class="px-4 py-3 text-gray-400">{{ $user->email }}</td>
                    <td class="px-4 py-3">{{ $user->tokens_count }}</td>
                    <td class="px-4 py-3">{{ $user->is_suspended ? 'Suspended' : 'Active' }}</td>
                    <td class="px-4 py-3">
                        @if(!$user->is_admin)
                            @if(!$user->is_suspended)
                                <form method="POST" action="{{ route('admin.users.suspend', $user) }}" class="inline">@csrf<button class="text-red-400 text-xs">Suspend</button></form>
                            @else
                                <form method="POST" action="{{ route('admin.users.unsuspend', $user) }}" class="inline">@csrf<button class="text-green-400 text-xs">Unsuspend</button></form>
                            @endif
                        @endif
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $users->links() }}</div>
@endsection