@extends('layouts.student')

@section('title', 'Dashboard')

@section('content')
    <div class="d-flex flex-wrap justify-content-between align-items-end mb-3">
        <div>
            <h1 class="xrt-page-title">Welcome, {{ $student->name }}</h1>
            <div class="xrt-meta">Student ID {{ $student->student_id }}</div>
        </div>
    </div>

    <div class="row g-3 mb-3">
        @php
            $tiles = [
                ['label' => 'Assigned Exams', 'value' => $summary['assigned'], 'icon' => 'bi-clipboard-check', 'class' => 'text-primary'],
                ['label' => 'Available to Take', 'value' => $summary['available'], 'icon' => 'bi-play-circle', 'class' => 'text-warning'],
                ['label' => 'Completed Exams', 'value' => $summary['completed'], 'icon' => 'bi-check2-circle', 'class' => 'text-success'],
            ];
        @endphp

        @foreach ($tiles as $tile)
            <div class="col-12 col-md-4">
                <div class="xrt-card h-100">
                    <div class="xrt-card-body d-flex align-items-center gap-3">
                        <i class="bi {{ $tile['icon'] }} {{ $tile['class'] }}" style="font-size: 1.8rem;"></i>
                        <div>
                            <div class="fs-4 fw-semibold lh-1">{{ $tile['value'] }}</div>
                            <div class="xrt-meta">{{ $tile['label'] }}</div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="xrt-card">
        <div class="xrt-card-header">
            <span>My Exams</span>
            <a class="btn btn-sm btn-outline-primary" href="{{ route('student.exams.index') }}">View all</a>
        </div>
        <div class="xrt-card-body p-0">
            @include('student._exam-rows', ['rows' => $rows])
        </div>
    </div>
@endsection