@extends('layouts.app')
@section('title', 'Grupos de Acesso')
@section('page_title', 'Grupos de Acesso')
@section('page_subtitle', 'Gerencie os grupos de permissoes do sistema.')
@section('page_actions')
    <a class="button primary" href="{{ route('groups.create') }}">Novo grupo</a>
@endsection

@section('content')
<div class="panel">
    <div class="panel-header">
        <div><h2>Grupos cadastrados</h2><span>{{ $groups->count() }} grupo(s)</span></div>
    </div>
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Nome</th>
                    <th>Nivel</th>
                    <th>Escopo</th>
                    <th>Permissoes</th>
                    <th>Status</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($groups as $group)
                    <tr>
                        <td>
                            <div style="font-weight:600">{{ $group->name }}</div>
                            @if ($group->description)
                                <div style="font-size:12px;color:var(--muted)">{{ $group->description }}</div>
                            @endif
                        </td>
                        <td>
                            @php
                                $levelLabel = match (true) {
                                    $group->level <= 1  => 'Super Admin',
                                    $group->level <= 5  => 'Admin',
                                    $group->level <= 10 => 'Operacional',
                                    default             => 'Leitura',
                                };
                                $levelStyle = match (true) {
                                    $group->level <= 1  => 'danger',
                                    $group->level <= 5  => 'warn',
                                    default             => '',
                                };
                            @endphp
                            <span class="pill {{ $levelStyle }}" style="font-size:11px">{{ $levelLabel }} ({{ $group->level }})</span>
                        </td>
                        <td>
                            <span class="pill" style="font-size:11px">{{ $group->company_id ? 'Empresa' : 'Global' }}</span>
                        </td>
                        <td style="font-size:13px">{{ $group->permissions->count() }} permissao(oes)</td>
                        <td>
                            <span class="pill {{ $group->is_active ? 'ok' : '' }}" style="font-size:11px">
                                {{ $group->is_active ? 'Ativo' : 'Inativo' }}
                            </span>
                        </td>
                        <td>
                            <div class="inline-actions">
                                <a class="button" href="{{ route('groups.edit', $group) }}" style="font-size:12px;min-height:30px;padding:4px 10px">Editar</a>
                                <form method="POST" action="{{ route('groups.destroy', $group) }}"
                                      onsubmit="return confirm('Excluir grupo {{ addslashes($group->name) }}?')">
                                    @csrf @method('DELETE')
                                    <button class="button danger" type="submit" style="font-size:12px;min-height:30px;padding:4px 10px">Excluir</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6"><div class="empty">Nenhum grupo cadastrado.</div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection