@if($activities->isEmpty())
    <x-chm.empty-state
        icon="bx bx-history"
        title="No progress updates yet"
        message="Status changes and field updates will appear here as they are recorded."
    />
@else
    <div class="chm-child-timeline">
        @foreach($activities as $act)
            @if($act['type'] === 'status')
                @php $log = $act['item']; @endphp
                <div class="chm-child-timeline-item chm-child-timeline-status">
                    <div class="chm-child-timeline-marker"><i class="bx bx-transfer"></i></div>
                    <div class="chm-child-timeline-card">
                        <div class="d-flex justify-content-between align-items-start gap-2 mb-2">
                            <div>
                                <span class="chm-child-timeline-badge">Status change</span>
                                <time class="small text-muted d-block">{{ $log->created_at->format('M j, Y') }}</time>
                            </div>
                        </div>
                        @if($log->reason_of_death)
                            <p class="mb-0"><strong>Death recorded:</strong> {{ $log->reason_of_death }}</p>
                        @elseif($log->reason_of_termination)
                            <p class="mb-0"><strong>Termination:</strong> {{ $log->reason_of_termination }}</p>
                        @elseif($log->reason_of_registration_cancel)
                            <p class="mb-0"><strong>Registration cancelled:</strong> {{ $log->reason_of_registration_cancel }}</p>
                        @else
                            <p class="mb-0"><strong>Changed to:</strong> {{ $log->status->status_name ?? 'Updated status' }}</p>
                        @endif
                    </div>
                </div>
            @else
                @php $upd = $act['item']; @endphp
                <div class="chm-child-timeline-item chm-child-timeline-update">
                    <div class="chm-child-timeline-marker"><i class="bx bx-edit"></i></div>
                    <div class="chm-child-timeline-card">
                        <div class="d-flex justify-content-between align-items-start gap-2 mb-2">
                            <div>
                                <span class="chm-child-timeline-badge">Field update</span>
                                <time class="small text-muted d-block">{{ $upd->created_at->format('M j, Y') }}</time>
                            </div>
                            @can('child_update.edit')
                                <a href="{{ route('edit.child.update.form', $upd->id) }}" class="btn btn-sm btn-outline-primary">
                                    <i class="bx bx-edit"></i> Edit
                                </a>
                            @endcan
                        </div>

                        @if($upd->update_photo)
                            <img
                                src="{{ url('upload/cfdp_child/'.$upd->update_photo) }}"
                                alt=""
                                class="chm-child-timeline-photo float-end ms-3 mb-2"
                            >
                        @endif

                        <ul class="chm-child-update-list mb-0">
                            <li>
                                <strong>Location:</strong>
                                {{ $upd->still_at_home === 'no' ? "Not at home ({$upd->where_is_child})" : 'Still at home' }}
                            </li>

                            @if($upd->id_guardian || $upd->guardian_name)
                                <li>
                                    <strong>Guardian:</strong>
                                    {{ optional($upd->guardian)->guardian ?? '—' }}: {{ $upd->guardian_name }}
                                    @can('guardian_contact.view')
                                        @if($upd->guardian_contact)
                                            (+{{ $upd->guardian_contact }})
                                        @endif
                                    @endcan
                                </li>
                            @endif

                            <li>
                                <strong>School:</strong>
                                @if($upd->is_schooling === 'yes')
                                    {{ optional($upd->school)->school_name ?? '—' }} (Class {{ $upd->class }})
                                @else
                                    Not schooling ({{ $upd->school_reason }})
                                @endif
                            </li>

                            <li>
                                <strong>Church:</strong>
                                {{ ucfirst($upd->church_attendance) }}
                                @if($upd->church_attendance === 'no')
                                    ({{ $upd->church_reason }})
                                @endif
                            </li>

                            @if($upd->hobby)
                                <li><strong>Hobby:</strong> {{ $upd->hobby }}</li>
                            @endif

                            @if($upd->dream)
                                <li><strong>Dream:</strong> {{ $upd->dream }}</li>
                            @endif

                            @if($upd->village)
                                <li><strong>Village:</strong> {{ $upd->village }}</li>
                            @endif

                            <li>
                                <strong>Family:</strong>
                                {{ (int) $upd->num_children }} {{ Str::plural('child', (int) $upd->num_children) }},
                                {{ (int) $upd->num_adults }} {{ Str::plural('adult', (int) $upd->num_adults) }}
                            </li>

                            @if($upd->received_coffee)
                                <li><strong>Coffee:</strong> {{ ucfirst($upd->received_coffee) }}</li>
                            @endif

                            @if($upd->social_worker_remarks)
                                <li><strong>Remarks:</strong> {{ $upd->social_worker_remarks }}</li>
                            @endif
                        </ul>
                    </div>
                </div>
            @endif
        @endforeach
    </div>
@endif