@extends('admin.layouts.app')
@section('title', 'Users')
@section('heading', 'Users')

@section('content')
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem;">
    <div style="color:#6b7280;">{{ $users->total() }} users</div>
    <a href="{{ route('admin.users.create') }}" class="adm-btn adm-btn-primary"><i class="fa-solid fa-plus"></i> Add User</a>
</div>

<form method="GET" class="filter-bar">
    <input type="text" name="q" placeholder="Search by name or email..." value="{{ $filters['q'] ?? '' }}">
    <button class="adm-btn adm-btn-primary"><i class="fa-solid fa-magnifying-glass"></i> Search</button>
    <a href="{{ route('admin.users.index') }}" class="adm-btn adm-btn-ghost">Reset</a>
</form>

<table class="data-table">
    <thead><tr>
        <th>#</th><th>Name</th><th>Email</th><th>Phone</th><th>Orders</th><th>Role</th><th>Joined</th><th>Actions</th>
    </tr></thead>
    <tbody>
        @forelse($users as $u)
            <tr>
                <td>#{{ $u->id }}</td>
                <td><strong>{{ $u->name }}</strong></td>
                <td>{{ $u->email }}</td>
                <td>{{ $u->phone ?? '—' }}</td>
                <td>{{ $u->orders_count }}</td>
                <td>
                    @if($u->is_admin)
                        <span class="badge badge-admin"><i class="fa-solid fa-user-shield"></i> Admin</span>
                    @else
                        <span class="badge" style="background:#e5e7eb; color:#374151;">User</span>
                    @endif
                </td>
                <td>{{ $u->created_at->format('M d, Y') }}</td>
                <td class="actions-row">
                    <a href="{{ route('admin.users.show', $u) }}" class="adm-btn adm-btn-ghost"><i class="fa-solid fa-eye"></i></a>
                    @if($u->id !== auth()->id())
                        <form method="POST" action="{{ route('admin.users.toggle-admin', $u) }}" style="display:inline;">
                            @csrf
                            <button class="adm-btn adm-btn-warn" title="{{ $u->is_admin ? 'Revoke admin' : 'Make admin' }}"><i class="fa-solid fa-user-shield"></i></button>
                        </form>
                        <form method="POST" action="{{ route('admin.users.destroy', $u) }}" onsubmit="return confirm('Delete {{ $u->name }}?');" style="display:inline;">
                            @csrf @method('DELETE')
                            <button class="adm-btn adm-btn-danger"><i class="fa-solid fa-trash"></i></button>
                        </form>
                    @endif
                </td>
            </tr>
        @empty
            <tr><td colspan="8" style="text-align:center; padding:2rem; color:#6b7280;">No users.</td></tr>
        @endforelse
    </tbody>
</table>

<div class="pagination-wrap">{{ $users->links() }}</div>
@endsection