{{-- v4.22.0 §C — LA LIGNE DENSE GÉNÉRIQUE, ÉPURÉE : le rendu MOBILE d'une table à colonnes.

     Même refonte que la carte des AO, même raison. La v4.21.0 §C1 avait remplacé les sept
     colonnes empilées d'une opération (522 px !) par un bloc à deux niveaux ; c'était lisible, et
     ça n'était pas beau. La maquette validée range tout sur UNE rangée :

      - à gauche, une pastille ronde qui porte le SENS — flèche qui descend pour une entrée,
        flèche qui monte pour une sortie. C'est elle qui permet de parcourir une file
        d'opérations sans lire un seul montant ;
      - au centre, le libellé et, dessous, une ligne de méta discrète (pour Opérations : la date,
        la catégorie, le compte, le marché) ;
      - à droite, le montant coloré selon le sens, et l'état sous lui.

     Rendu par une COLONNE, pas par un composant de disposition : la table reste une table, et le
     tableau du bureau ne bouge pas. C'est `hiddenFrom('sm')` sur ce bloc, et `visibleFrom('sm')`
     sur les colonnes historiques, qui décident laquelle des deux vues se montre.

     Rien n'est calculé ici : {@see \App\Filament\Support\Tables\BlocDense} répond.

     ⚠️ Aucun `<a>` ici : quand la table porte un `recordUrl`, Filament enveloppe le contenu de la
     cellule dans le lien de la fiche, et un lien dans un lien fait refermer le premier par
     l'analyseur du navigateur. --}}
@php
    $icone = $column->getIconePastille();
    $initiale = $column->getInitialePastille();
    $tonPastille = $column->getTonPastille();
    $sousTitre = $column->getSousTitre();
    $titre = $column->getTitre();
    $metas = $column->getMetas();
    $valeur = $column->getValeur();
    $tonValeur = $column->getTonValeur();
    $etat = $column->getEtat();
    $tonEtat = $column->getTonEtat();
@endphp

<div class="{{ \App\Filament\Support\Tables\BlocDense::CLASSE }}">
    @if (filled($icone) || filled($initiale))
        <span @class(['bd-rond', 'bd-rond--'.$tonPastille => filled($tonPastille)]) aria-hidden="true">
            @if (filled($icone))
                @svg($icone, 'bd-rond-icone')
            @else
                {{ $initiale }}
            @endif
        </span>
    @endif

    <div class="bd-corps">
        <span class="bd-titre">{{ $titre ?? '—' }}</span>

        {{-- La ligne de méta : le repère de tête ouvre, les entrées suivent, séparées par des
             points posés en `::before` — donc hors du document, hors de la sélection et hors de
             ce qu'un lecteur d'écran annonce. --}}
        @if (filled($sousTitre) || filled($metas))
            <span class="bd-meta">
                @if (filled($sousTitre))
                    <span class="bd-repere">{{ $sousTitre }}</span>
                @endif

                @foreach ($metas as $meta)
                    <span @class(['bd-item', 'bd-item--'.$meta['ton'] => filled($meta['ton']), 'bd-sec' => $meta['secondaire']])>@if (filled($meta['libelle']))<span class="bd-k">{{ $meta['libelle'] }}&nbsp;:</span> @endif{{ $meta['texte'] }}</span>
                @endforeach
            </span>
        @endif
    </div>

    @if (filled($valeur) || filled($etat))
        <span class="bd-droite">
            @if (filled($valeur))
                <span @class(['bd-valeur', 'bd-valeur--'.$tonValeur => filled($tonValeur)])>{{ $valeur }}</span>
            @endif

            @if (filled($etat))
                <span @class(['bd-etat', 'bd-etat--'.$tonEtat => filled($tonEtat)])>{{ $etat }}</span>
            @endif
        </span>
    @endif
</div>