{{-- O RESULTADO DA BUSCA, ISOLADO DO RESTO DA PÁGINA.

     É um partial e não parte do index porque a busca ao vivo troca exatamente
     este pedaço: o live-search.js pede a mesma URL com o cabeçalho de AJAX, o
     controller devolve só este arquivo (sem layout) e o JS joga o HTML no
     lugar. Um trecho só, renderizado pelo mesmo Blade nos dois caminhos — a
     alternativa seria devolver JSON e remontar a tabela em JavaScript, o que
     duplicaria em JS toda a formatação que já existe aqui.

     TUDO O QUE MUDA COM O FILTRO PRECISA ESTAR AQUI DENTRO, inclusive a
     paginação: ela some quando a busca devolve uma página só, e se ficasse
     fora continuaria na tela apontando para resultados que não existem mais. --}}
<div class="card">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead>
                <tr>
                    <th scope="col">Arena</th>
                    <th scope="col">Documento</th>
                    <th scope="col">Usuários</th>
                    <th scope="col">Situação</th>
                    <th scope="col">Expira em</th>
                    <th scope="col">Cadastro</th>
                    <th scope="col"><span class="visually-hidden">Ações</span></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($organizations as $organization)
                    <tr>
                        {{-- Nome sem link: "Visualizar" já está na coluna de
                             ações. Dois caminhos para a mesma tela obrigam o
                             usuário a decidir qual usar, e o link no nome
                             ainda competia com a leitura da tabela. --}}
                        <td>
                            {{ $organization->name }}
                            <div class="text-body-secondary small">{{ $organization->email }}</div>
                        </td>
                        <td class="text-body-secondary">
                            {{ $organization->formattedDocument() }}
                            <div class="small">{{ $organization->document_type?->label() }}</div>
                        </td>
                        <td>{{ $organization->users_count }}</td>
                        {{-- Situação como toggle: liga/desliga salva na hora.
                             Não há payload — a intenção está na própria URL,
                             então o form aponta para suspend ou reactivate
                             conforme o estado atual, reaproveitando as rotas
                             já usadas na tela de detalhe.

                             O `data-confirm` só entra ao SUSPENDER, que é o
                             lado destrutivo (derruba todos os usuários da
                             arena). Reativar é inofensivo e vai direto.

                             O envio fica a cargo de status-switch.js, não de
                             um `onchange` inline: `form.submit()` nativo pula
                             o modal de confirmação. Veja o módulo. --}}
                        <td>
                            <form method="POST"
                                  action="{{ $organization->active
                                      ? route('platform.organizations.suspend', $organization)
                                      : route('platform.organizations.activate', $organization) }}"
                                  class="form-check form-switch mb-0"
                                  @if ($organization->active)
                                      data-confirm="Suspender {{ $organization->name }}? Todos os usuários dela perderão o acesso."
                                      data-confirm-label="Suspender"
                                  @endif>
                                @csrf
                                <input class="form-check-input" type="checkbox" role="switch"
                                       data-status-switch
                                       @checked($organization->active)
                                       aria-label="Situação de {{ $organization->name }}">
                                <span class="form-check-label small {{ $organization->active ? 'text-success' : 'text-danger' }}">
                                    {{ $organization->active ? 'Ativa' : 'Suspensa' }}
                                </span>
                            </form>
                        </td>
                        {{-- O vencido ganha destaque mas NÃO muda nada no
                             acesso: nada bloqueia por expiração ainda. O
                             badge é o aviso ao operador de que aquela arena
                             precisa de renovação — evita que a coluna vire
                             uma data que ninguém olha. --}}
                        <td class="text-nowrap">
                            {{ $organization->expires_at->format('d/m/Y') }}
                            @if ($organization->hasExpired())
                                <span class="badge text-bg-warning ms-1">Vencida</span>
                            @endif
                        </td>

                        <td class="text-body-secondary">{{ $organization->created_at->format('d/m/Y') }}</td>

                        {{-- AÇÕES SEMPRE VISÍVEIS ($inline), não no menu que
                             abria ao passar o mouse: o gesto escondia as três
                             ações da linha e não existe em toque nem no
                             teclado. Mesma decisão já tomada em courts/index.

                             O TOGGLE DE SITUAÇÃO CONTINUA FORA DAQUI. Ele é o
                             ESTADO da arena, que a coluna existe para mostrar
                             de relance na tabela inteira.

                             "Visualizar" e "Administrar" vêm pelo slot $extra
                             porque o partial só prevê editar e apagar — nas
                             demais listagens não há tela de detalhe nem
                             entrada de suporte, aqui há. Como feitio inline,
                             usam a mesma classe de botão que o lápis e a
                             lixeira, com o nome da arena no `aria-label` já
                             que só o ícone aparece.

                             O slot recebe uma VIEW renderizada e não uma
                             string concatenada: "Administrar" é um POST com
                             CSRF, e montar um formulário por concatenação é
                             como o token acaba esquecido numa alteração. --}}
                        <td class="text-end text-nowrap">
                            @include('partials.row-actions', [
                                'label' => $organization->name,
                                'inline' => true,
                                'editUrl' => route('platform.organizations.edit', $organization),
                                'deleteUrl' => route('platform.organizations.destroy', $organization),
                                'confirm' => 'Remover '.$organization->name.'? A arena sai da plataforma e todos os usuários dela perdem o acesso. Os dados são preservados e a remoção pode ser desfeita pelo suporte.',
                                'extra' => new Illuminate\Support\HtmlString(
                                    view('platform.organizations._row-extra', ['organization' => $organization])->render()
                                ),
                            ])
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center text-body-secondary py-4">
                            Nenhuma arena encontrada.
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

{{-- A CONTAGEM É SEMPRE VISÍVEL, os controles nem sempre.

     O `links()` do Laravel não renderiza nada quando só existe uma página — o
     que é razoável, mas deixa a tela sem dizer quantas arenas existem nem
     quantas o filtro devolveu. Com poucos registros parecia que não havia
     paginação alguma.

     `data-live-search-page` marca a região cujos links o live-search.js deve
     interceptar. O escopo é estreito de propósito: dentro do container de
     resultados também estão "Visualizar" e "Editar" de cada linha, e capturar
     todo <a> transformaria a navegação para o detalhe da arena numa troca de
     tabela. --}}
<div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mt-3"
     data-live-search-page>
    <p class="text-body-secondary small mb-0">
        @if ($organizations->total() === 0)
            Nenhuma arena encontrada.
        @else
            {{-- Numa linha só de propósito: quebrar a frase no Blade insere
                 quebras e indentação no meio do texto renderizado. --}}
            Mostrando {{ $organizations->firstItem() }}–{{ $organizations->lastItem() }} de {{ $organizations->total() }} {{ $organizations->total() === 1 ? 'arena' : 'arenas' }}.
        @endif
    </p>

    {{ $organizations->links() }}
</div>