@extends('layouts.app')
@section('title', 'Roles • Settings')

@section('content')
<div class="p-4 sm:p-6 lg:p-7">
  @include('settings.partials.header')
  @include('settings.partials.nav', ['activeTab' => 'roles'])

  <div class="dp mb-5">
    <p class="font-bold text-slate-900 mb-1">Roles &amp; permissions</p>
    <p class="text-slate-500 text-[12px] mb-4">Dach CMS uses a single <strong>role</strong> string per user for fast administration. The matrix below documents the recommended access pattern; granular RBAC can be activated later without changing this screen.</p>
    <div class="overflow-x-auto">
      <table class="min-w-[720px]">
        <thead>
          <tr>
            <th class="th">Role</th>
            @foreach($moduleLabels as $m)
              <th class="th text-center whitespace-nowrap">{{ str_replace('-', ' ', $m) }}</th>
            @endforeach
          </tr>
        </thead>
        <tbody>
          @foreach($roles as $role)
            <tr>
              <td class="td font-semibold text-slate-800">{{ $role }}</td>
              @foreach($moduleLabels as $m)
                <td class="td text-center text-slate-400 text-[11px]">Policy</td>
              @endforeach
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
    <p class="text-slate-500 text-[11px] mt-4">Actions reference: {{ implode(', ', $actions) }}. Super Admin and Managing Director should retain settings access.</p>
  </div>
</div>
@endsection