@extends('layouts.exat')
@section('title', 'Permissions par rôle')
@section('subtitle', 'Accès par module et par rôle')

@section('content')
<div class="mx-auto max-w-3xl space-y-4">
    <div class="mb-1"><a href="{{ route('utilisateurs.index') }}" class="inline-flex rounded-lg p-2 text-slate-500 hover:bg-slate-100" aria-label="Retour"><svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"/></svg></a></div>

    {{-- Choix du rôle --}}
    <form method="GET" class="rounded-xl bg-white p-4 ring-1 ring-slate-200">
        <label class="mb-1 block text-[11px] text-slate-400">Rôle</label>
        <select name="role" onchange="this.form.submit()" class="w-full rounded-lg border-slate-200 text-sm sm:w-72">
            @foreach($roles as $r)<option value="{{ $r->id }}" @selected($roleId === $r->id)>{{ $r->name }}</option>@endforeach
        </select>
    </form>

    {{-- Matrice --}}
    <form method="POST" action="{{ route('permissions.update') }}" class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
        @csrf @method('PUT')
        <input type="hidden" name="role_id" value="{{ $roleId }}">
        <div class="divide-y divide-slate-100">
            @foreach($modules as $m)
                @php $val = $acces[$m->id] ?? 0; @endphp
                <div class="flex items-center gap-3 py-2">
                    <div class="flex-1 text-sm text-slate-700">{{ $m->libelle }}</div>
                    <select name="acces[{{ $m->id }}]" class="rounded-lg border-slate-200 text-sm">
                        <option value="0" @selected($val == 0)>Aucun</option>
                        <option value="1" @selected($val == 1)>Lecture</option>
                        <option value="2" @selected($val == 2)>Écriture</option>
                    </select>
                </div>
            @endforeach
        </div>
        <div class="mt-4 flex justify-end"><button class="inline-flex h-10 items-center rounded-lg bg-emerald-600 px-4 text-sm font-medium text-white hover:bg-emerald-700">Enregistrer</button></div>
    </form>
    <p class="text-[11px] text-slate-400">Le rôle SUPERADMIN dispose d'un accès total quel que soit le réglage. Les accès d'un utilisateur peuvent surcharger ceux de son rôle depuis sa fiche.</p>
</div>
@endsection