@extends('layouts.app')

@section('title', 'Thông tin đề thi')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h3 class="fw-bold mb-1">Thông tin đề thi</h3>
        <div class="text-muted">Vui lòng đọc kỹ thông tin trước khi bắt đầu làm bài</div>
    </div>

    <a href="{{ route('student-portal.dashboard', $enrollment->id) }}"
       class="btn btn-outline-secondary">
        Quay lại
    </a>
</div>

@if($errors->any())
    <div class="alert alert-danger">
        <strong>Chưa thể bắt đầu làm bài.</strong>
        <ul class="mb-0 mt-2">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="row justify-content-center">
    <div class="col-xl-9">
        <div class="card shadow-sm border-0 overflow-hidden">
            <div class="card-header bg-primary text-white py-4 px-4">
                <h3 class="fw-bold mb-1">{{ $quiz->title }}</h3>
                <div>
                    {{ $enrollment->trainingClass->name ?? '' }}
                    —
                    {{ $enrollment->trainingClass->course->name ?? '' }}
                </div>
            </div>

            <div class="card-body p-4">
                <div class="row g-4 mb-4">
                    <div class="col-md-4">
                        <div class="border rounded p-3 h-100">
                            <div class="text-muted">Số câu hỏi</div>
                            <h3 class="fw-bold mb-0">{{ $quiz->questions->count() }} câu</h3>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="border rounded p-3 h-100">
                            <div class="text-muted">Thời gian làm bài</div>
                            <h3 class="fw-bold mb-0 text-primary">{{ $quiz->duration_minutes }} phút</h3>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="border rounded p-3 h-100">
                            <div class="text-muted">Điểm chuẩn đạt</div>
                            <h3 class="fw-bold mb-0 text-success">{{ $quiz->pass_score }} / {{ $quiz->max_score }}</h3>
                        </div>
                    </div>
                </div>

                <table class="table table-bordered align-middle">
                    <tr><th style="width:260px">Học viên</th><td>{{ $enrollment->student->full_name ?? '' }}</td></tr>
                    <tr><th>Mã học viên</th><td>{{ $enrollment->student->code ?? '' }}</td></tr>
                    <tr><th>Số lần được làm</th><td>{{ $quiz->attempt_limit }} lần</td></tr>
                    <tr><th>Số lần đã nộp</th><td>{{ $attemptCount }} lần</td></tr>
                    <tr>
                        <th>Ngày mở đề</th>
                        <td>{{ $quiz->start_date ? \Carbon\Carbon::parse($quiz->start_date)->format('d/m/Y') : 'Không giới hạn' }}</td>
                    </tr>
                    <tr>
                        <th>Ngày đóng đề</th>
                        <td>{{ $quiz->end_date ? \Carbon\Carbon::parse($quiz->end_date)->format('d/m/Y') : 'Không giới hạn' }}</td>
                    </tr>
                </table>

                <div class="alert alert-warning">
                    <strong>Quy định làm bài:</strong>
                    <ul class="mb-0 mt-2">
                        <li>Thời gian bắt đầu tính khi bấm “Bắt đầu làm bài”.</li>
                        <li>Không đóng trình duyệt trong quá trình làm bài.</li>
                        <li>Kiểm tra kỹ các câu trả lời trước khi nộp bài.</li>
                        <li>Package 17.2 sẽ bổ sung đồng hồ đếm ngược và tự động nộp bài.</li>
                    </ul>
                </div>

                @if($activeAttempt)
                    <div class="alert alert-info">
                        Bạn đang có một lượt thi chưa hoàn thành, bắt đầu lúc
                        <strong>{{ \Carbon\Carbon::parse($activeAttempt->started_at)->format('H:i:s d/m/Y') }}</strong>.
                    </div>
                @endif

                <form action="{{ route('student-portal.quiz.start', [$enrollment->id, $quiz->id]) }}"
                      method="POST">
                    @csrf

                    <div class="form-check mb-4">
                        <input class="form-check-input"
                               type="checkbox"
                               name="agree_rules"
                               value="1"
                               id="agreeRules"
                               required>

                        <label class="form-check-label" for="agreeRules">
                            Tôi đã đọc, hiểu và đồng ý các quy định của kỳ thi.
                        </label>
                    </div>

                    <div class="d-flex justify-content-end">
                        @if($isBeforeOpening)
                            <button type="button" class="btn btn-secondary btn-lg" disabled>
                                Đề thi chưa mở
                            </button>
                        @elseif($isAfterClosing)
                            <button type="button" class="btn btn-secondary btn-lg" disabled>
                                Đề thi đã đóng
                            </button>
                        @elseif($attemptLimitReached && !$activeAttempt)
                            <button type="button" class="btn btn-secondary btn-lg" disabled>
                                Đã hết số lần làm bài
                            </button>
                        @else
                            <button class="btn btn-primary btn-lg px-5">
                                <i class="bi bi-play-circle me-2"></i>
                                {{ $activeAttempt ? 'Tiếp tục làm bài' : 'Bắt đầu làm bài' }}
                            </button>
                        @endif
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
