{% extends "experiment/Instrument.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. The information your provide
            are kept strictly confidential.
        </p>
        <!--
            'age' - revert to birth year
            'gender' - keep gender as is
            'ethnicity' - remove ethnicity question
            'education' - keep education as is
            'income' - change to "above or below the national average of..."
            'religion' - remove religion question
        -->
        {% formfield player.age label='What is your year of birth? (e.g., 1975)' %}
        {% formfield player.gender label='Which gender do you identify with?' %}
        {% formfield player.education label='What is your highest educational achievement?' %}
        {% formfield player.income label='The median income in Canada is $62,900 (annual, after tax). Please rate your household income from any sources of income compared to this amount (prior to COVID-19)' %}
        <br/>
        <center>Do you currently reside in Canada?</center>
        <table align="center" cellpadding="5">
            <tr>
                <th><center>Yes</center></th>
                <th><center>No</center></th>
            </tr>
            <tr>
                <td align="center"><input type="radio" name="resident" id="id_resident" value="True" required/></td>
                <td align="center"><input type="radio" name="resident" id="id_resident" value="False" required/></td>
            </td>
        </table>
        <br/>
        <center>Have you had any of your devices (e.g., laptop, desktop, tablet) been infected with malware in the last six (6) months?</center>
        <table align="center" cellpadding="5">
            <tr>
                <th><center>Yes</center></th>
                <th><center>No</center></th>
            </tr>
            <tr>
                <td align="center"><input type="radio" name="malware" id="id_malware" value="True" required/></td>
                <td align="center"><input type="radio" name="malware" id="id_malware" value="False" required/></td>
            </td>
        </table>
        <p align="right">
            <button>Next Page</button>
        </p>
    </div>
</div>
<br>

{% endblock %}