{{--
    Grille annees x mois : une ligne par annee (la plus recente en haut), un
    mois par colonne, plus la case est foncee plus le volume est fort
    (HistoriqueParPeriode::grille). Styles dans css/commandes/historique-periodes.css.

    Sur l'historique et sur le tableau de bord : les deux doivent lire le
    meme chiffre, d'ou un seul dessin.

    Variables :
      - $grille  : HistoriqueParPeriode::grille() ;
      - $lien    : fn (array $params) => url, ou null pour une grille sans
                   liens (visiteur qui n'a pas acces a l'historique) ;
      - $periode : cle de la periode choisie ('2026-09'), optionnelle.
--}}
@php
    $periode ??= null;
    $maxGrille = max(1, ...collect($grille)->flatMap(fn ($a) => $a['mois'])->filter()->all() ?: [1]);
    $nombreGrille = fn ($n) => number_format((int) $n, 0, ',', ' ');
@endphp

<div class="table-responsive">
    <table class="table table-sm arr-grille mb-0 no-cards">
        <thead>
            <tr>
                <th></th>
                @for ($m = 1; $m <= 12; $m++)
                    <th class="text-center">{{ ucfirst(\Illuminate\Support\Carbon::create(2000, $m, 1)->locale(app()->getLocale())->isoFormat('MMM')) }}</th>
                @endfor
                <th class="text-end">{{ __('Total') }}</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($grille as $a => $ligne)
                <tr>
                    <th scope="row" class="text-muted fw-normal">{{ $a }}</th>
                    @foreach ($ligne['mois'] as $m => $n)
                        @php
                            $cle = sprintf('%d-%02d', $a, $m);
                            $intensite = $n ? round($n / $maxGrille * .85 + .1, 2) : 0;
                            $classes = trim(($periode === $cle ? 'arr-choisie ' : '') . ($intensite > .55 ? 'arr-case-fonce' : ''));
                            $infobulle = ucfirst(\Illuminate\Support\Carbon::create($a, $m, 1)->locale(app()->getLocale())->isoFormat('MMMM YYYY')) . ' : ' . $nombreGrille($n);
                        @endphp
                        <td class="text-center p-1">
                            @if ($n === null)
                                <span class="text-muted">·</span>
                            @elseif ($lien)
                                <a href="{{ $lien(['echelle' => 'mois', 'annee' => $a, 'periode' => $cle]) }}#periode-liste"
                                    class="arr-case {{ $classes }}" style="--arr-intensite: {{ $intensite }}"
                                    title="{{ $infobulle }}">{{ $n ?: '' }}</a>
                            @else
                                <span class="arr-case {{ $classes }}" style="--arr-intensite: {{ $intensite }}"
                                    title="{{ $infobulle }}">{{ $n ?: '' }}</span>
                            @endif
                        </td>
                    @endforeach
                    <td class="text-end fw-semibold">
                        @if ($lien)
                            <a href="{{ $lien(['echelle' => 'annee', 'annee' => null, 'periode' => (string) $a]) }}#periode-liste" class="text-reset">{{ $nombreGrille($ligne['total']) }}</a>
                        @else
                            {{ $nombreGrille($ligne['total']) }}
                        @endif
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>