@extends('layouts.app')

@section('title', 'My Portal')

@section('content')
<h2 style="font-size:18px;color:#0b4f2c;margin-bottom:4px;">Welcome, {{ $student->full_name }}</h2>
<p style="font-size:12.5px;color:#777;margin-bottom:18px;">{{ $student->classArm->schoolClass->name ?? '—' }} {{ $student->classArm->name ?? '' }} &middot; {{ $student->admission_number }}</p>

<div style="display:grid;grid-template-columns:2fr 1fr;gap:16px;">
    <div>
        <div class="card">
            <h3 style="font-size:14px;color:#0b4f2c;margin-bottom:10px;">My 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>
                        <th style="padding:6px;">Position</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>
                            <td style="padding:6px;">{{ $score->subject_position }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="4" 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;">My Timetable</h3>
            <table style="width:100%;border-collapse:collapse;font-size:12.5px;">
                <thead>
                    <tr style="background:#f4f6f5;text-align:left;">
                        <th style="padding:6px;">Day</th>
                        <th style="padding:6px;">Time</th>
                        <th style="padding:6px;">Subject</th>
                        <th style="padding:6px;">Teacher</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($timetable as $slot)
                        <tr style="border-bottom:1px solid #eee;">
                            <td style="padding:6px;">{{ $slot->day_of_week }}</td>
                            <td style="padding:6px;">{{ \Illuminate\Support\Carbon::parse($slot->start_time)->format('g:ia') }}</td>
                            <td style="padding:6px;">{{ $slot->subject->name }}</td>
                            <td style="padding:6px;">{{ $slot->teacher->user->name ?? '—' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="4" style="padding:14px;text-align:center;color:#999;">Timetable not published yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div>
        <div class="card">
            <h3 style="font-size:14px;color:#0b4f2c;margin-bottom:10px;">Fee Status</h3>
            @forelse($student->invoices as $invoice)
                <p style="font-size:13px;">
                    Balance: <strong style="color:{{ $invoice->balance > 0 ? '#a33' : '#0b4f2c' }};">₦{{ number_format($invoice->balance, 2) }}</strong>
                </p>
            @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;">Notices</h3>
            @forelse($notices as $notice)
                <div style="border-bottom:1px solid #eee;padding:6px 0;font-size:12px;">
                    <strong>{{ $notice->title }}</strong>
                </div>
            @empty
                <p style="font-size:12px;color:#999;">No notices yet.</p>
            @endforelse
        </div>
    </div>
</div>
@endsection