{% extends "global/Page.html" %}
{% load otree %}

{% block head_title %}
    Study
{% endblock %}

{% block styles %}

    <style type="text/css">
        h1 {text-align: center; font-size: 35px;}
    </style>

{% endblock %}


{% block content %}

    <h1>Survey</h1>

    <br>
    <p>
    {% formfield 'age' label="What is your age?"  %}
    </p>

    <p>
    {% formfield 'sex' label="What is your gender?"  %}
    </p>

    <p>
    {% formfield 'nationality' label="What is your nationality?"  %}
    </p>

    <p>
    {% formfield 'first_language' label="What is your first language?"  %}
    </p>

    <p>
    {% formfield 'education_level' label="What is your current education level?"  %}
    </p>

    <p>
    {% formfield 'program_language' label="What is the language of your study program?"  %}
    </p>

    <p>
    {% formfield 'nonogram_before' label="Have you played Nonogram before?"  %}
    </p>

    <p>
    {% formfield 'others_before' label="Have you played other similar puzzle games before, for example, Sudoku?"  %}
    </p>


    <br>
    <center>{% next_button %}</center>

{% endblock %}