@php
    $editing = isset($role);
    $selectedPermissions = old('permissions_present') !== null ? old('permissions', []) : ($editing ? $role->permissions->pluck('name')->all() : []);
    $title = $editing ? 'Edit Role' : 'Add Role';
@endphp
<main class="portal-workspace portal-light-type property-workspace management-workspace">
    <header class="portal-page-header"><div><a class="portal-back-link" href="/roles/view_role"><i class="bx bx-arrow-back" aria-hidden="true"></i> All roles</a><span class="portal-eyebrow">Access management</span><h1>{{ $title }}</h1><p>{{ $editing ? 'Update the role name and the permissions it grants.' : 'Create a role and choose the permissions it grants.' }}</p></div></header>
    @include('superadmin.property.partials.workspace_feedback')
    <form method="POST" action="{{ $editing ? '/roles/edit_role/' . encrypt($role->id) : '/roles/add_role' }}">
        @csrf
        <input type="hidden" name="permissions_present" value="1">
        <div class="pw-stack">
            <section class="portal-card pw-section"><div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-shield-quarter" aria-hidden="true"></i></span><div><h2>Role Details</h2><p>A clear name helps identify this role when assigning users.</p></div></div><div class="pw-fields"><div class="pw-field"><label for="role-name">Role name</label><input id="role-name" name="role" class="form-control @error('role') is-invalid @enderror" value="{{ old('role', $editing ? $role->name : '') }}" maxlength="255" placeholder="e.g. support-manager" required>@error('role')<div class="invalid-feedback">{{ $message }}</div>@enderror</div></div></section>
            <section class="portal-card pw-section pw-purple"><div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-key" aria-hidden="true"></i></span><div><h2>Permissions</h2><p>Search by module or action and select the access this role needs.</p></div></div>@include('superadmin.roles.partials.permission_picker')</section>
        </div>
        <div class="pw-footer"><a href="/roles/view_role" class="btn btn-mlk-outline">Cancel</a><button type="submit" class="btn btn-mlk-primary"><i class="bx bx-check" aria-hidden="true"></i> {{ $editing ? 'Save Changes' : 'Add Role' }}</button></div>
    </form>
</main>