@php
    $action  = isset($group) && $group?->exists ? route('groups.update', $group) : route('groups.store');
    $method  = isset($group) && $group?->exists ? 'PUT' : 'POST';
@endphp

<form method="POST" action="{{ $action }}">
    @csrf
    @if ($method === 'PUT') @method('PUT') @endif

    <div class="panel">
        <div class="panel-header"><div><h2>Dados do grupo</h2></div></div>

        <div class="settings-group">
            <div class="form-grid" style="padding:0">
                <div class="form-field">
                    <label>Nome</label>
                    <input name="name" value="{{ old('name', $group?->name) }}" maxlength="80" required>
                    @error('name') <div class="error">{{ $message }}</div> @enderror
                </div>
                <div class="form-field">
                    <label>Nivel hierarquico</label>
                    <select name="level" required>
                        <option value="1"  @selected((int)old('level',$group?->level)===1)>1 — Super Admin</option>
                        <option value="5"  @selected((int)old('level',$group?->level)===5)>5 — Administrador</option>
                        <option value="10" @selected((int)old('level',$group?->level??10)===10)>10 — Operacional</option>
                        <option value="20" @selected((int)old('level',$group?->level)===20)>20 — Somente leitura</option>
                    </select>
                </div>
                <div class="form-field full">
                    <label>Descricao</label>
                    <input name="description" value="{{ old('description', $group?->description) }}" maxlength="255">
                </div>
                @if ($group?->exists)
                <div class="form-field">
                    <label>Status</label>
                    <select name="is_active">
                        <option value="1" @selected($group->is_active)>Ativo</option>
                        <option value="0" @selected(!$group->is_active)>Inativo</option>
                    </select>
                </div>
                @endif
            </div>
        </div>
    </div>

    <div class="panel">
        <div class="panel-header"><div><h2>Menus liberados</h2><span>Quais menus este grupo pode visualizar.</span></div></div>
        <div class="settings-group">
            <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px">
                @foreach ($menus as $code => $label)
                    <label style="display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer">
                        <input type="checkbox" name="menus[]" value="{{ $code }}"
                               @checked(in_array($code, $selectedMenus ?? []))>
                        {{ $label }}
                    </label>
                @endforeach
            </div>
        </div>
    </div>

    <div class="panel">
        <div class="panel-header"><div><h2>Permissoes</h2><span>Acoes que este grupo pode executar.</span></div></div>
        <div class="settings-group">
            @php $byResource = $permissions->groupBy('resource'); @endphp
            @foreach ($byResource as $resource => $perms)
                <div style="margin-bottom:16px">
                    <div style="font-weight:700;font-size:13px;text-transform:uppercase;color:var(--muted);margin-bottom:6px">{{ $resource }}</div>
                    <div style="display:flex;flex-wrap:wrap;gap:8px">
                        @foreach ($perms as $perm)
                            <label style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 10px">
                                <input type="checkbox" name="permission_ids[]" value="{{ $perm->id }}"
                                       @checked(in_array($perm->id, $selectedPerms ?? []))>
                                {{ \App\Models\Permission::ACTIONS[$perm->action] ?? $perm->action }}
                            </label>
                        @endforeach
                    </div>
                </div>
            @endforeach
        </div>
    </div>

    <div class="form-actions" style="padding:0">
        <a class="button" href="{{ route('groups.index') }}">Cancelar</a>
        <button class="button primary" type="submit">Salvar grupo</button>
    </div>
</form>