{{-- Shared by create and edit. --}}
@csrf

<div class="row">
    <x-form.input name="name" label="Role Key" :value="$role->name" required
        help="Lowercase identifier, e.g. content-editor." :readonly="(bool) $role->is_system" />

    <x-form.input name="display_name" label="Display Name" :value="$role->display_name" required />

    <x-form.textarea name="description" label="Description" :value="$role->description" rows="2" />
</div>

@if ($role->isSuperAdmin())
    <div class="alert alert-info py-2">
        The Super Admin role always passes every authorization check, so its permissions cannot be narrowed.
    </div>
@else
    <div class="mb-3">
        <div class="xrt-label mb-2">Permissions</div>
        <div class="row g-3">
            @foreach ($catalogue as $group => $permissions)
                <div class="col-md-6 col-lg-4">
                    <div class="border rounded p-2 h-100">
                        <div class="fw-semibold mb-2">{{ $group }}</div>
                        @foreach ($permissions as $name => $label)
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="permissions[]"
                                       id="perm-{{ Str::slug($name) }}" value="{{ $name }}"
                                       @checked(in_array($name, old('permissions', $selected), true))>
                                <label class="form-check-label" for="perm-{{ Str::slug($name) }}">{{ $label }}</label>
                            </div>
                        @endforeach
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endif

<div class="d-flex gap-2 pt-2 border-top">
    <button class="btn btn-sm btn-primary" type="submit"><i class="bi bi-check-lg"></i> {{ $submitLabel }}</button>
    <a class="btn btn-sm btn-outline-secondary" href="{{ route('admin.roles.index') }}">Cancel</a>
</div>