{{--
    v4.1.0 §C3 — Le JOURNAL des sept derniers jours, sous les tâches du collaborateur.

    La table au-dessus dit « ce qui vient » ; ce journal dit « ce qui a été fait ». Il est écrit par
    les gestes du collaborateur et par les affectations qu'il reçoit : personne ne rédige rien.
--}}
<div class="border-t border-gray-200 px-4 py-4 dark:border-white/10 sm:px-6">
    <h3 class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">
        Journal des {{ $jours }} derniers jours
    </h3>

    @if ($lignes->isEmpty())
        <p class="mt-2 text-sm italic text-gray-400 dark:text-gray-500">
            Aucun geste enregistré sur cette période.
        </p>
    @else
        <ul class="mt-2 space-y-1">
            @foreach ($lignes as $ligne)
                <li class="flex gap-3 text-xs">
                    <span class="w-28 shrink-0 tabular-nums text-gray-400">
                        {{ $ligne->fait_le->translatedFormat('D d/m H:i') }}
                    </span>
                    <span class="text-gray-700 dark:text-gray-300">{{ $ligne->ligne() }}</span>
                </li>
            @endforeach
        </ul>
    @endif
</div>