@if(empty($insights['activity_timeline']))
    <p class="text-muted mb-0">No activity recorded for this farmer yet.</p>
@else
    <x-chm.form-section title="Recent activity" description="GRN deliveries, advances and payment vouchers in chronological order." icon="bx bx-history" :collapsible="false">
        <ul class="chm-profile-timeline mb-0">
            @foreach($insights['activity_timeline'] as $event)
                <li class="chm-profile-timeline-item">
                    <span class="chm-profile-timeline-dot bg-{{ $event['color'] }}">
                        <i class="bx {{ $event['icon'] }}"></i>
                    </span>
                    <div class="chm-profile-timeline-body">
                        <div class="d-flex flex-wrap justify-content-between gap-2">
                            <strong>
                                @if(!empty($event['link']))
                                    <a href="{{ $event['link'] }}" class="text-decoration-none">{{ $event['title'] }}</a>
                                @else
                                    {{ $event['title'] }}
                                @endif
                            </strong>
                            <span class="text-muted small">{{ $event['date']?->format('M j, Y') ?? '—' }}</span>
                        </div>
                        <p class="text-muted small mb-0">{{ $event['detail'] }}</p>
                    </div>
                </li>
            @endforeach
        </ul>
    </x-chm.form-section>
@endif