{{-- Aba Programas: mesma disposição da aba Projetos (total/per página | ações; busca acima da tabela) --}}
@php
    $ppModuleRoute = $ppModuleRoute ?? 'admin.projetosProgramas.index';
    $tk = $ppTabQueryKey ?? 'tab';
    $permissionDetails = auth()->user()?->getPermissaoDetalhes('GERENCIADOR_DE_PROJETOS_E_PROGRAMAS');
    $canAdd = (bool) ($permissionDetails['adicionar'] ?? false);
    $canEditPrograma = (bool) ($permissionDetails['editar'] ?? false);
    $ppProgramaCancelQuery = array_merge(request()->except(['pp_programa']), [$tk => 'programas']);
@endphp

@if(!empty($ppProgramaForm) && empty($painelDashboard))
    <div class="card shadow-sm mb-3" id="pp-programa-form-card">
        <div class="card-header d-flex flex-wrap justify-content-between align-items-center gap-2">
            <h5 class="mb-0">
                {{ $ppProgramaForm['mode'] === 'create' ? __('Novo Programa') : __('Editar Programa') }}
            </h5>
            <a href="{{ route($ppModuleRoute, $ppProgramaCancelQuery) }}" class="btn btn-outline-secondary btn-sm">
                {{ __('Cancelar') }}
            </a>
        </div>
        <div class="card-body text-start">
            @include('errors.messageFlash')
            <form method="post"
                action="{{ $ppProgramaForm['mode'] === 'create' ? route('admin.projetosProgramas.programas.store') : route('admin.projetosProgramas.programas.update', $ppProgramaForm['programa']->id) }}"
                class="text-start">
                @csrf
                @if($ppProgramaForm['mode'] === 'edit')
                    @method('PUT')
                @endif
                @include('admin.projetosProgramas.programas._form', [
                    'programa' => $ppProgramaForm['programa'],
                    'ppCodigoFormFieldId' => 'pp_programa_codigo',
                    'ppFormFieldId' => 'pp_programa_nome',
                ])
            </form>
        </div>
    </div>
@endif

{{-- Form oculto: enviado pela busca com debounce (parâmetros GET preservados) --}}
<form method="get" action="{{ route($ppModuleRoute) }}" id="ppProgramasQueryForm" class="d-none" aria-hidden="true">
    <input type="hidden" name="{{ $tk }}" value="programas">
    @foreach(request()->except([$tk, 'search_programas', 'page_programas', 'pp_programa']) as $key => $value)
        @if(is_array($value))
            @foreach($value as $v)
                <input type="hidden" name="{{ $key }}[]" value="{{ $v }}">
            @endforeach
        @else
            <input type="hidden" name="{{ $key }}" value="{{ $value }}">
        @endif
    @endforeach
    <input type="hidden" name="search_programas" id="searchHiddenProgramas" value="{{ request('search_programas') }}">
</form>

<div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-2">
    <div class="d-flex flex-wrap align-items-center gap-3">
        <div class="small text-muted mb-0">
            <strong>{{ __('Total') }}:</strong> {{ $programas->total() }} {{ __('registro(s)') }}
            @if($programas->total())
                <span class="ms-2">| {{ __('Exibindo') }} {{ $programas->firstItem() }}-{{ $programas->lastItem() }}</span>
            @endif
        </div>
        <form method="get" action="{{ route($ppModuleRoute) }}" class="d-flex align-items-center gap-1 flex-wrap mb-0" id="pp-per-page-programas-form">
            <input type="hidden" name="{{ $tk }}" value="programas">
            @foreach(request()->except([$tk, 'per_page_programas', 'page_programas', 'pp_programa']) as $key => $value)
                @if(is_array($value))
                    @foreach($value as $v)
                        <input type="hidden" name="{{ $key }}[]" value="{{ $v }}">
                    @endforeach
                @else
                    <input type="hidden" name="{{ $key }}" value="{{ $value }}">
                @endif
            @endforeach
            <label class="form-label small mb-0 text-muted" for="pp_per_page_programas_inline">{{ __('Por página') }}:</label>
            <select name="per_page_programas" id="pp_per_page_programas_inline" class="form-select form-select-sm w-auto"
                onchange="this.form.submit()" aria-label="{{ __('Registros por página') }}">
                @foreach($perPageOptions as $option)
                    <option value="{{ $option }}" {{ $currentPerPageProgramas == $option ? 'selected' : '' }}>{{ $option }}</option>
                @endforeach
            </select>
        </form>
    </div>
    <div class="d-flex flex-wrap justify-content-end align-items-center gap-2" role="toolbar"
        aria-label="{{ __('Ações da listagem de programas') }}">
        @if($canAdd && empty($painelDashboard))
            <a href="{{ route($ppModuleRoute, array_merge(request()->query(), [$tk => 'programas', 'pp_programa' => 'novo'])) }}"
                class="btn btn-primary btn-sm">
                <i class="fa fa-plus me-1" aria-hidden="true"></i> {{ __('Novo Programa') }}
            </a>
        @endif
        <a href="{{ route($ppModuleRoute, array_merge(request()->except(['search_programas', 'page_programas', 'pp_programa']), [$tk => 'programas'])) }}"
            class="btn btn-outline-secondary btn-sm">
            <i class="fa fa-eraser me-1" aria-hidden="true"></i> {{ __('Limpar') }}
        </a>
    </div>
