@extends('admin.layouts.app')

@section('title', 'Users')

@section('content')
    <div class="p-8">
        <div class="mb-6">
            <h1 class="text-3xl font-bold text-ink">Users</h1>
            <p class="text-slate-600 mt-1">Manage all platform users</p>
        </div>
        @if (session('status'))
            <x-flash class="mb-3">{{ session('status') }}</x-flash>
        @endif
        <div class="space-y-3">
            @forelse ($users as $user)
                <div class="flex items-center justify-between rounded-xl border border-slate-100 bg-white px-4 py-3 shadow-sm">
                    <div>
                        <div class="font-semibold text-ink">{{ $user->name }}</div>
                        <div class="text-sm text-slate-500">{{ $user->email }} · {{ $user->role }}</div>
                        <div class="text-xs text-slate-400">Active: {{ $user->is_active ? 'Yes' : 'No' }}</div>
                    </div>
                    <form method="POST" action="{{ route('admin.users.toggle', $user) }}">
                        @csrf
                        <button class="rounded-full bg-brand px-3 py-1 text-xs font-semibold text-white shadow">
                            {{ $user->is_active ? 'Deactivate' : 'Activate' }}
                        </button>
                    </form>
                </div>
            @empty
                <p class="text-sm text-slate-500">No users found.</p>
            @endforelse
        </div>
        <div class="mt-4">
            {{ $users->links() }}
        </div>
    </div>
@endsection