@if(empty($insights['cluster']))
    <p class="text-muted small mb-0">No cluster data available.</p>
@else
    @php $c = $insights['cluster']; @endphp
    <div class="row g-3 mb-4">
        <div class="col-sm-6 col-lg-3">
            <div class="chm-child-stat-chip">
                <span class="label">Children in cluster</span>
                <strong>{{ number_format($c['total_children']) }}</strong>
            </div>
        </div>
        <div class="col-sm-6 col-lg-3">
            <div class="chm-child-stat-chip">
                <span class="label">Currently sponsored</span>
                <strong>{{ number_format($c['sponsored_children']) }}</strong>
                <small>{{ $c['sponsorship_rate'] }}% of cluster</small>
            </div>
        </div>
        <div class="col-sm-6 col-lg-3">
            <div class="chm-child-stat-chip">
                <span class="label">Same gender in cluster</span>
                <strong>{{ number_format($c['same_gender']) }}</strong>
            </div>
        </div>
        <div class="col-sm-6 col-lg-3">
            <div class="chm-child-stat-chip">
                <span class="label">Update activity rank</span>
                <strong>#{{ $c['update_rank'] }}</strong>
                <small>{{ $c['update_percentile'] }}th percentile · avg {{ $c['cluster_avg_updates'] }}</small>
            </div>
        </div>
    </div>
@endif

<div class="row g-4">
    <div class="col-lg-6">
        <x-chm.form-section title="Field update trends" description="Percentages across all recorded updates." icon="bx bx-bar-chart-alt-2">
            @php $a = $insights['update_analytics']; @endphp
            @foreach([
                ['label' => 'Schooling', 'pct' => $a['schooling_yes_pct'], 'count' => $a['schooling_yes'], 'total' => $a['total']],
                ['label' => 'Church attendance', 'pct' => $a['church_yes_pct'], 'count' => $a['church_yes'], 'total' => $a['total']],
                ['label' => 'Received coffee', 'pct' => $a['coffee_yes_pct'], 'count' => $a['coffee_yes'], 'total' => $a['total']],
                ['label' => 'Still at home', 'pct' => $a['at_home_pct'], 'count' => $a['at_home'], 'total' => $a['total']],
            ] as $bar)
                <div class="chm-child-progress-row">
                    <div class="d-flex justify-content-between small mb-1">
                        <span>{{ $bar['label'] }}</span>
                        <strong>{{ $bar['pct'] }}% ({{ $bar['count'] }}/{{ $bar['total'] }})</strong>
                    </div>
                    <div class="progress" style="height: 8px;">
                        <div class="progress-bar bg-success" style="width: {{ $bar['pct'] }}%"></div>
                    </div>
                </div>
            @endforeach

            <ul class="chm-child-meta-list mt-4 mb-0">
                <li><span>Harvesting coffee (updates)</span><strong>{{ $a['harvesting_yes'] }}</strong></li>
                <li><span>Recent death reported</span><strong>{{ $a['recent_death_yes'] }}</strong></li>
                <li><span>Avg coffee plants</span><strong>{{ $a['avg_coffee_plants'] ? number_format($a['avg_coffee_plants'], 0) : '—' }}</strong></li>
                <li><span>Avg family children</span><strong>{{ $a['avg_family_children'] ?? '—' }}</strong></li>
                <li><span>Avg family adults</span><strong>{{ $a['avg_family_adults'] ?? '—' }}</strong></li>
            </ul>
        </x-chm.form-section>
    </div>

    <div class="col-lg-6">
        <x-chm.form-section title="Updates by year" description="How often this child's record has been updated." icon="bx bx-calendar">
            <div class="chm-profile-weekly-chart">
                @foreach($insights['yearly_updates']['values'] as $index => $value)
                    @php
                        $height = $insights['yearly_updates']['max'] > 0
                            ? max(8, round(($value / $insights['yearly_updates']['max']) * 100))
                            : 8;
                    @endphp
                    <div class="chm-profile-weekly-bar-wrap" title="{{ $insights['yearly_updates']['labels'][$index] }}: {{ $value }}">
                        <div class="chm-profile-weekly-bar" style="height: {{ $height }}%;">
                            <span>{{ $value ?: '' }}</span>
                        </div>
                        <small>{{ $insights['yearly_updates']['labels'][$index] }}</small>
                    </div>
                @endforeach
            </div>
        </x-chm.form-section>

        @if(!empty($insights['update_analytics']['facilities']))
            <x-chm.form-section title="Home facilities (latest update)" icon="bx bx-home-smile" class="mt-4">
                <div class="d-flex flex-wrap gap-2">
                    @foreach($insights['update_analytics']['facilities'] as $fac)
                        <span class="badge {{ $fac['has'] ? 'bg-success-subtle text-success border border-success-subtle' : 'bg-light text-muted border' }}">
                            <i class="bx {{ $fac['has'] ? 'bx-check-circle' : 'bx-x-circle' }}"></i> {{ $fac['label'] }}
                        </span>
                    @endforeach
                </div>
            </x-chm.form-section>
        @endif
    </div>
</div>

@if(!empty($insights['update_analytics']['house_types']) || !empty($insights['update_analytics']['appearances']))
    <div class="row g-4 mt-1">
        @if(!empty($insights['update_analytics']['house_types']))
            <div class="col-md-6">
                <x-chm.form-section title="House types recorded" icon="bx bx-building-house">
                    <div class="d-flex flex-wrap gap-2">
                        @foreach($insights['update_analytics']['house_types'] as $type => $count)
                            <span class="badge bg-light text-dark border">{{ ucfirst(str_replace('_', ' ', $type)) }}: {{ $count }}</span>
                        @endforeach
                    </div>
                </x-chm.form-section>
            </div>
        @endif
        @if(!empty($insights['update_analytics']['appearances']))
            <div class="col-md-6">
                <x-chm.form-section title="Appearance notes" icon="bx bx-happy">
                    <div class="d-flex flex-wrap gap-2">
                        @foreach($insights['update_analytics']['appearances'] as $appearance => $count)
                            <span class="badge bg-light text-dark border">{{ ucfirst($appearance) }}: {{ $count }}</span>
                        @endforeach
                    </div>
                </x-chm.form-section>
            </div>
        @endif
    </div>
@endif

@if(!empty($insights['status_timeline']))
    <x-chm.form-section title="Status history summary" icon="bx bx-transfer" class="mt-4">
        <div class="table-responsive">
            <table class="table table-sm align-middle mb-0">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Status</th>
                        <th>Type</th>
                        <th>Details</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($insights['status_timeline'] as $row)
                        <tr>
                            <td>{{ $row['date']?->format('M j, Y') }}</td>
                            <td>{{ $row['status'] }}</td>
                            <td>{{ ucfirst($row['type']) }}</td>
                            <td>
                                {{ $row['detail'] ?? '—' }}
                                @if($row['extension_years'])
                                    · Extension {{ $row['extension_years'] }} yr(s): {{ $row['extension_reason'] }}
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </x-chm.form-section>
@endif