@php
    $g = $insights['gifts_detail'];
    $l = $insights['letters_detail'];
@endphp

<div class="row g-4">
    <div class="col-lg-6">
        <x-chm.form-section title="Gifts overview" icon="bx bx-gift">
            <div class="row g-3 mb-3">
                <div class="col-6">
                    <div class="chm-child-stat-chip">
                        <span class="label">Total gifts</span>
                        <strong>{{ $g['count'] }}</strong>
                    </div>
                </div>
                <div class="col-6">
                    <div class="chm-child-stat-chip">
                        <span class="label">Amount sent</span>
                        <strong>{{ $g['total_sent'] ? number_format($g['total_sent']) : '0' }}</strong>
                    </div>
                </div>
                <div class="col-6">
                    <div class="chm-child-stat-chip">
                        <span class="label">Gift cost total</span>
                        <strong>{{ $g['total_cost'] ? number_format($g['total_cost']) : '0' }}</strong>
                    </div>
                </div>
                <div class="col-6">
                    <div class="chm-child-stat-chip">
                        <span class="label">Last gift sent</span>
                        <strong class="small">{{ $g['last_sent']?->date_sent ? \Carbon\Carbon::parse($g['last_sent']->date_sent)->format('M j, Y') : '—' }}</strong>
                    </div>
                </div>
            </div>
            @if($g['items']->isNotEmpty())
                <div class="table-responsive">
                    <table class="table table-sm align-middle mb-0">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Description</th>
                                <th>Sent</th>
                                <th>Cost</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($g['items'] as $gift)
                                <tr>
                                    <td>{{ $gift->date_sent ? \Carbon\Carbon::parse($gift->date_sent)->format('M j, Y') : '—' }}</td>
                                    <td>{{ $gift->gift_description ?: '—' }}</td>
                                    <td>{{ $gift->amount_sent ? number_format($gift->amount_sent) : '—' }}</td>
                                    <td>{{ $gift->gift_cost ? number_format($gift->gift_cost) : '—' }}</td>
                                    <td>{{ $gift->status ?? '—' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <p class="text-muted small mb-0">No gifts recorded for this child.</p>
            @endif
        </x-chm.form-section>
    </div>

    <div class="col-lg-6">
        <x-chm.form-section title="Letter progress" icon="bx bx-envelope">
            <div class="row g-3 mb-3">
                <div class="col-6">
                    <div class="chm-child-stat-chip">
                        <span class="label">Letter cycles</span>
                        <strong>{{ $l['count'] }}</strong>
                    </div>
                </div>
                <div class="col-6">
                    <div class="chm-child-stat-chip">
                        <span class="label">Reply rate</span>
                        <strong>{{ $l['reply_rate'] }}%</strong>
                    </div>
                </div>
                <div class="col-4">
                    <div class="chm-child-stat-chip">
                        <span class="label">Received</span>
                        <strong>{{ $l['received'] }}</strong>
                    </div>
                </div>
                <div class="col-4">
                    <div class="chm-child-stat-chip">
                        <span class="label">Replied</span>
                        <strong>{{ $l['replied'] }}</strong>
                    </div>
                </div>
                <div class="col-4">
                    <div class="chm-child-stat-chip">
                        <span class="label">Sent to sponsor</span>
                        <strong>{{ $l['sent_to_sponsor'] }}</strong>
                    </div>
                </div>
            </div>
            @if($l['items']->isNotEmpty())
                <div class="table-responsive">
                    <table class="table table-sm align-middle mb-0">
                        <thead>
                            <tr>
                                <th>Letter</th>
                                <th>Received</th>
                                <th>Reply written</th>
                                <th>Sent to sponsor</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($l['items'] as $letter)
                                <tr>
                                    <td>#{{ $letter->id_letter ?? $letter->id }}</td>
                                    <td>{{ $letter->date_received ? \Carbon\Carbon::parse($letter->date_received)->format('M j, Y') : '—' }}</td>
                                    <td>{{ $letter->date_reply_written ? \Carbon\Carbon::parse($letter->date_reply_written)->format('M j, Y') : '—' }}</td>
                                    <td>{{ $letter->date_sent_to_sponsor ? \Carbon\Carbon::parse($letter->date_sent_to_sponsor)->format('M j, Y') : '—' }}</td>
                                    <td>{{ $letter->status ?? '—' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <p class="text-muted small mb-0">No letter progress recorded.</p>
            @endif
        </x-chm.form-section>
    </div>
</div>