@extends('layouts.admin')
@section('title','Admin User Management')
@section('subtitle','Create and control access to the Desxpert administration portal.')
@section('content')
<div class="admin-user-toolbar">
    <form method="get" class="admin-user-filter">
        <div><i data-lucide="search"></i><input name="q" value="{{request('q')}}" placeholder="Search administrator..."></div>
        <select name="status"><option value="">All statuses</option>@foreach(['active','inactive','deactivated'] as $status)<option value="{{$status}}" @selected(request('status')===$status)>{{ucfirst($status)}}</option>@endforeach</select>
        <button>Apply</button>
    </form>
    <button class="new-admin-button" type="button" data-open-admin><i data-lucide="user-plus"></i>Add Administrator</button>
</div>
<div class="admin-user-stats">
    <article><i data-lucide="shield-check"></i><div><span>Total Administrators</span><strong>{{number_format($stats['total'])}}</strong></div></article>
    <article><i data-lucide="activity"></i><div><span>Active Access</span><strong>{{number_format($stats['active'])}}</strong></div></article>
    <article><i data-lucide="key-round"></i><div><span>System Admins</span><strong>{{number_format($stats['system'])}}</strong></div></article>
</div>
<div class="admin-user-table">
    <div class="table-scroll"><table><thead><tr><th>Administrator</th><th>Access Level</th><th>Status</th><th>Created</th><th>Access Control</th></tr></thead>
        <tbody>@forelse($admins as $admin)<tr>
            <td><div class="user-cell"><div class="avatar user-avatar" style="--avatar-border:var(--lime)"><span>{{strtoupper(substr($admin->name,0,1))}}</span></div><div><b>{{$admin->name}}</b><span>{{$admin->email}}</span></div></div></td>
            <td><span class="admin-role-badge {{$admin->isSystemAdmin()?'system':''}}"><i data-lucide="{{$admin->isSystemAdmin()?'crown':'shield'}}"></i>{{$admin->roleLabel()}}</span></td>
            <td><span class="admin-access-status {{$admin->status}}"><i></i>{{ucfirst($admin->status)}}</span></td>
            <td>{{$admin->created_at?->format('M d, Y')}}</td>
            <td><form method="post" action="{{route('admin-users.update',$admin)}}" class="user-action">@csrf @method('patch')<select name="status">@foreach(['active','inactive','deactivated'] as $status)<option value="{{$status}}" @selected($admin->status===$status)>{{ucfirst($status)}}</option>@endforeach</select><button>Save</button></form></td>
        </tr>@empty<tr><td colspan="5" class="empty">No administrator accounts found.</td></tr>@endforelse</tbody>
    </table></div>
    <div class="table-footer"><span>Showing {{$admins->firstItem()??0}} to {{$admins->lastItem()??0}} of {{number_format($admins->total())}} administrators</span>{{$admins->onEachSide(1)->links('vendor.pagination.default')}}</div>
</div>
<dialog class="admin-user-dialog" id="admin-user-dialog">
    <form method="post" action="{{route('admin-users.store')}}">@csrf
        <div class="dialog-head"><div><small>ACCESS MANAGEMENT</small><h2>Add administrator</h2><p>Create secure access to the admin application.</p></div><button type="button" data-close-admin aria-label="Close"><i data-lucide="x"></i></button></div>
        <div class="dialog-fields">
            <label><span>Full name</span><input name="name" value="{{old('name')}}" required autocomplete="name"></label>
            <label><span>Email address</span><input type="email" name="email" value="{{old('email')}}" required autocomplete="email"></label>
            <label><span>Access level</span><select name="role" required><option value="Admin" @selected(old('role')==='Admin')>Admin</option><option value="System Admin" @selected(old('role')==='System Admin')>System Admin</option></select><small>System Admins can create and manage other administrators.</small></label>
            <p class="password-hint"><i data-lucide="shield-check"></i>A secure temporary password will be emailed to the administrator. They must replace it after their first sign-in.</p>
        </div>
        <footer><button type="button" data-close-admin>Cancel</button><button class="create-button"><i data-lucide="user-plus"></i>Create Administrator</button></footer>
    </form>
</dialog>
@if($errors->any() && old('email'))<script>document.addEventListener('DOMContentLoaded',()=>document.getElementById('admin-user-dialog')?.showModal())</script>@endif
@endsection