@extends('layouts.app')

@section('title', 'Add User')

@section('content')
    <h1>Add User</h1>
    <p class="subtitle">Create a login and set their initial permissions. These can be changed later from the Permissions page.</p>

    <div class="card">
        <form method="POST" action="{{ route('admin.users.store') }}">
            @csrf

            <div class="field">
                <label for="name">Name</label>
                <input type="text" name="name" id="name" value="{{ old('name') }}" required autofocus>
            </div>

            <div class="field">
                <label for="email">Email</label>
                <input type="text" name="email" id="email" value="{{ old('email') }}" required>
            </div>

            <div class="field">
                <label for="password">Password</label>
                <input type="password" name="password" id="password" required minlength="8">
                <small class="hint">At least 8 characters.</small>
            </div>

            <div class="field">
                <label for="password_confirmation">Confirm Password</label>
                <input type="password" name="password_confirmation" id="password_confirmation" required minlength="8">
            </div>

            <div class="field">
                <label>Permissions</label>
                <label class="permission-row">
                    <input type="checkbox" name="is_admin" value="1" @checked(old('is_admin'))>
                    Admin <small class="hint">— can manage everyone's permissions, and implicitly has all of the below</small>
                </label>
                <label class="permission-row">
                    <input type="checkbox" name="can_submit_rfi" value="1" @checked(old('can_submit_rfi', true))>
                    Can submit RFIs
                </label>
                <label class="permission-row">
                    <input type="checkbox" name="can_add_safety_issue" value="1" @checked(old('can_add_safety_issue', true))>
                    Can add Safety issues
                </label>
                <label class="permission-row">
                    <input type="checkbox" name="can_add_quality_issue" value="1" @checked(old('can_add_quality_issue', true))>
                    Can add Quality issues
                </label>
            </div>

            <div class="btn-row">
                <a class="btn secondary" href="{{ route('admin.users') }}">Cancel</a>
                <button class="btn" type="submit">Create User</button>
            </div>
        </form>
    </div>

    <style>
        .permission-row { display:flex; align-items:center; gap:10px; font-weight:400; font-size:.9rem; padding:8px 0; border-bottom:1px solid var(--border); cursor:pointer; }
        .permission-row:last-child { border-bottom:none; }
        .permission-row input { width:auto; flex-shrink:0; }
        .permission-row small { font-weight:400; }
    </style>
@endsection