@extends('layouts.admin')
@section('title', 'Users')
@section('topbar-title', 'Users')

@section('content')
<div class="page-header">
    <div>
        <h1>Users</h1>
        <div class="breadcrumb">Manage registered users</div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h3>All Users ({{ $users->total() }})</h3>
    </div>
    <div style="padding:14px 16px;border-bottom:1px solid var(--border);">
        <form method="GET" style="display:flex;gap:10px;">
            <input type="text" name="search" placeholder="Search name or email..." value="{{ request('search') }}" style="max-width:280px;">
            <button type="submit" class="btn btn-outline btn-sm"><i class="fa fa-search"></i> Search</button>
            @if(request('search'))<a href="{{ route('admin.users') }}" class="btn btn-outline btn-sm">Clear</a>@endif
        </form>
    </div>
    <div class="table-wrap">
        <table>
            <thead>
                <tr><th>Name</th><th>Email</th><th>Company</th><th>Licenses</th><th>Orders</th><th>Status</th><th>Joined</th><th></th></tr>
            </thead>
            <tbody>
                @forelse($users as $user)
                <tr>
                    <td style="font-weight:600;">
                        <div style="display:flex;align-items:center;gap:8px;">
                            <div style="width:30px;height:30px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;flex-shrink:0;">
                                {{ strtoupper(substr($user->name, 0, 1)) }}
                            </div>
                            {{ $user->name }}
                        </div>
                    </td>
                    <td style="color:var(--muted);font-size:0.85rem;">{{ $user->email }}</td>
                    <td style="color:var(--muted);font-size:0.82rem;">{{ $user->company ?: '—' }}</td>
                    <td>{{ $user->licenses_count }}</td>
                    <td>{{ $user->orders_count }}</td>
                    <td>
                        <span class="badge {{ $user->is_active ? 'badge-active' : 'badge-suspended' }}">
                            {{ $user->is_active ? 'Active' : 'Disabled' }}
                        </span>
                    </td>
                    <td style="font-size:0.78rem;color:var(--muted);">{{ $user->created_at->format('M j, Y') }}</td>
                    <td>
                        <div style="display:flex;gap:6px;">
                            <a href="{{ route('admin.users.show', $user) }}" class="btn btn-outline btn-sm">View</a>
                            <form action="{{ route('admin.users.toggle', $user) }}" method="POST">
                                @csrf
                                <button type="submit" class="btn btn-sm {{ $user->is_active ? 'btn-warning' : 'btn-success' }}"
                                    onclick="return confirm('{{ $user->is_active ? 'Disable' : 'Enable' }} this user?')">
                                    {{ $user->is_active ? 'Disable' : 'Enable' }}
                                </button>
                            </form>
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" style="text-align:center;padding:40px;color:var(--muted);">No users found</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div style="padding:14px 16px;border-top:1px solid var(--border);">
        {{ $users->withQueryString()->links() }}
    </div>
</div>
@endsection