@extends('app-admin.layout')
@section('title','Access Matrix — Wavora Admin')
@section('page-title','Access Matrix')
@section('page-sub','Role-based access control per group')

@section('content')

@if(session('success'))
<div style="background:#d1fae5;border:1px solid #a7f3d0;border-radius:10px;padding:12px 14px;margin-bottom:16px;display:flex;gap:8px;align-items:center">
    <span class="ms" style="color:#059669">check_circle</span>
    <span style="font-size:13px;color:#065f46">{{ session('success') }}</span>
</div>
@endif

{{-- Group Tabs --}}
<div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px">
    @foreach($groups as $group)
    <a href="?group={{ $group->id }}"
        style="padding:7px 16px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);transition:.15s;
               background:{{ ($selectedGroup?->id===$group->id)?'var(--apple)':'var(--cloud)' }};
               color:{{ ($selectedGroup?->id===$group->id)?'#111':'var(--muted)' }}">
        {{ $group->name }}
    </a>
    @endforeach
</div>

@if($selectedGroup)
<form method="POST" action="{{ route('app-admin.access.matrix.update') }}">
@csrf
<input type="hidden" name="group_id" value="{{ $selectedGroup->id }}">

<div class="card">
    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px">
        <div>
            <div class="card-title" style="margin-bottom:2px;display:flex;align-items:center;gap:8px">
                <span class="ms" style="color:var(--blue)">shield_lock</span>
                Permissions for: <span style="color:var(--blue)">{{ $selectedGroup->name }}</span>
            </div>
            <div style="font-size:12px;color:var(--muted)">Toggle actions to allow or deny access for this group</div>
        </div>
        <button class="btn btn-apple" type="submit">
            <span class="ms">save</span> Save
        </button>
    </div>

    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th style="width:220px">Module</th>
                    @foreach($allActions as $act)
                    <th style="text-align:center">{{ $act['name'] }}</th>
                    @endforeach
                </tr>
            </thead>
            <tbody>
            @foreach($matrix as $row)
            <tr>
                <td>
                    <div style="font-weight:600;font-size:13px">{{ $row['module_name'] }}</div>
                    <div class="td-mono" style="font-size:11px">{{ $row['module_code'] }}</div>
                </td>
                @foreach($allActions as $act)
                @php
                    $action = $row['actions'][$act['code']] ?? null;
                @endphp
                <td style="text-align:center">
                    @if($action)
                    <label style="cursor:pointer;display:flex;justify-content:center">
                        <input type="checkbox"
                            name="permissions[{{ $action['module_action_id'] }}]"
                            value="1"
                            @checked($action['allowed'])
                            style="width:17px;height:17px;accent-color:#bfff5a">
                    </label>
                    @else
                    <span style="color:var(--muted);font-size:14px;opacity:0.3">—</span>
                    @endif
                </td>
                @endforeach
            </tr>
            @endforeach
            </tbody>
        </table>
    </div>

    <div style="margin-top:16px;padding-top:14px;border-top:1px solid var(--border);display:flex;gap:10px">
        <button class="btn btn-apple" type="submit">
            <span class="ms">save</span> Save Matrix
        </button>
        <a href="{{ route('app-admin.dashboard') }}" class="btn btn-ghost">Cancel</a>
    </div>
</div>
</form>
@else
<div class="card"><div class="empty"><span class="ms">group</span><p>No groups found. Seed the database first.</p></div></div>
@endif

@endsection