@extends('layouts.admin')
@section('title', __('Permissions'))
@section('content')
<h1 class="mb-2 text-2xl font-extrabold text-primary">{{ __('Permissions') }}</h1>
<p class="mb-6 rounded-2xl bg-surface-mid px-5 py-3 text-sm text-on-surface-variant">{{ __('This grid is a record of who should be allowed what. The admin menu itself is controlled by the role (Staff sees orders and stock; Admin sees everything).') }}</p>
<form method="POST" action="{{ route('admin.permissions.save') }}">@csrf @method('PUT')
<div class="overflow-x-auto rounded-[28px] border border-surface-variant bg-white">
    <table class="w-full text-left text-sm">
        <thead class="bg-surface-mid text-on-surface-variant"><tr><th class="p-4">{{ __('Permission') }}</th>@foreach ($m['roles'] as $r)<th class="p-4 text-center">{{ __(ucwords(str_replace('_', ' ', $r->name))) }}</th>@endforeach</tr></thead>
        <tbody>@forelse ($m['permissions'] as $p)
            <tr class="border-t border-surface-variant"><td class="p-4 font-bold text-primary">{{ $p->name }}</td>
            @foreach ($m['roles'] as $r)<td class="p-4 text-center"><label class="sr-only" for="g{{ $r->id }}-{{ $p->id }}">{{ $p->name }} / {{ $r->name }}</label><input id="g{{ $r->id }}-{{ $p->id }}" type="checkbox" name="grant[{{ $r->id }}][{{ $p->id }}]" value="1" @checked(isset($m['granted'][$r->id.':'.$p->id])) class="h-5 w-5 rounded"></td>@endforeach</tr>
        @empty<tr><td class="p-6 text-on-surface-variant" colspan="{{ count($m['roles']) + 1 }}">{{ __('No permissions are defined yet.') }}</td></tr>@endforelse</tbody>
    </table>
</div>
@if ($m['permissions'])<div class="mt-4"><x-btn type="submit">{{ __('Save permissions') }}</x-btn></div>@endif
</form>
@endsection