@extends('layouts.app')
@section('title', 'Roles & permissions')
@section('content')
    <a href="{{ route('staff.users.index') }}">&larr; Staff administration</a><h1 class="mt-4">Roles & permissions</h1><p>Permission changes apply to every account with that role. The super administrator recovery role is protected.</p>
    <section class="card mb-4"><h2>Create role</h2><form method="POST" action="{{ route('staff.roles.store') }}">@csrf<div class="row g-3"><div class="col-md-6"><label for="new-name">Role name</label><input id="new-name" name="name" maxlength="120" required></div><div class="col-md-6"><label for="slug">Role code</label><input id="slug" name="slug" pattern="[a-z][a-z0-9_]{2,49}" required><p class="form-text">3–50 lowercase letters, numbers or underscores, starting with a letter.</p></div></div><button class="btn btn-primary mt-3" type="submit">Create role</button></form></section>
    @foreach($roles as $role)<section class="card mb-4"><h2>{{ $role->name }}</h2><p class="small">{{ $role->slug }}</p>@if($role->slug === 'super_admin')<p class="mb-0">Protected recovery role. {{ $role->permissions->count() }} configured permissions.</p>@else<form method="POST" action="{{ route('staff.roles.update', $role) }}">@csrf @method('PUT')<label for="role-name-{{ $role->id }}">Role name</label><input id="role-name-{{ $role->id }}" name="name" value="{{ $role->name }}" maxlength="120" required><fieldset class="mt-3"><legend class="fs-6">Permissions</legend><div class="row g-2">@foreach($permissions as $permission)@if($permission->slug !== 'roles.manage' && ($permission->slug !== 'users.manage' || $role->slug === 'admin'))<div class="col-md-6"><label class="d-flex align-items-start gap-2"><input type="checkbox" name="permissions[]" value="{{ $permission->id }}" @checked($role->permissions->contains('id', $permission->id))><span>{{ $permission->name }}<small class="d-block text-secondary">{{ $permission->slug }}</small></span></label></div>@endif @endforeach</div></fieldset><label class="d-flex gap-2 mt-3"><input type="checkbox" name="confirmation" value="1" required><span>Apply these permissions to this role.</span></label><button class="btn btn-outline-secondary mt-2" type="submit">Save role permissions</button></form>@endif</section>@endforeach
@endsection