{% extends "layout.html" %}
{% block content %}
<div class="container">
    <h1 class="mt-3">Add Question</h1>
    <form method="POST" action="{{ url_for('add_question') }}" class="mt-3">
        <div class="form-group">
            <label for="question">Question:</label>
            <input type="text" name="question" class="form-control" required>
        </div>
        <div class="form-group">
            <label for="option1">Option 1:</label>
            <input type="text" name="option1" class="form-control" required>
        </div>
        <div class="form-group">
            <label for="option2">Option 2:</label>
            <input type="text" name="option2" class="form-control" required>
        </div>
        <div class="form-group">
            <label for="option3">Option 3:</label>
            <input type="text" name="option3" class="form-control" required>
        </div>
        <div class="form-group">
            <label for="option4">Option 4:</label>
            <input type="text" name="option4" class="form-control" required>
        </div>
        <div class="form-group">
            <label for="answer">Answer:</label>
            <input type="text" name="answer" class="form-control" required>
        </div>
        <div class="form-group">
            <label for="feedback">Feedback:</label>
            <input type="text" name="feedback" class="form-control">
        </div>
        <button type="submit" class="btn btn-primary">Add Question</button>
    </form>
</div>
{% endblock content %}