{{-- AS AÇÕES DE UMA LINHA DE LISTAGEM: editar e apagar.

     UM PARTIAL E NÃO NOVE CÓPIAS. Planos, quadras, modalidades, categorias,
     contas, professores, clientes, usuários e perfis mostravam o mesmo par de
     botões escrito nove vezes — e um ajuste no rótulo, no ícone ou na
     confirmação exigia lembrar de todos os nove.

     DOIS FEITIOS, UMA LÓGICA SÓ.

       flutuante (padrão)  o menu abre ao passar o mouse sobre a linha
       inline ($inline)    o par de botões fica sempre visível na coluna

     A escolha é de cada listagem, não deste arquivo: em tabelas largas o menu
     flutuante limpa a tela, mas em tabelas curtas — planos, quadras,
     modalidades — esconder duas ações atrás de um gesto custa mais do que
     economiza. O que NÃO pode existir são dois arquivos: o formulário de
     exclusão, com CSRF e método DELETE, precisa ter um lugar só. Duplicá-lo
     seria a forma mais fácil de um dos dois ficar para trás numa correção.

     PARÂMETROS
       $editUrl     rota de edição, ou null quando não há (ou não pode)
       $editModal   id do modal de edição, para as telas que editam em modal;
                    usado no lugar de $editUrl
       $deleteUrl   rota de exclusão, ou null
       $label       o nome do item, para os textos de acessibilidade e confirmação
       $confirm     a pergunta da confirmação; sem ela, "Excluir <label>?"
       $extra       marcação opcional que entra ANTES de editar/apagar
       $inline      true para o par de botões sempre visível (veja acima)
       $anchor      seletor do elemento que dispara o menu ao ser apontado.
                    Sem ele, o JS sobe até o <tr> ou <li> mais próximo — o que
                    cobre as listagens em tabela e em lista, mas não as em card.
                    Ignorado quando $inline

     A EXCLUSÃO É SEMPRE UM <form> COM CSRF, nos dois feitios. Montá-lo em
     JavaScript deixaria a ação dependente de o script ter carregado; no modo
     flutuante o script só mostra e posiciona o que já é HTML. --}}
@php
    $editUrl ??= null;
    $editModal ??= null;
    $deleteUrl ??= null;
    $confirm ??= 'Excluir '.$label.'?';
    $extra ??= null;
    $anchor ??= null;
    $inline ??= false;
@endphp

@if ($editUrl || $editModal || $deleteUrl || $extra)
    @if ($inline)
        {{-- SEMPRE VISÍVEL. Só ícone, com `aria-label`: a coluna é estreita e o
             par lápis/lixeira se repete linha a linha, então o texto ao lado
             seria ruído. Quem usa leitor de tela recebe o nome do item pelo
             rótulo, que é onde ele faz falta. --}}
        <div class="d-inline-flex gap-1 align-items-center">
            {{ $extra }}

            @if ($editModal)
                <button type="button" class="btn btn-sm btn-outline-secondary"
                        data-bs-toggle="modal" data-bs-target="#{{ $editModal }}"
                        aria-label="Editar {{ $label }}">
                    <i class="bi bi-pencil"></i>
                </button>
            @elseif ($editUrl)
                <a href="{{ $editUrl }}" class="btn btn-sm btn-outline-secondary"
                   aria-label="Editar {{ $label }}">
                    <i class="bi bi-pencil"></i>
                </a>
            @endif

            @if ($deleteUrl)
                <form method="POST" action="{{ $deleteUrl }}" class="d-inline"
                      data-confirm="{{ $confirm }}" data-confirm-label="Excluir">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-sm btn-outline-danger"
                            aria-label="Excluir {{ $label }}">
                        <i class="bi bi-trash"></i>
                    </button>
                </form>
            @endif
        </div>
    @else
        <div class="hover-actions d-none" data-row-actions="{{ $anchor }}">
            {{ $extra }}

            @if ($editModal)
                <button type="button" class="hover-actions__item"
                        data-bs-toggle="modal" data-bs-target="#{{ $editModal }}">
                    <i class="bi bi-pencil"></i> Editar
                </button>
            @elseif ($editUrl)
                <a href="{{ $editUrl }}" class="hover-actions__item">
                    <i class="bi bi-pencil"></i> Editar
                </a>
            @endif

            @if ($deleteUrl)
                <form method="POST" action="{{ $deleteUrl }}"
                      data-confirm="{{ $confirm }}" data-confirm-label="Excluir">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="hover-actions__item hover-actions__item--danger">
                        <i class="bi bi-trash"></i> Apagar
                    </button>
                </form>
            @endif
        </div>
    @endif
@endif