@extends('layouts.app')

@section('title', 'Downloads')

@section('content')
<div class="card">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Download Results & Receipts</h2>

    @forelse($children ?? [] as $child)
        <div style="border:1px solid #eee;border-radius:8px;padding:14px;margin-bottom:12px;">
            <div style="font-weight:bold;color:#0b4f2c;margin-bottom:8px;">{{ $child->full_name }}</div>
            <div style="display:flex;gap:20px;">
                <div>
                    <div style="font-size:11px;color:#777;margin-bottom:4px;">Report Cards</div>
                    @forelse($child->documents->where('document_type_id', $child->documents->first()->document_type_id ?? null) as $doc)
                        <a href="{{ url('/verify/' . $doc->verification_uuid) }}" style="display:block;font-size:12.5px;color:#0b4f2c;margin-bottom:2px;">{{ $doc->reference_code }}</a>
                    @empty
                        <span style="font-size:12px;color:#999;">None yet</span>
                    @endforelse
                </div>
                <div>
                    <div style="font-size:11px;color:#777;margin-bottom:4px;">Receipts</div>
                    @forelse($child->invoices as $invoice)
                        @foreach($invoice->payments as $payment)
                            <a href="#" style="display:block;font-size:12.5px;color:#0b4f2c;margin-bottom:2px;">{{ $payment->receipt_number }}</a>
                        @endforeach
                    @empty
                        <span style="font-size:12px;color:#999;">None yet</span>
                    @endforelse
                </div>
            </div>
        </div>
    @empty
        <p style="color:#999;font-size:13px;">No children linked to this account.</p>
    @endforelse
</div>
@endsection