@php
    $sp = $insights['sponsorship_detail'];
    $fmt = fn ($d) => $d ? $d->format('j').'<sup>'.$d->format('S').'</sup> '.$d->format('M, Y') : '—';
@endphp

<div class="row g-4">
    <div class="col-md-5">
        <div class="chm-child-sponsor-card">
            <div class="chm-child-sponsor-icon"><i class="bx bx-heart"></i></div>
            <div>
                <p class="text-muted small mb-1">Current sponsor</p>
                @if($sp['sponsor']['assigned'] ?? false)
                    <h5 class="mb-1">{{ $sp['sponsor']['name'] }}</h5>
                    <p class="text-muted small mb-1">Sponsor no: {{ $sp['sponsor']['number'] ?? '—' }}</p>
                    <p class="text-muted small mb-1">Country: {{ $sp['sponsor']['country'] ?? '—' }}</p>
                    <p class="text-muted small mb-0">Sponsor since: {{ $sp['sponsor']['registered'] ?? '—' }} · Gifts: {{ $sp['sponsor']['gifts_count'] ?? 0 }}</p>
                @else
                    <h5 class="mb-0">No sponsor assigned</h5>
                @endif
            </div>
        </div>
    </div>

    <div class="col-md-7">
        @if($sp['has_sponsorship'] ?? false)
            <div class="row g-3">
                @foreach($sp['milestones'] as $milestone)
                    <div class="col-sm-4">
                        <div class="chm-child-milestone {{ $milestone['done'] ? 'is-done' : '' }}">
                            <span class="chm-child-milestone-label">{{ $milestone['label'] }}</span>
                            <strong>{!! $fmt($milestone['date']) !!}</strong>
                        </div>
                    </div>
                @endforeach
            </div>
            <ul class="chm-child-meta-list mt-3 mb-0">
                <li><span>Days sponsored</span><strong>{{ $sp['sponsored_days'] ? number_format($sp['sponsored_days']).' days' : '—' }}</strong></li>
                <li><span>Start → mid-term</span><strong>{{ $sp['days_to_mid'] ? number_format($sp['days_to_mid']).' days' : '—' }}</strong></li>
                <li><span>Start → graduation</span><strong>{{ $sp['days_to_graduation'] ? number_format($sp['days_to_graduation']).' days' : '—' }}</strong></li>
                <li><span>Extension</span><strong>{{ $sp['extension'] ?: '—' }}</strong></li>
                <li><span>Recommendation</span><strong>{{ $sp['recommendation'] ?: '—' }}</strong></li>
                <li><span>Assessment</span><strong>{{ $sp['assessment'] ?: '—' }}</strong></li>
                <li><span>Mid assessment</span><strong>{{ $sp['mid_assessment'] ?: '—' }}</strong></li>
            </ul>
            @if(filled($sp['mid_remark']))
                <p class="small text-muted mt-3 mb-0"><strong>Mid remark:</strong> {{ $sp['mid_remark'] }}</p>
            @endif
            <div class="d-flex flex-wrap gap-2 mt-3">
                @foreach([
                    'Graduation letter' => $sp['has_graduation_letter'],
                    'Graduation PDF' => $sp['has_graduation_pdf'],
                    'Mid letter in' => $sp['has_mid_letter_in'],
                    'Mid letter out' => $sp['has_mid_letter_out'],
                ] as $label => $has)
                    <span class="badge {{ $has ? 'bg-success-subtle text-success border' : 'bg-light text-muted border' }}">
                        <i class="bx {{ $has ? 'bx-check' : 'bx-minus' }}"></i> {{ $label }}
                    </span>
                @endforeach
            </div>
        @else
            <x-chm.empty-state icon="bx bx-heart" title="No sponsorship record" message="This child does not have sponsorship timeline data yet." />
        @endif
    </div>
</div>

@include('admin.cfdp.children.partials.child-profile-communications')