@extends('layouts.admin', ['title' => 'Users'])

@section('admin-content')
<section class="space-y-6">
    <div class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6">
        <h1 class="font-display text-3xl font-bold text-white">Users</h1>
        <div class="mt-6 grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
            <div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="text-sm text-slate-400">All users</div><div class="mt-2 text-2xl font-bold text-white">{{ $totals['all'] }}</div></div>
            <div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="text-sm text-slate-400">Admins</div><div class="mt-2 text-2xl font-bold text-white">{{ $totals['admins'] }}</div></div>
            <div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="text-sm text-slate-400">Customers</div><div class="mt-2 text-2xl font-bold text-white">{{ $totals['customers'] }}</div></div>
            <div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="text-sm text-slate-400">Verified</div><div class="mt-2 text-2xl font-bold text-white">{{ $totals['verified'] }}</div></div>
        </div>
    </div>
    <div class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6 overflow-hidden">
        <table class="min-w-full divide-y divide-white/10 text-sm text-slate-200">
            <thead class="bg-white/5 text-left text-slate-400">
                <tr><th class="px-4 py-3">Name</th><th class="px-4 py-3">Company</th><th class="px-4 py-3">Email</th><th class="px-4 py-3">Role</th><th class="px-4 py-3">Status</th><th class="px-4 py-3">Last login</th></tr>
            </thead>
            <tbody class="divide-y divide-white/10">
                @foreach ($users as $user)
                    <tr>
                        <td class="px-4 py-4">{{ $user->name }}</td>
                        <td class="px-4 py-4">{{ $user->company_name ?: 'Individual' }}</td>
                        <td class="px-4 py-4">{{ $user->email }}</td>
                        <td class="px-4 py-4">{{ ucfirst($user->role) }}</td>
                        <td class="px-4 py-4">{{ ucfirst($user->status) }}</td>
                        <td class="px-4 py-4">{{ $user->last_login_at?->diffForHumans() ?: 'Never' }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        <div class="mt-6">{{ $users->links() }}</div>
    </div>
</section>
@endsection