@php
    /**
     * AS LINHAS DE UMA TRANSFERÊNCIA na lista de Lançamentos — DUAS, não uma.
     *
     * Fica num arquivo próprio, e não num condicional gigante dentro da lista,
     * porque quase nada da linha de lançamento se aplica aqui: não tem
     * categoria e não tem baixa a dar — o dinheiro já se moveu quando alguém
     * registrou.
     *
     * UMA OU DUAS LINHAS, conforme o recorte — quem decide é
     * {@see \App\Models\FinancialTransfer::legs()}, e o porquê está lá.
     *
     * Em resumo: sem filtro de conta a transferência é uma linha neutra (o
     * ponto de vista da arena, de onde nada foi ganho nem perdido); com contas
     * marcadas, o leitor está no extrato DELAS e cada perna vira uma linha com
     * sinal e cor.
     *
     * As linhas dividem o MESMO modal de edição: são faces de um registro só, e
     * editar "a entrada" separado da "saída" não faz sentido — o valor é o
     * mesmo dos dois lados, por construção.
     */
    $legs = $transfer->legs($filters->bankAccountIds ?? []);
@endphp

@foreach ($legs as $leg)
    @php
        // "both" é a linha neutra do modo sem filtro: ela não é entrada nem
        // saída, e por isso não leva sinal nem cor no valor.
        $isNeutral = $leg['direction'] === 'both';
        $isIncome = $leg['direction'] !== 'out';
    @endphp

    <li class="list-group-item d-flex align-items-center gap-3">
        {{-- Ícone da OPERAÇÃO: verde para a perna que ENTROU, vermelho para a
             que SAIU — a mesma leitura do lançamento, que é o que torna a
             lista uniforme. A linha neutra fica verde, como sempre foi: o verde
             ali diz "nada de ruim aconteceu", não "entrou dinheiro". As duas
             setas dizem que não houve ganho nem perda, só troca de lugar. --}}
        <span class="d-inline-flex align-items-center justify-content-center rounded-circle flex-shrink-0
                     {{ $isIncome ? 'text-bg-success' : 'text-bg-danger' }}"
              style="width: 2.25rem; height: 2.25rem;">
            <i class="bi bi-arrow-down-up"></i>
        </span>

        {{-- O corpo é o gatilho da edição quando o usuário pode editar, e texto
             puro quando não pode — mesmo desenho da linha de lançamento, e pelo
             mesmo motivo (um lápis por linha competiria com o resto). --}}
        @can('update', $transfer)
            <button type="button"
                    class="flex-grow-1 text-truncate text-start btn btn-link p-0 text-decoration-none text-body"
                    data-bs-toggle="modal" data-bs-target="#financial-transfer-{{ $transfer->id }}"
                    aria-label="Editar {{ $transfer->description }}@if (! $isNeutral) — {{ $isIncome ? 'entrada em' : 'saída de' }} {{ $leg['accountLabel'] }}@endif">
        @else
            <span class="flex-grow-1 text-truncate">
        @endcan

            <span class="d-block text-truncate">{{ $transfer->description }}</span>

            {{-- A segunda linha repete as pontas em TEXTO. Não é redundância com
                 os ícones ao lado: eles são `d-none d-md-flex` e somem no
                 celular, que é justamente onde a lista é mais lida. --}}
            <span class="d-block small text-body-secondary text-truncate">{{ $transfer->subtitle() }}</span>

        @can('update', $transfer)
            </button>
        @else
            </span>
        @endcan

        {{-- AS DUAS PONTAS com o ícone do banco, montado pelo JS a partir do
             slug (ver resources/js/bank-icons.js). O par se repete nas duas
             pernas de propósito: cada linha continua respondendo "veio de onde,
             foi para onde" sem obrigar a cruzar com a linha vizinha. --}}
        <span class="cashflow-row__bank" title="{{ $transfer->subtitle() }}">
            <span data-bank-icon="{{ $transfer->fromIcon() }}" data-bank-size="24"></span>
            <i class="bi bi-arrow-right small"></i>
            <span data-bank-icon="{{ $transfer->toIcon() }}" data-bank-size="24"></span>
        </span>

        {{-- SINAL E COR SÓ NO MODO POR CONTA. Na linha neutra eles seriam
             falsos: a arena não ganhou nem perdeu nada, e pintar de verde ou
             vermelho faria a linha ser lida como receita ou despesa. Com contas
             marcadas o "−" deixa de ser uma perda da arena e passa a ser o que
             aconteceu NAQUELA CONTA — é assim que a linha se soma ao saldo
             dela. --}}
        <span class="cashflow-row__amount @unless ($isNeutral) {{ $isIncome ? 'text-success' : 'text-danger' }} @endunless">
            {{ $leg['sign'] }}{{ $transfer->formattedAmount() }}
        </span>

        {{-- O polegar aqui é INDICADOR, nunca botão: não existe "dar baixa" numa
             transferência. Ela é registrada depois de o dinheiro já ter se
             movido — não há um estado "em aberto" a resolver. Ocupa o mesmo
             lugar do polegar da linha de lançamento para as colunas não
             dançarem de linha em linha. --}}
        <i class="bi bi-hand-thumbs-up-fill text-success cashflow-row__thumb"
           title="Transferência registrada em {{ $transfer->transferred_on->format('d/m/Y') }}"></i>

        {{-- A exclusão foi para o rodapé do modal de edição, pelo mesmo motivo
             do lançamento: o "⋮" gastava uma coluna em toda linha para guardar
             uma ação rara. --}}
    </li>
@endforeach