@if(!auth()->user()?->isAdmin())
    <div class="search-card">
        <p class="empty-state">Admin privileges required to view user management.</p>
    </div>
@else
    <div class="user-management-section">
        <h2 class="section-title">Users &amp; Roles</h2>

        @if(session('success'))
            <div class="alert alert-success" style="margin-bottom: 16px;">{{ session('success') }}</div>
        @endif
        @if(session('error'))
            <div class="alert alert-error" style="margin-bottom: 16px;">{{ session('error') }}</div>
        @endif

        <div class="search-card" style="margin-bottom: 24px;">
            <h3 class="section-title">Create user</h3>
            <form method="post" action="{{ route('dashboard.users.create') }}">
                @csrf
                <div class="form-grid">
                    <div class="form-group">
                        <label class="form-label">Username</label>
                        <input type="text" class="form-input" name="username" required maxlength="255" placeholder="Username">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Password</label>
                        <input type="password" class="form-input" name="password" required minlength="6" placeholder="Min 6 characters">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Roles</label>
                        <select class="form-select" name="roles[]" multiple size="4">
                            @foreach($rolesList ?? [] as $role)
                                <option value="{{ $role }}">{{ $role }}</option>
                            @endforeach
                        </select>
                        <small style="color: var(--text-muted);">Hold Ctrl/Cmd to select multiple</small>
                    </div>
                </div>
                <div class="button-group">
                    <button type="submit" class="btn btn-primary">Create user</button>
                </div>
            </form>
        </div>

        <div class="user-management-table-wrapper">
            <table class="overview-table user-management-table">
                <thead>
                    <tr>
                        <th>Username</th>
                        <th>Roles</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($usersList ?? [] as $u)
                        <tr>
                            <td>
                                <strong>{{ $u['username'] }}</strong>
                                @if($u['is_admin'] ?? false)
                                    <span class="status-pill enabled">Admin</span>
                                @endif
                                @if($u['commission_member'] ?? false)
                                    <a href="{{ url('/dashboard?section=commission-members') }}" class="status-pill enabled" title="{{ $u['commission_member_name'] ?? 'Commission member' }}">Commission member</a>
                                @endif
                            </td>
                            <td>
                                <div class="user-chip-list">
                                    @foreach($u['roles'] ?? [] as $r)
                                        <span class="user-chip">
                                            {{ $r }}
                                            <form method="post" action="{{ route('dashboard.users.remove-role', ['username' => $u['username'], 'roleName' => $r]) }}" style="display:inline;" onsubmit="return confirm('Remove role {{ $r }}?');">
                                                @csrf
                                                <button type="submit" style="background:none;border:none;cursor:pointer;margin-left:4px;" title="Remove role">×</button>
                                            </form>
                                        </span>
                                    @endforeach
                                </div>
                                <form method="post" action="" id="assign-form-{{ $u['username'] }}" style="display:inline;">
                                    @csrf
                                </form>
                                <select class="form-select" style="width:auto;display:inline-block;margin-left:8px;" onchange="var r=this.value; if(!r) return; var f=document.getElementById('assign-form-{{ $u['username'] }}'); f.action='{{ url('dashboard/users') }}/{{ $u['username'] }}/roles/'+encodeURIComponent(r); f.submit();">
                                    <option value="">+ Assign role</option>
                                    @foreach($rolesList ?? [] as $role)
                                        @if(!in_array($role, $u['roles'] ?? []))
                                            <option value="{{ $role }}">{{ $role }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </td>
                            <td>
                                <form method="post" action="{{ route('dashboard.users.password', $u['username']) }}" style="display:inline;">
                                    @csrf
                                    <input type="password" name="password" placeholder="New password" minlength="6" style="width:120px;padding:6px;">
                                    <button type="submit" class="btn btn-primary" style="padding:6px 12px;">Update password</button>
                                </form>
                                <form method="post" action="{{ route('dashboard.users.delete', $u['username']) }}" style="display:inline;" onsubmit="return confirm('Delete user {{ $u['username'] }}?');">
                                    @csrf
                                    <button type="submit" class="btn btn-secondary" style="padding:6px 12px; background: rgba(239,68,68,0.8); color: white;">Delete</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="3">No users found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endif