@extends('public.layout.app')
@section('title', __('front.student_dashboard'))

@section('body')
<section class="pt-5" style="background-color: #f5f7fc;">
    <div class="container">

        {{-- ========== TOP BAR WITH LOGO & LOGOUT ========== --}}
        <div class="d-flex justify-content-between align-items-center mb-4">
            {{-- Logo / Brand --}}
            <div class="d-flex align-items-center">
                <div class="bg-primary bg-opacity-10 rounded-3 p-2 me-3">
                    <i class="fas fa-graduation-cap fa-2x text-primary"></i>
                </div>
                <div>
                    <h4 class="fw-bold mb-0">{{ __('front.student_portal') }}</h4>
                    <span class="text-muted2 small">{{ __('front.dashboard') }}</span>
                </div>
            </div>
            {{-- Logout button --}}
            <form method="POST" action="{{ route('logout') }}" class="m-0">
                @csrf
                <button type="submit" class="btn btn-outline-danger btn-rounded px-4">
                    <i class="fas fa-sign-out-alt me-2"></i> {{ __('front.logout') }}
                </button>
            </form>
        </div>

        {{-- Student Navigation (your existing partial) --}}
        @include('public.portals.student.partials.nav')

        {{-- Welcome Card --}}
        <div class="card-soft p-4 p-lg-5 shadow-soft mb-4">
            <div class="d-flex flex-wrap align-items-center justify-content-between gap-2">
                <div>
                    <h4 class="fw-bold mb-1">Welcome back, {{ auth()->user()->name ?? 'Student' }}!</h4>
                    <div class="text-muted2">{{ __('front.manage_your_courses_quizzes_and_results_from_here') }}</div>
                </div>
                <div class="d-flex gap-2">
                    <a href="{{ route('student.courses.index') }}" class="btn btn-primary btn-rounded btn-sm">
                        <i class="fas fa-book-open me-1"></i> {{ __('front.my_courses') }}
                    </a>
                    <a href="{{ route('student.quizzes.index') }}" class="btn btn-outline-primary btn-rounded btn-sm">
                        <i class="fas fa-clipboard-list me-1"></i> {{ __('front.quizzes') }}
                    </a>
                </div>
            </div>
        </div>

        {{-- Stats Cards (MDB style, preserving your colors) --}}
        <div class="row g-4 mb-4">
            <div class="col-md-4">
                <div class="card-soft p-3 shadow-soft h-100 d-flex align-items-center">
                    <div class="bg-primary bg-opacity-10 rounded-circle p-3 me-3">
                        <i class="fas fa-book-open text-primary fa-2x"></i>
                    </div>
                    <div class="flex-grow-1">
                        <div class="text-muted2 small">{{ __('front.enrolled_courses') }}</div>
                        <div class="fw-bold fs-3">{{ $stats['courses'] ?? 0 }}</div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card-soft p-3 shadow-soft h-100 d-flex align-items-center">
                    <div class="bg-success bg-opacity-10 rounded-circle p-3 me-3">
                        <i class="fas fa-clipboard-check text-success fa-2x"></i>
                    </div>
                    <div class="flex-grow-1">
                        <div class="text-muted2 small">{{ __('front.quizzes_taken') }}</div>
                        <div class="fw-bold fs-3">{{ $stats['quizzes'] ?? 0 }}</div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card-soft p-3 shadow-soft h-100 d-flex align-items-center">
                    <div class="bg-warning bg-opacity-10 rounded-circle p-3 me-3">
                        <i class="fas fa-chart-line text-warning fa-2x"></i>
                    </div>
                    <div class="flex-grow-1">
                        <div class="text-muted2 small">{{ __('front.average_score') }}</div>
                        <div class="fw-bold fs-3">{{ $stats['avg_score'] ?? 0 }}%</div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Main Content Grid --}}
        <div class="row g-4">
            {{-- My Courses --}}
            <div class="col-lg-6">
                <div class="card-soft p-4 shadow-soft h-100">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h5 class="fw-bold mb-0">
                            <i class="fas fa-book-open text-primary me-2"></i> {{ __('front.my_courses') }}
                        </h5>
                        <a href="{{ route('student.courses.index') }}" class="btn btn-link btn-sm text-primary p-0">
                            {{ __('front.view_all') }} <i class="fas fa-arrow-right ms-1"></i>
                        </a>
                    </div>

                    @if(($courses ?? collect())->count() == 0)
                        <div class="text-center py-4">
                            <i class="fas fa-books fa-3x text-muted mb-3 opacity-50"></i>
                            <p class="text-muted2 mb-0">{{ __('front.you_are_not_enrolled_in_any_courses_yet') }}</p>
                        </div>
                    @else
                        <div class="list-group list-group-flush">
                            @foreach($courses as $c)
                                <a href="{{ route('student.courses.show', $c->id) }}"
                                   class="list-group-item list-group-item-action d-flex justify-content-between align-items-center border-0 px-0">
                                    <div>
                                        <div class="fw-semibold">{{ $c->title }}</div>
                                        <div class="text-muted2 small">
                                            <i class="fas fa-code me-1"></i> {{ $c->code ?? '—' }} •
                                            <i class="fas fa-clock me-1"></i> {{ $c->credit_hours ?? '—' }} Credits
                                        </div>
                                    </div>
                                    <span class="badge bg-success rounded-pill">{{ $c->status ?? 'Active' }}</span>
                                </a>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>

            {{-- Upcoming Quizzes --}}
            <div class="col-lg-6">
                <div class="card-soft p-4 shadow-soft h-100">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h5 class="fw-bold mb-0">
                            <i class="fas fa-clock text-warning me-2"></i> {{ __('front.upcoming_quizzes') }}
                        </h5>
                        <a href="{{ route('student.quizzes.index') }}" class="btn btn-link btn-sm text-primary p-0">
                            {{ __('front.view_all') }} <i class="fas fa-arrow-right ms-1"></i>
                        </a>
                    </div>

                    @php $uq = $upcomingQuizzes ?? collect(); @endphp
                    @if($uq->count() == 0)
                        <div class="text-center py-4">
                            <i class="fas fa-calendar-check fa-3x text-muted mb-3 opacity-50"></i>
                            <p class="text-muted2 mb-0">{{ __('front.no_upcoming_quizzes_scheduled') }}</p>
                        </div>
                    @else
                        <div class="list-group list-group-flush">
                            @foreach($uq as $q)
                                <a href="{{ route('student.quizzes.show', $q->id) }}"
                                   class="list-group-item list-group-item-action d-flex justify-content-between align-items-center border-0 px-0">
                                    <div>
                                        <div class="fw-semibold">{{ $q->title ?? 'Quiz' }}</div>
                                        <div class="text-muted2 small">
                                            <i class="fas fa-calendar me-1"></i>
                                            {{ $q->starts_at ? \Carbon\Carbon::parse($q->starts_at)->format('M d, H:i') : 'TBA' }}
                                        </div>
                                    </div>
                                    <span class="badge bg-info rounded-pill">{{ __('front.course') }}#{{ $q->course_id ?? '—' }}</span>
                                </a>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>

            {{-- Recent Results --}}
            <div class="col-12">
                <div class="card-soft p-4 shadow-soft">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h5 class="fw-bold mb-0">
                            <i class="fas fa-chart-simple text-success me-2"></i> {{ __('front.recent_results') }}
                        </h5>
                    </div>

                    @php $rr = $recentResults ?? collect(); @endphp
                    @if($rr->count() == 0)
                        <div class="text-center py-4">
                            <i class="fas fa-file-alt fa-3x text-muted mb-3 opacity-50"></i>
                            <p class="text-muted2 mb-0">{{ __('front.no_quiz_results_yet_complete_a_quiz_to_see_your_perform') }}</p>
                        </div>
                    @else
                        <div class="table-responsive">
                            <table class="table align-middle mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>{{ __('front.quiz') }}</th>
                                        <th>{{ __('front.score') }}</th>
                                        <th>{{ __('front.date') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($rr as $r)
                                    <tr>
                                        <td>
                                            <div class="fw-semibold">{{ $r->quiz_title ?? ('Quiz #'.$r->quiz_id) }}</div>
                                        </td>
                                        <td>
                                            <span class="badge bg-success rounded-pill fs-6 px-3 py-2">
                                                {{ (int)($r->score ?? 0) }}
                                                @if(isset($r->total))
                                                    / {{ (int)$r->total }}
                                                @endif
                                            </span>
                                        </td>
                                        <td class="text-muted2 small">
                                            <i class="far fa-calendar-alt me-1"></i>
                                            {{ $r->submitted_at ? \Carbon\Carbon::parse($r->submitted_at)->format('M d, Y H:i') : '' }}
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>
            </div>
        </div>

    </div>
</section>
@endsection