@extends('layouts.admin')
@section('title', 'Permission matrix')
@section('content')
@php
    $selected = collect(old('permission_ids', $assignedIds ?? []))->map(fn ($id) => (int) $id);
@endphp
<x-admin.page
    title="Permission matrix — {{ $role->name }}"
    subtitle="Compact view of every permission group for this role. Same data as Edit & permissions."
>
    <x-slot:actions>
        <a href="{{ route('admin.roles.edit', $role) }}" class="admin-btn admin-btn-primary">Full editor</a>
        <a href="{{ route('admin.roles.index') }}" class="admin-btn">All roles</a>
    </x-slot:actions>

    @if(session('status'))
        <div class="mb-4 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900">{{ session('status') }}</div>
    @endif
    @if(session('warning') || !empty($sodWarning))
        <div class="mb-4 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-950">
            {{ session('warning') ?? 'Separation of duties: finance.refund and finance.approve are both assigned.' }}
        </div>
    @endif

    <form method="post" action="{{ route('admin.roles.matrix.update', $role) }}" class="space-y-5">
        @csrf @method('PUT')
        @foreach($permissions as $group => $items)
            <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                <h2 class="text-sm font-semibold capitalize">{{ str_replace(['_', '-'], ' ', $group ?: 'general') }}</h2>
                <div class="mt-3 grid gap-2 sm:grid-cols-2 lg:grid-cols-3">
                    @foreach($items as $permission)
                        <label class="flex items-start gap-2 text-sm">
                            <input class="mt-0.5" type="checkbox" name="permission_ids[]" value="{{ $permission->id }}" @checked($selected->contains((int) $permission->id))>
                            <span>
                                <span class="block font-medium">{{ $permission->name }}</span>
                                <span class="block font-mono text-[11px] text-[#8c9196]">{{ $permission->slug }}</span>
                            </span>
                        </label>
                    @endforeach
                </div>
            </section>
        @endforeach
        <button class="admin-btn admin-btn-primary" type="submit">Save matrix</button>
    </form>
</x-admin.page>
@endsection