@extends('admin.layouts.app')
@section('page-title', 'User Management')
@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/staff-users.css') }}?v={{ filemtime(public_path('assets/staff-users.css')) }}">
@endpush
@section('content')
<section class="panel staff-panel" aria-labelledby="staff-heading">
    <header class="staff-heading"><div><h2 id="staff-heading">User Management</h2><p>Staff accounts and mobile verification</p></div><a href="{{ route('admin.settings.users.create') }}" class="staff-button staff-primary"><x-icon name="user-plus" :size="16" /> New User</a></header>
    @if(session('status'))<p class="staff-message staff-success" role="status">{{ session('status') }}</p>@endif
    @if($errors->any())<div class="staff-message staff-error" role="alert">{{ $errors->first() }}</div>@endif
    <form method="get" action="{{ route('admin.settings.users') }}" class="staff-filters">
        <label class="staff-search"><span class="sr-only">Search staff</span><x-icon name="search" :size="16" /><input type="search" name="q" maxlength="100" value="{{ $filters['q'] ?? '' }}" placeholder="Name, mobile, email or designation"></label>
        <label><span class="sr-only">Account status</span><select name="status"><option value="">All statuses</option><option value="active" @selected(($filters['status'] ?? '') === 'active')>Active</option><option value="inactive" @selected(($filters['status'] ?? '') === 'inactive')>Inactive</option></select></label>
        <label><span class="sr-only">Mobile verification</span><select name="verification"><option value="">All verification</option><option value="verified" @selected(($filters['verification'] ?? '') === 'verified')>Verified mobile</option><option value="pending" @selected(($filters['verification'] ?? '') === 'pending')>Pending verification</option></select></label>
        <button type="submit" class="staff-button">Filter</button><a class="staff-reset" href="{{ route('admin.settings.users') }}">Reset</a>
    </form>
    @if($users->count())
    <div class="staff-table-scroll"><table class="staff-table"><thead><tr><th scope="col">User</th><th scope="col">Mobile</th><th scope="col">Designation</th><th scope="col">Verification</th><th scope="col">Status</th><th scope="col">Actions</th></tr></thead><tbody>
        @foreach($users as $staffUser)
        <tr><td><strong>{{ $staffUser->name }}</strong><small>{{ $staffUser->email }}</small></td><td class="staff-phone">{{ $staffUser->phone ?? 'Not set' }}</td><td>{{ $staffUser->designation ?: 'Staff' }}</td><td><span class="staff-badge {{ $staffUser->phone_verified_at ? 'is-positive' : 'is-pending' }}">{{ $staffUser->phone_verified_at ? 'Verified' : 'Pending' }}</span></td><td><span class="staff-badge {{ $staffUser->is_active ? 'is-positive' : '' }}">{{ $staffUser->is_active ? 'Active' : 'Inactive' }}</span></td><td><div class="staff-row-actions"><a href="{{ route('admin.settings.access.edit', $staffUser->id) }}" class="staff-button staff-small" aria-label="Access for {{ $staffUser->name }}">Access</a><a href="{{ route('admin.settings.users.edit', $staffUser->id) }}" class="staff-button staff-small" aria-label="Edit {{ $staffUser->name }}">Edit</a><form action="{{ route('admin.settings.users.status', $staffUser->id) }}" method="post">@csrf @method('PATCH')<input type="hidden" name="is_active" value="{{ $staffUser->is_active ? '0' : '1' }}"><button type="submit" class="staff-button staff-small {{ $staffUser->is_active ? 'staff-danger' : '' }}" aria-label="{{ $staffUser->is_active ? 'Deactivate' : 'Activate' }} {{ $staffUser->name }}">{{ $staffUser->is_active ? 'Deactivate' : 'Activate' }}</button></form></div></td></tr>
        @endforeach
    </tbody></table></div>
    @else
    <div class="staff-empty"><x-icon name="users" :size="28" /><h3>{{ $users->total() ? 'No users on this page' : 'No staff users found' }}</h3><p>Create a new user or adjust your filters.</p></div>
    @endif
    <footer class="staff-pagination"><span>{{ $users->total() ? $users->firstItem() ?? 0 : 0 }}-{{ $users->lastItem() ?? 0 }} of {{ $users->total() }} staff users</span><nav aria-label="Staff user pages">@if($users->onFirstPage())<span aria-disabled="true">Previous</span>@else<a href="{{ $users->previousPageUrl() }}" rel="prev">Previous</a>@endif<span>Page {{ $users->currentPage() }} of {{ $users->lastPage() }}</span>@if($users->hasMorePages())<a href="{{ $users->nextPageUrl() }}" rel="next">Next</a>@else<span aria-disabled="true">Next</span>@endif</nav></footer>
</section>
<p class="staff-note">Designation does not grant access. Use Access to choose modules and features for each user.</p>
@endsection