</div>

<div class="row g-2 mb-2">
    <div class="col-md-12">
        <label class="form-label small" for="searchInputProgramas">{{ __('Buscar') }}</label>
        <div class="input-group input-group-sm">
            <input type="text" id="searchInputProgramas" class="form-control" autocomplete="off"
                placeholder="{{ __('Buscar por código ou nome do programa') }}"
                value="{{ request('search_programas') }}"
                aria-describedby="searchInputProgramasHelp">
            <button class="btn btn-outline-secondary" type="button" id="clearSearchProgramas" title="{{ __('Limpar busca') }}">
                <i class="fa fa-times" aria-hidden="true"></i>
            </button>
        </div>
        <span id="searchInputProgramasHelp" class="visually-hidden">{{ __('Busca por nome; a lista atualiza após digitar.') }}</span>
    </div>
</div>

<div class="table-responsive">
    <table class="table table-sm table-striped table-hover table-bordered mb-2 align-middle">
        <thead class="table-light">
            <tr>
                <th style="width:5%" class="text-center align-middle">#</th>
                <th style="width:12%" class="text-center align-middle">{{ __('Código') }}</th>
                <th class="text-center align-middle">{{ __('Nome do programa') }}</th>
                @if(empty($painelDashboard))
                    <th style="width:12%" class="text-center align-middle">{{ __('Criado em') }}</th>
                    <th style="width:12%" class="text-center align-middle">{{ __('Atualizado em') }}</th>
                    <th style="width:18%" class="text-center align-middle">{{ __('Ações') }}</th>
                @endif
            </tr>
        </thead>
        <tbody>
            @php $index = $programas->firstItem(); @endphp
            @forelse($programas as $programa)
                <tr>
                    <td class="small text-center align-middle">{{ $index }}</td>
                    <td class="small text-center align-middle font-monospace">{{ $programa->codigo ?: '—' }}</td>
                    <td class="small text-center align-middle">{{ $programa->nome }}</td>
                    @if(empty($painelDashboard))
                        <td class="small text-center align-middle">{{ optional($programa->created_at)->format('d/m/Y H:i') }}</td>
                        <td class="small text-center align-middle">{{ optional($programa->updated_at)->format('d/m/Y H:i') }}</td>
                        <td class="text-center align-middle">
                            <div class="d-flex justify-content-center gap-2">
                                @if($canEditPrograma)
                                    <a href="{{ route($ppModuleRoute, array_merge(request()->query(), [$tk => 'programas', 'pp_programa' => $programa->id])) }}"
                                        class="btn btn-sm btn-warning" title="{{ __('Editar') }}">
                                        <i class="fa-solid fa-pen-to-square" aria-hidden="true"></i>
                                    </a>
                                @endif
                                @include('components.buttons._deleteButton', [
                                    'message' => __('* Este programa será excluído e esta ação não poderá ser desfeita, deseja continuar?'),
                                    'route' => 'admin.projetosProgramas.programas.destroy',
                                    'id' => $programa->id,
                                    'title' => __('Excluir'),
                                    'fontawesome' => null,
                                    'permission' => 'GERENCIADOR_DE_PROJETOS_E_PROGRAMAS',
                                ])
                            </div>
                        </td>
                    @endif
                </tr>
                @php $index++; @endphp
            @empty
                <tr>
                    <td colspan="{{ empty($painelDashboard) ? 6 : 3 }}" class="text-center text-muted py-3">
                        {{ __('Nenhum programa cadastrado.') }}
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="d-flex justify-content-center">
    {{ $programas->links('pagination::bootstrap-4') }}
</div>