@extends('layouts.admin')

@section('page_kicker', 'Access control')
@section('page_title', 'Role: '.$role->name)

@section('content')
    <div class="admin-content-card max-w-3xl">
        <form method="POST" action="{{ route('hospital.rbac.roles.update', $role) }}" class="space-y-6">
            @csrf @method('PATCH')
            <p class="text-sm text-slate-600">Toggle permissions for the <strong>{{ $role->name }}</strong> role. Changes apply globally for this role name (Spatie has no per-hospital teams).</p>
            <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('hospital.rbac.roles.index') }}" class="admin-btn-secondary">Cancel</a>
            </div>
        </form>
    </div>
@endsection