{{-- v1.16.0 §D2 — « Tout l'historique » : les événements des clients du cabinet, du plus récent au plus ancien. --}}
<x-portail.cabinet titre="Historique" actif="accueil">
    <div class="pt-head">
        <div>
            <h1 class="pt-h1">Tout l'historique</h1>
            <p class="pt-lead">Ce qui est arrivé à vos clients chez MOBDIE.</p>
        </div>
        <div class="actions"><a href="{{ route('portail.cabinet.accueil') }}" class="pt-btn o">Retour à l'accueil</a></div>
    </div>

    <section class="pt-lines" aria-label="Historique">
        @forelse ($evenements as $e)
            <div class="pt-line">
                <span class="pt-ic {{ $e['ton'] }}"><x-portail.icone :nom="$e['icone']"/></span>
                <div class="grow">
                    <div class="tt">{{ $e['titre'] }}</div>
                    <div @class(['dd', 'r' => $e['ton'] === 'r'])>{{ $e['texte'] }}</div>
                </div>
                <span class="end">
                    <span class="pt-small pt-muted">{{ $e['date']->format('d/m/Y') }}</span>
                    <a href="{{ $e['lien'] }}" class="pt-btn o sm act">{{ $e['geste'] }}</a>
                </span>
            </div>
        @empty
            <div class="pt-line"><div class="dd">Rien pour le moment.</div></div>
        @endforelse
    </section>
    <div>{{ $evenements->links('portail.partiels.pagination') }}</div>
</x-portail.cabinet>