@extends('layouts.mainlayout')
@section('fullwidth', true)
@section('content')
<main class="smarthr-rbac-page smarthr-users-page">
    <header class="smarthr-employees-page-header"><div><h1>Users</h1><p>Create user accounts, set passwords and remove access.</p></div><span class="smarthr-employees-count">{{ $users->total() }} users</span></header>
    @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
    @if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif
    @if($errors->any())<div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>@endif

    <section class="card smarthr-rbac-card">
        <div class="card-header smarthr-rbac-card-header"><div><span class="smarthr-employees-header-icon"><i class="fas fa-user-plus"></i></span><span>Add user</span></div></div>
        <div class="card-body">
            <form method="post" action="{{ route('rbac.users.store') }}" class="smarthr-user-create-form">@csrf
                <div class="form-group"><label for="new-user-name">Name</label><input id="new-user-name" class="form-control" name="name" value="{{ old('name') }}" required maxlength="191" autocomplete="off"></div>
                <div class="form-group"><label for="new-user-email">Email</label><input id="new-user-email" class="form-control" type="email" name="email" value="{{ old('email') }}" required maxlength="191" autocomplete="off"></div>
                <div class="form-group"><label for="new-user-role">Primary role</label><select id="new-user-role" class="form-control" name="role_id" required>@foreach($roles as $role)<option value="{{ $role->id }}"{{ old('role_id') == $role->id ? ' selected' : '' }}>{{ $role->display_name }}</option>@endforeach</select></div>
                <div class="form-group"><label for="new-user-password">Password</label><input id="new-user-password" class="form-control" type="password" name="password" required minlength="8" autocomplete="new-password"></div>
                <div class="form-group"><label for="new-user-password-confirmation">Confirm password</label><input id="new-user-password-confirmation" class="form-control" type="password" name="password_confirmation" required minlength="8" autocomplete="new-password"></div>
                <div class="smarthr-user-create-action"><button class="btn smarthr-rbac-save" type="submit"><i class="fas fa-user-plus"></i> Add user</button></div>
            </form>
        </div>
    </section>

    <section class="card smarthr-rbac-card">
        <div class="card-header smarthr-rbac-card-header"><div><span class="smarthr-employees-header-icon"><i class="fas fa-users-cog"></i></span><span>Manage users</span></div></div>
        <div class="smarthr-rbac-toolbar">
            <form method="get"><div class="smarthr-rbac-search"><i class="fas fa-search"></i><input class="form-control" type="search" name="search" value="{{ $search }}" placeholder="Search name or email"><button class="btn" type="submit">Search</button></div></form>
            <a class="btn smarthr-rbac-link" href="{{ route('rbac.user_roles') }}"><i class="fas fa-users-cog"></i> Assign roles</a>
        </div>
        <div class="table-responsive"><table class="table smarthr-rbac-table smarthr-users-table">
            <thead><tr><th>Name</th><th>Email</th><th>Primary role</th><th>Set new password</th><th>Actions</th></tr></thead>
            <tbody>
            @forelse($users as $user)
                @php($passwordFormId = 'password-form-'.$user->id)
                @php($editFormId = 'edit-user-form-'.$user->id)
                <tr>
                    <td><input class="form-control smarthr-user-edit-field" form="{{ $editFormId }}" name="name" value="{{ $user->name }}" required maxlength="191"></td>
                    <td><input class="form-control smarthr-user-edit-field" form="{{ $editFormId }}" type="email" name="email" value="{{ $user->email }}" required maxlength="191"></td>
                    <td><select class="form-control smarthr-user-edit-field" form="{{ $editFormId }}" name="role_id" required>@foreach($roles as $role)<option value="{{ $role->id }}"{{ (int) $user->role_id === (int) $role->id ? ' selected' : '' }}>{{ $role->display_name }}</option>@endforeach</select></td>
                    <td><div class="smarthr-user-password-fields">
                        <input class="form-control" type="password" name="password" form="{{ $passwordFormId }}" placeholder="New password" required minlength="8" autocomplete="new-password">
                        <input class="form-control" type="password" name="password_confirmation" form="{{ $passwordFormId }}" placeholder="Confirm password" required minlength="8" autocomplete="new-password">
                    </div></td>
                    <td><div class="smarthr-user-actions">
                        <form id="{{ $editFormId }}" method="post" action="{{ route('rbac.users.update', $user->id) }}">@csrf @method('PUT')<button class="btn smarthr-rbac-save" type="submit"><i class="fas fa-save"></i> Save changes</button></form>
                        <form id="{{ $passwordFormId }}" method="post" action="{{ route('rbac.users.password', $user->id) }}">@csrf<button class="btn smarthr-rbac-save" type="submit"><i class="fas fa-key"></i> Set password</button></form>
                        @if($user->id !== Auth::id())<form method="post" action="{{ route('rbac.users.destroy', $user->id) }}" onsubmit="return confirm('Delete access for this user?');">@csrf @method('DELETE')<button class="btn smarthr-user-delete" type="submit"><i class="fas fa-trash-alt"></i> Delete</button></form>@endif
                    </div></td>
                </tr>
            @empty
                <tr><td colspan="5" class="text-center">No users found.</td></tr>
            @endforelse
            </tbody>
        </table></div>
        <footer class="smarthr-rbac-pagination"><span>Showing {{ $users->firstItem() ?: 0 }}–{{ $users->lastItem() ?: 0 }} of {{ $users->total() }}</span>{{ $users->links() }}</footer>
    </section>
</main>
@endsection