@extends('layouts.dashboard')
@section('title', __('Practice & Mock Tests'))
@section('page_title', __('Practice & Mock Tests'))

@section('content')
    @include('partials.how-it-works', ['key' => 'student.mock-tests'])

    <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
        <form class="d-flex gap-2" method="GET">
            <select name="type" class="form-select form-select-sm" onchange="this.form.submit()" style="width:auto">
                <option value="">{{ __('All tests') }}</option>
                <option value="practice" @selected(request('type') === 'practice')>{{ __('Practice') }}</option>
                <option value="mock" @selected(request('type') === 'mock')>{{ __('Mock exams') }}</option>
            </select>
            <span class="position-relative d-inline-flex align-items-center">
                <input type="search" name="q" value="{{ request('q') }}" class="form-control form-control-sm" placeholder="{{ __('Search tests…') }}" style="max-width:220px;padding-right:1.75rem" aria-label="{{ __('Search tests') }}">
                @if(request('q'))
                    <a href="{{ request()->url() }}{{ count(request()->except('q', 'page')) ? '?'.http_build_query(request()->except('q', 'page')) : '' }}" class="position-absolute text-muted" style="right:.5rem" title="{{ __('Clear search') }}" aria-label="{{ __('Clear search') }}"><i class="bi bi-x-lg"></i></a>
                @endif
            </span>
        </form>
        <a href="{{ route('student.tests.history') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-clock-history me-1"></i>{{ __('My attempts') }}</a>
    </div>

    <div class="row g-3">
        @forelse($tests as $test)
            @php
                $mine = $attempts->get($test->id, collect());
                $used = $mine->count();
                $best = $test->resultsPublished() ? $mine->max('percentage') : null;
                $canAttempt = $test->isOpen() && (! $test->max_attempts || $used < (int) $test->max_attempts);
            @endphp
            <div class="col-md-6 col-xl-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body d-flex flex-column">
                        <div class="d-flex align-items-start gap-2 mb-2">
                            <span class="badge bg-{{ $test->quiz_type === 'mock' ? 'danger' : 'primary' }}-subtle text-{{ $test->quiz_type === 'mock' ? 'danger' : 'primary' }}-emphasis">
                                {{ $test->quiz_type === 'mock' ? __('Mock exam') : __('Practice') }}
                            </span>
                            @if($test->proctoring_enabled)
                                <span class="badge bg-warning-subtle text-warning-emphasis" title="{{ __('Proctored') }}"><i class="bi bi-shield-lock"></i></span>
                            @endif
                        </div>
                        <h6 class="fw-semibold">{{ $test->title }}</h6>
                        @if($test->course)
                            <small class="text-muted d-block mb-2">{{ $test->course->title }}</small>
                        @endif

                        <ul class="list-unstyled small text-muted mb-3">
                            <li><i class="bi bi-patch-question me-1"></i>{{ $test->paperSize() ?: $test->questions_count }} {{ __('questions') }}</li>
                            <li><i class="bi bi-stopwatch me-1"></i>{{ $test->duration_minutes ? $test->duration_minutes.' '.__('minutes') : __('No time limit') }}</li>
                            <li><i class="bi bi-flag me-1"></i>{{ __('Pass mark') }}: {{ (float) $test->passing_score }}%</li>
                            @if($test->available_until)
                                <li><i class="bi bi-calendar-x me-1"></i>{{ __('Closes') }} {{ $test->available_until->diffForHumans() }}</li>
                            @endif
                        </ul>
                        @include('partials.quiz.schedule', ['quiz' => $test, 'class' => 'mb-3'])

                        @if($used)
                            <div class="mb-2 small">
                                <span class="text-muted">{{ __('Attempts') }}: {{ $used }}@if($test->max_attempts)/{{ $test->max_attempts }}@endif</span>
                                @if($best !== null)
                                    <span class="ms-2 fw-semibold {{ $best >= (float) $test->passing_score ? 'text-success' : 'text-danger' }}">{{ __('Best') }}: {{ (float) $best }}%</span>
                                @else
                                    <span class="ms-2 text-warning-emphasis">{{ __('Result pending') }}</span>
                                @endif
                            </div>
                        @endif

                        <div class="mt-auto">
                            @if($canAttempt)
                                <a href="{{ route('student.quiz.show', $test) }}" class="btn btn-primary w-100">
                                    <i class="bi bi-play-fill me-1"></i>{{ $used ? __('Retake') : __('Start test') }}
                                </a>
                            @else
                                <button class="btn btn-outline-secondary w-100" disabled>
                                    {{ $test->isOpen() ? __('No attempts left') : __('Closed') }}
                                </button>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        @empty
            <div class="col-12">
                <div class="card"><div class="card-body text-center text-muted py-5">
                    <i class="bi bi-patch-question display-6 d-block mb-2"></i>
                    @if(request('q') || request('type'))
                        {{ __('No tests match your search.') }} <a href="{{ request()->url() }}">{{ __('Clear search') }}</a>
                    @else
                        {{ __('No practice or mock tests are available to you yet.') }}
                    @endif
                </div></div>
            </div>
        @endforelse
    </div>

    <div class="mt-3">{{ $tests->links() }}</div>
@endsection