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

{% block title %}
    Participant Survey
{% endblock %}

{% block content %}

<div class="card bg-light">
    <div class="card-body">
        <p align="justify">
            <b>Directions: </b>Kindly provide the information listed in the fields below.
        </p>
        <br/>
        {% formfield player.age label = "Please enter your current age." %}
        {% formfield player.gender label = "Please indicate the gender you most identify with." %}
        {% formfield player.education label = "Please indicate your highest educational attainment." %}
        {% formfield player.political label = "Do you have a degree in Political Science or related fields?" %}
        {% formfield player.computer label = "Do you have a degree in Computer Science or related fields?" %}
        {% formfield player.income label = "Please indicate your approximate annual household income" %}
        {% formfield player.outage label = "Did you recently experience a power outage at home or at work?" %}
    <p align="right">
        <button>Next Page</button>
    </p>
    </div>
</div>
<br>

{% endblock %}