class QuizUI {
    static render(quizData) {
        const quizForm = document.getElementById('quizForm');
        if (!quizForm || !quizData) return;

        let html = '<div class="quiz-questions">';
        
        quizData.questions.forEach((question, index) => {
            html += `
                <div class="quiz-question" data-question-id="${question.id}">
                    <h4>${index + 1}. ${question.question}</h4>
                    <div class="options-container">
                        ${question.options.map((option, optIndex) => `
                            <label class="option-label">
                                <input type="radio" name="question_${question.id}" value="${optIndex}">
                                <span class="option-text">${option}</span>
                            </label>
                        `).join('')}
                    </div>
                </div>
            `;
        });

        html += `</div>
            <button type="button" class="btn btn-primary" onclick="QuizUI.submitQuiz()">
                ارسال پاسخ‌ها
            </button>
        `;

        quizForm.innerHTML = html;
    }

    static async submitQuiz() {
        // استفاده از سیستم احراز هویت اصلی
        return requireAuth(() => {
            const currentDay = window.app?.currentDay || 1;
            const userAnswers = this.collectAnswers();
            
            learningLogic.checkQuizAnswers(currentDay, userAnswers)
                .then(result => {
                    this.showQuizResult(result);
                })
                .catch(error => {
                    console.error('Quiz submission error:', error);
                    Utils.showNotification('خطا در ارسال آزمون', 'error');
                });
        })();
    }

    static collectAnswers() {
        // جمع‌آوری پاسخ‌ها از فرم
        const answers = [];
        const questions = document.querySelectorAll('.quiz-question');
        
        questions.forEach(question => {
            const selected = question.querySelector('input[type="radio"]:checked');
            answers.push(selected ? parseInt(selected.value) : -1);
        });
        
        return answers;
    }

    static showQuizResult(result) {
        // نمایش نتایج آزمون
        const feedbackContainer = document.getElementById('quizFeedback');
        if (!feedbackContainer) return;

        let html = `
            <div class="quiz-result ${result.correctCount === result.totalQuestions ? 'perfect' : 'good'}">
                <div class="result-header">
                    <h4>${result.correctCount === result.totalQuestions ? '🎉 عالی!' : '👍 خوب بود!'}</h4>
                    <div class="score-badge">${result.correctCount}/${result.totalQuestions}</div>
                </div>
                <p>${result.feedback.message}</p>
                <p class="reward-info">🎁 ${result.reward} امتیاز دریافت کردید</p>
                
                ${result.correctCount < result.totalQuestions ? `
                    <button class="btn btn-outline" onclick="QuizUI.showExplanations()">
                        📖 مشاهده توضیحات
                    </button>
                ` : ''}
            </div>
        `;

        feedbackContainer.innerHTML = html;
        
        // ارسال event برای به‌روزرسانی UI
        document.dispatchEvent(new CustomEvent('progressUpdated'));
    }
}