@extends('layouts.admin')

@php $editing = (bool) $user; @endphp
@section('title', $editing ? 'Edit user' : 'Add user')
@section('heading', $editing ? 'Edit user' : 'Add user')

@section('content')
<p class="back"><a href="{{ route('admin.users.index') }}">&larr; Back to users</a></p>

<form class="card editor" method="post" action="{{ $editing ? route('admin.users.update', $user) : route('admin.users.store') }}" novalidate>
    @csrf
    @if ($editing) @method('PUT') @endif

    <div class="editor__grid">
        @foreach ([['name', 'Full name', 'text', 'name'], ['email', 'Email (used to sign in)', 'email', 'username']] as [$key, $label, $type, $ac])
            <div class="editor__cell editor__cell--half">
                <div class="field @error($key) has-error @enderror">
                    <label class="field__label" for="u-{{ $key }}">{{ $label }}<span class="req" aria-hidden="true"> *</span></label>
                    <input class="input" id="u-{{ $key }}" type="{{ $type }}" name="{{ $key }}" value="{{ old($key, $user->{$key} ?? '') }}" required autocomplete="{{ $ac }}">
                    @error($key)<p class="field__err">{{ $message }}</p>@enderror
                </div>
            </div>
        @endforeach

        <div class="editor__cell editor__cell--half">
            <div class="field @error('role') has-error @enderror">
                <label class="field__label" for="u-role">Role<span class="req" aria-hidden="true"> *</span></label>
                <select class="input" id="u-role" name="role" required>
                    @foreach (\App\Models\User::ROLES as $k => $label)
                        <option value="{{ $k }}" @selected(old('role', $user->role ?? 'editor') === $k)>{{ $label }}</option>
                    @endforeach
                </select>
                @error('role')<p class="field__err">{{ $message }}</p>@enderror
            </div>
        </div>

        <div class="editor__cell editor__cell--half">
            <div class="field @error('password') has-error @enderror">
                <label class="field__label" for="u-password">{{ $editing ? 'New password' : 'Password' }}@unless($editing)<span class="req" aria-hidden="true"> *</span>@endunless</label>
                <input class="input" id="u-password" type="password" name="password" autocomplete="new-password" @unless($editing) required @endunless>
                <p class="field__hint">{{ $editing ? 'Leave blank to keep the current password. ' : '' }}At least 10 characters.</p>
                @error('password')<p class="field__err">{{ $message }}</p>@enderror
            </div>
        </div>

        <div class="editor__cell">
            <div class="field">
                <label class="check check--plain"><input type="checkbox" name="is_active" value="1" @checked(old('is_active', $user->is_active ?? true))><span>Active (can sign in)</span></label>
            </div>
        </div>
    </div>

    <div class="editor__foot">
        <button class="btn btn--green" type="submit">{{ $editing ? 'Save changes' : 'Create user' }}</button>
        <a class="btn btn--ghost" href="{{ route('admin.users.index') }}">Cancel</a>
    </div>
</form>
@endsection