@props(['riwayat'])
@if ($riwayat->isEmpty())
    <x-kosong judul="Belum ada riwayat" ikon="fa-timeline" />
@else
    <ul class="timeline-ss">
        @foreach ($riwayat as $r)
            @php($t = $r->tampilan())
            <li>
                <span class="titik ikon-{{ $t['warna'] }}"><i class="fas {{ $t['ikon'] }}"></i></span>
                <div class="d-flex justify-content-between flex-wrap" style="gap:.25rem .75rem">
                    <span class="judul">{{ $t['label'] }}</span>
                    @if ($r->statusBaru){{ \App\Support\Tampilan::badge($r->statusBaru) }}@endif
                </div>
                <div class="meta">
                    <i class="far fa-clock"></i> {{ $r->created_at->translatedFormat('d M Y, H:i') }}
                    · <i class="far fa-user"></i> {{ $r->pengguna?->nama ?? 'Sistem' }}
                </div>
                @if ($r->keterangan)<div class="keterangan">{{ $r->keterangan }}</div>@endif
            </li>
        @endforeach
    </ul>
@endif