@extends('layouts.app')

@section('title', $student->full_name)

@section('content')
<a href="{{ url('/parent') }}" style="font-size:12px;color:#0b4f2c;text-decoration:none;">&larr; Back to my children</a>

<div class="card" style="display:flex;gap:20px;align-items:center;margin-top:12px;">
    @if($student->passport_path)
        <img src="{{ asset('storage/' . $student->passport_path) }}" style="width:70px;height:70px;border-radius:8px;object-fit:cover;">
    @else
        <div style="width:70px;height:70px;border-radius:8px;background:#eee;"></div>
    @endif
    <div>
        <h2 style="font-size:18px;color:#0b4f2c;">{{ $student->full_name }}</h2>
        <p style="color:#666;font-size:13px;">{{ $student->admission_number }} &middot; {{ $student->classArm->schoolClass->name ?? '—' }} {{ $student->classArm->name ?? '' }}</p>
    </div>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;">
    <div class="card">
        <h3 style="font-size:14px;color:#0b4f2c;margin-bottom:10px;">Results</h3>
        <table style="width:100%;border-collapse:collapse;font-size:13px;">
            <thead>
                <tr style="background:#f4f6f5;text-align:left;">
                    <th style="padding:6px;">Subject</th>
                    <th style="padding:6px;">Score</th>
                    <th style="padding:6px;">Grade</th>
                </tr>
            </thead>
            <tbody>
                @forelse($student->subjectScores as $score)
                    <tr style="border-bottom:1px solid #eee;">
                        <td style="padding:6px;">{{ $score->subject->name }}</td>
                        <td style="padding:6px;">{{ $score->total_score }}</td>
                        <td style="padding:6px;">{{ $score->grade_label }}</td>
                    </tr>
                @empty
                    <tr><td colspan="3" style="padding:14px;text-align:center;color:#999;">No results published yet.</td></tr>
                @endforelse
            </tbody>
        </table>
        <a href="#" style="display:inline-block;margin-top:10px;font-size:12px;color:#0b4f2c;">Download Report Card (PDF)</a>
    </div>

    <div class="card">
        <h3 style="font-size:14px;color:#0b4f2c;margin-bottom:10px;">Attendance</h3>
        @php
            $present = $student->attendances->where('status', 'Present')->count();
            $total = $student->attendances->count();
        @endphp
        <div style="font-size:26px;font-weight:bold;color:#0b4f2c;">{{ $total ? round($present / $total * 100) : '—' }}%</div>
        <div style="font-size:12px;color:#777;">{{ $present }} present out of {{ $total }} recorded days</div>
    </div>

    <div class="card">
        <h3 style="font-size:14px;color:#0b4f2c;margin-bottom:10px;">Fee Status</h3>
        @forelse($student->invoices as $invoice)
            <div style="border-bottom:1px solid #eee;padding:6px 0;font-size:13px;">
                {{ $invoice->invoice_number }} — Total ₦{{ number_format($invoice->total_amount, 2) }},
                Balance <strong style="color:{{ $invoice->balance > 0 ? '#a33' : '#0b4f2c' }};">₦{{ number_format($invoice->balance, 2) }}</strong>
                @if($invoice->payments->isNotEmpty())
                    <br><a href="#" style="font-size:11.5px;color:#0b4f2c;">Download Latest Receipt</a>
                @endif
            </div>
        @empty
            <p style="font-size:12.5px;color:#999;">No invoices yet.</p>
        @endforelse
    </div>

    <div class="card">
        <h3 style="font-size:14px;color:#0b4f2c;margin-bottom:10px;">Documents</h3>
        @forelse($student->documents as $doc)
            <div style="border-bottom:1px solid #eee;padding:6px 0;font-size:12.5px;">
                {{ $doc->documentType->name ?? 'Document' }} — {{ $doc->reference_code }}
                <a href="#" style="float:right;color:#0b4f2c;">Download</a>
            </div>
        @empty
            <p style="font-size:12.5px;color:#999;">No documents issued yet.</p>
        @endforelse
    </div>
</div>
@endsection