@extends('layouts.admin')

@section('title', 'Users — '.config('app.name'))
@section('page_title', 'Users')

@section('breadcrumbs')
    <li class="breadcrumb-item active">Users</li>
@endsection

@section('content')
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
            <h5 class="mb-0">User list</h5>
            @can('users.create')
                <a href="{{ route('admin.users.create') }}" class="btn btn-primary">Create user</a>
            @endcan
        </div>
        <div class="card-body">
            <form class="row g-2 mb-3" method="GET">
                <div class="col-md-4">
                    <input type="text" name="q" value="{{ request('q') }}" class="form-control" placeholder="Search login, email, name, company">
                </div>
                <div class="col-md-3">
                    <select name="state" class="form-select">
                        <option value="">All states</option>
                        @foreach ($states as $state)
                            <option value="{{ $state->value }}" @selected(request('state') === $state->value)>{{ $state->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <button class="btn btn-primary w-100" type="submit">Filter</button>
                </div>
            </form>
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Login</th>
                            <th>Name</th>
                            <th>Email</th>
                            <th>State</th>
                            <th>Roles</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($users as $user)
                            <tr>
                                <td>{{ $user->login }}</td>
                                <td>{{ $user->name }}</td>
                                <td>{{ $user->email }}</td>
                                <td><span class="badge badge-light-primary">{{ $user->account_state?->label() }}</span></td>
                                <td>{{ $user->roles->pluck('name')->first() ?? '—' }}</td>
                                <td class="text-end">
                                    @can('users.update')
                                        <a href="{{ route('admin.users.edit', $user) }}" class="btn btn-sm btn-outline-primary">Edit</a>
                                    @endcan
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="6" class="text-center text-muted">No users found.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            {{ $users->links() }}
        </div>
    </div>
@endsection