ska-referee-test/ref-test/quiz/templates/quiz/start-quiz.html

{% extends "quiz/components/base.html" %}
{% import "bootstrap/wtf.html" as wtf %}

{% block content %}
    <div class="form-container">
        <form name="form-quiz-start" class="form-quiz-start">
            <h2 class="form-heading">Take the Exam</h2>
            {{ form.hidden_tag() }}
            <div class="form-label-group">
                {{ form.first_name(class_="form-control", autofocus=true, placeholder="Enter First Name(s)") }}
                {{ form.first_name.label }}
            </div>
            <div class="form-label-group">
                {{ form.surname(class_="form-control", placeholder="Enter Surname") }}
                {{ form.surname.label }}
            </div>
            <div class="form-label-group">
                {{ form.email(class_="form-control", placeholder="Enter Email Address") }}
                {{ form.email.label }}
            </div>
            <div class="form-label-group">
                {{ form.club(class_="form-control", placeholder="Enter Affiliated Club") }}
                {{ form.club.label }}
            </div>
            <div class="form-label-group">
                {{ form.test_code(class_="form-control test-code-input", placeholder="Enter Exam Code") }}
                {{ form.test_code.label }}
            </div>
            <div class="form-label-group">
                {{ form.user_code(class_="form-control", placeholder="Enter User Code") }}
                {{ form.user_code.label }}
            </div>
            {% include "admin/components/client-alerts.html" %}
            <div class="container form-submission-button">
                <div class="row">
                    <div class="col text-center">
                        <button class="btn btn-md btn-success btn-block" type="submit">
                            <i class="bi bi-pencil-fill button-icon"></i>
                            Get Ready
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
{% endblock %}