@extends('layouts.app')
@section('title', 'Student Dashboard')
@section('page-title', 'My Dashboard')

@section('content')
<div class="space-y-6">
    {{-- Summary Cards --}}
    <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
        <div class="bg-white rounded-xl shadow-sm p-6 border border-gray-100">
            <p class="text-sm text-gray-500">Attendance</p>
            <p class="text-3xl font-bold text-green-600 mt-1">{{ $attendance['percentage'] }}%</p>
            <p class="text-xs text-gray-400 mt-1">{{ $attendance['present'] }}/{{ $attendance['total'] }} days</p>
        </div>
        <div class="bg-white rounded-xl shadow-sm p-6 border border-gray-100">
            <p class="text-sm text-gray-500">Pending Assignments</p>
            <p class="text-3xl font-bold text-blue-600 mt-1">{{ $pendingAssignments }}</p>
        </div>
        <div class="bg-white rounded-xl shadow-sm p-6 border border-gray-100">
            <p class="text-sm text-gray-500">Fees Due</p>
            <p class="text-3xl font-bold text-orange-600 mt-1">₹{{ number_format($feesDue) }}</p>
        </div>
        <div class="bg-white rounded-xl shadow-sm p-6 border border-gray-100">
            <p class="text-sm text-gray-500">Class</p>
            <p class="text-2xl font-bold text-gray-800 mt-1">{{ $profile?->class_?->full_name ?? 'N/A' }}</p>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        {{-- Recent Marks --}}
        <div class="bg-white rounded-xl shadow-sm p-6 border border-gray-100">
            <h3 class="text-lg font-semibold text-gray-800 mb-4"><i class="fas fa-chart-line text-blue-500 mr-2"></i>Recent Marks</h3>
            <div class="space-y-3">
                @forelse($recentMarks as $mark)
                    <div class="flex items-center justify-between py-2 border-b border-gray-50">
                        <div>
                            <p class="font-medium text-gray-800">{{ $mark->exam->subject->name ?? 'N/A' }}</p>
                            <p class="text-xs text-gray-500">{{ $mark->exam->name }}</p>
                        </div>
                        <div class="text-right">
                            <span class="px-3 py-1 rounded-full text-sm font-semibold
                                {{ $mark->grade === 'A+' || $mark->grade === 'A' ? 'bg-green-100 text-green-700' :
                                   ($mark->grade === 'F' ? 'bg-red-100 text-red-700' : 'bg-blue-100 text-blue-700') }}">
                                {{ $mark->marks_obtained }}/{{ $mark->exam->total_marks }} ({{ $mark->grade }})
                            </span>
                        </div>
                    </div>
                @empty
                    <p class="text-gray-500 text-sm">No marks recorded yet.</p>
                @endforelse
            </div>
        </div>

        {{-- AI Insights --}}
        <div class="bg-white rounded-xl shadow-sm p-6 border border-gray-100">
            <h3 class="text-lg font-semibold text-gray-800 mb-4"><i class="fas fa-robot text-purple-500 mr-2"></i>AI Insights</h3>
            <div class="space-y-3">
                @forelse($insights as $insight)
                    <div class="p-3 rounded-lg
                        {{ $insight->type === 'encouragement' ? 'bg-green-50 border border-green-100' :
                           ($insight->type === 'weakness' ? 'bg-yellow-50 border border-yellow-100' :
                           ($insight->type === 'recommendation' ? 'bg-blue-50 border border-blue-100' : 'bg-purple-50 border border-purple-100')) }}">
                        <div class="flex items-start">
                            <i class="fas {{ $insight->type === 'encouragement' ? 'fa-star text-green-500' :
                                ($insight->type === 'weakness' ? 'fa-exclamation-triangle text-yellow-500' :
                                ($insight->type === 'recommendation' ? 'fa-lightbulb text-blue-500' : 'fa-chart-line text-purple-500')) }} mt-1 mr-2"></i>
                            <p class="text-sm text-gray-700">{{ $insight->insight }}</p>
                        </div>
                    </div>
                @empty
                    <p class="text-gray-500 text-sm">AI insights will appear after exam results.</p>
                @endforelse
            </div>
        </div>
    </div>

    {{-- Announcements --}}
    <div class="bg-white rounded-xl shadow-sm p-6 border border-gray-100">
        <h3 class="text-lg font-semibold text-gray-800 mb-4"><i class="fas fa-bullhorn text-blue-500 mr-2"></i>Announcements</h3>
        @forelse($announcements as $a)
            <div class="border-b border-gray-100 py-3 last:border-0">
                <p class="font-medium text-gray-800">{{ $a->title }}</p>
                <p class="text-sm text-gray-600 mt-1">{{ Str::limit($a->content, 120) }}</p>
                <p class="text-xs text-gray-400 mt-1">{{ $a->created_at->diffForHumans() }}</p>
            </div>
        @empty
            <p class="text-gray-500 text-sm">No announcements.</p>
        @endforelse
    </div>
</div>
@endsection