@extends('layouts.admin')

@section('page_kicker', 'Access control')
@section('page_title', 'Aim4Wellness admin role')

@section('content')
    <div class="admin-content-card max-w-3xl">
        <p class="text-sm text-slate-600">This updates the Spatie <strong class="font-mono">aim4wellness_admin</strong> role only (so hospital doctor permissions stay separate). <code class="rounded bg-slate-100 px-1 text-xs">rbac.a4w_manage</code> is always kept so you retain access to this screen.</p>
        <form method="POST" action="{{ route('aim4wellness.admin.rbac.role.update') }}" class="mt-6 space-y-6">
            @csrf @method('PATCH')
            <div>
                <p class="admin-form-label mb-2 normal-case tracking-normal">Permissions</p>
                <div class="max-h-96 space-y-2 overflow-y-auto rounded-xl border border-slate-100 bg-slate-50/80 p-4">
                    @foreach($permissions as $p)
                        <label class="flex cursor-pointer items-start gap-2 text-sm">
                            <input type="checkbox" name="permissions[]" value="{{ $p->id }}" class="admin-checkbox mt-0.5" @checked(in_array($p->id, old('permissions', $rolePermissionIds), true))>
                            <span class="font-mono text-xs text-slate-800">{{ $p->name }}</span>
                        </label>
                    @endforeach
                </div>
                <x-input-error :messages="$errors->get('permissions')" class="mt-2" />
            </div>
            <div class="flex gap-3">
                <button type="submit" class="admin-btn-primary">Save</button>
                <a href="{{ route('aim4wellness.admin.rbac.permissions.index') }}" class="admin-btn-secondary">Custom permissions</a>
            </div>
        </form>
    </div>
@endsection