@extends('layouts.app')
@section('title', 'Student Dashboard')
@section('page-title', 'My Dashboard')
@section('sidebar-nav')
<div class="nav-item"><a href="{{ route('student.dashboard') }}"><i class="bi bi-grid"></i> Dashboard</a></div>
<div class="nav-item"><a href="{{ route('student.results') }}"><i class="bi bi-bar-chart"></i> My Results</a></div>
<div class="nav-item"><a href="{{ route('student.fees') }}"><i class="bi bi-cash"></i> Fee Balance</a></div>
<div class="nav-item"><a href="{{ route('student.attendance') }}"><i class="bi bi-calendar-check"></i> Attendance</a></div>
<div class="nav-item"><a href="{{ route('student.assignments') }}"><i class="bi bi-file-earmark-text"></i> Assignments</a></div>
@endsection

@section('content')
<div class="page-header">
    <div>
        <h1>Hello, {{ auth()->user()->name }}</h1>
        <p>{{ $student->stream?->schoolClass->name }} {{ $student->stream?->name }} &bull; Adm: {{ $student->admission_no }}</p>
    </div>
</div>

<div class="grid grid-4" style="margin-bottom:24px;">
    <div class="stat-card">
        <div class="stat-icon green"><i class="bi bi-mortarboard"></i></div>
        <div class="stat-info">
            <h3>{{ $recentMarks->count() }}</h3>
            <p>Recent Results</p>
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-icon {{ ($currentInvoice?->balance ?? 0) > 0 ? 'red' : 'green' }}">
            <i class="bi bi-cash"></i>
        </div>
        <div class="stat-info">
            <h3>KES {{ number_format($currentInvoice?->balance ?? 0) }}</h3>
            <p>Fee Balance</p>
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-icon blue"><i class="bi bi-file-earmark-text"></i></div>
        <div class="stat-info">
            <h3>{{ $upcomingAssignments->count() }}</h3>
            <p>Pending Assignments</p>
        </div>
    </div>
</div>

<div class="grid grid-2">
    <div class="card">
        <div class="card-header"><h5>Recent Marks</h5><a href="{{ route('student.results') }}" class="btn btn-sm btn-secondary">View All</a></div>
        <div class="card-body" style="padding:0;">
            @forelse($recentMarks as $mark)
            <div style="padding:12px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;">
                <div>
                    <div style="font-weight:500;">{{ $mark->subject->name }}</div>
                    <div style="font-size:12px;color:var(--gray);">{{ $mark->exam->name }}</div>
                </div>
                <div style="text-align:right;">
                    <div style="font-weight:700;font-size:18px;">{{ $mark->score }}%</div>
                    <span class="badge badge-info">{{ $mark->grade }}</span>
                </div>
            </div>
            @empty
            <div style="padding:20px;text-align:center;color:var(--gray);">No results yet</div>
            @endforelse
        </div>
    </div>
    <div class="card">
        <div class="card-header"><h5>Upcoming Assignments</h5></div>
        <div class="card-body" style="padding:0;">
            @forelse($upcomingAssignments as $a)
            <div style="padding:12px 20px;border-bottom:1px solid var(--border);">
                <div style="font-weight:500;">{{ $a->title }}</div>
                <div style="font-size:12px;color:var(--gray);">{{ $a->subject->name }} &bull; Due: {{ $a->due_date->format('d M Y') }}</div>
                @if($a->due_date->isToday())
                    <span class="badge badge-danger" style="margin-top:4px;">Due Today!</span>
                @elseif($a->due_date->isTomorrow())
                    <span class="badge badge-warning" style="margin-top:4px;">Due Tomorrow</span>
                @endif
            </div>
            @empty
            <div style="padding:20px;text-align:center;color:var(--gray);">No upcoming assignments</div>
            @endforelse
        </div>
    </div>
</div>
@endsection