@extends('layouts.admin')
@section('title', 'Users')
@section('actions')
    @can('settings.manage')<a href="{{ route('admin.users.create') }}" class="btn btn-sm btn-primary"><i class="bi bi-person-plus"></i> Add staff</a>@endcan
@endsection

@section('content')
<form class="filters row g-2 align-items-end">
    <div class="col-md-4"><input name="q" value="{{ request('q') }}" class="form-control" placeholder="Name, email, mobile or ID"></div>
    <div class="col-md-3">
        <select name="role" class="form-select"><option value="">All roles</option>
            @foreach ($roles as $r)<option value="{{ $r->id }}" @selected(request('role') == $r->id)>{{ $r->name }}</option>@endforeach
        </select>
    </div>
    <div class="col-md-3">
        <select name="status" class="form-select"><option value="">Any account status</option>
            @foreach ($statuses as $s)<option value="{{ $s->id }}" @selected(request('status') == $s->id)>{{ $s->label() }}</option>@endforeach
        </select>
    </div>
    <div class="col-auto"><button class="btn btn-outline-primary">Filter</button></div>
</form>

<div class="card">
    <div class="table-responsive">
        <table class="table table-hover">
            <thead><tr><th>User</th><th>Mobile</th><th>Roles</th><th>Language</th><th>Account</th><th>Joined</th></tr></thead>
            <tbody>
            @forelse ($users as $u)
                <tr>
                    <td><a href="{{ route('admin.users.show', $u) }}" class="fw-semibold">{{ $u->displayName() }}</a>
                        <div class="small text-muted-2">#{{ $u->id }} {{ $u->email }}</div></td>
                    <td class="text-nowrap">{{ $u->maskedPhone() }}</td>
                    <td>
                        @foreach ($u->userRoles as $ur)
                            @php $st = \App\Models\Status::find_($ur->status_id); @endphp
                            <span class="badge text-bg-{{ $st?->code === 'active' ? 'light' : $st?->color() }} border me-1" title="{{ $st?->label() }}">{{ $ur->role?->name }}</span>
                        @endforeach
                    </td>
                    <td>{{ $u->preferredLanguage?->native_name ?? '—' }}</td>
                    <td>@include('partials.status', ['status' => $u->account_status_id])</td>
                    <td class="text-nowrap small">{{ ist($u->created_at, 'd M Y') }}</td>
                </tr>
            @empty
                <tr><td colspan="6"><div class="empty-state"><i class="bi bi-people"></i>No users match.</div></td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
<div class="mt-3">{{ $users->links() }}</div>
@endsection