<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portalfejlesztes .Net ben Quiz</title>
    <link rel="shortcut icon" href="{{ url_for('static', filename='images/home/logo.jpg') }}" type="image/x-icon">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/quizes.css') }}">
</head>
<body>
    <div class="container">
        <h1>Question {{ question_index + 1 }} / 20</h1>
        <p class="question">{{ question['question'] }}</p>
        <form method="POST" action="{{ url_for('portalfejlesztes_net_ben.submit_answer') }}">
            <div class="answer-options">
                {% for answer in question['answers'] %}
                    <input type="checkbox" id="answer_{{ loop.index }}" name="answer" value="{{ answer }}">
                    <label for="answer_{{ loop.index }}">
                        {{ answer }}
                    </label>
                {% endfor %}
            </div>
            <input type="hidden" name="question_index" value="{{ question_index }}">
            <input type="submit" value="Next" class="submit-button">
        </form>
        <form method="GET" action="{{ url_for('portalfejlesztes_net_ben.result') }}">
            <button type="submit" class="submit-button quit-button">Quit</button>
        </form>
    </div>
</body>
</html>
