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

{% block title %}
    Survey:
{% endblock %}

{% block content %}
        <div class="card bg-light instructions">
<div class="card-body">
<style>
    /* draws line between table rows */
    th, td{
    border-bottom: 1px solid #ddd;
    }
</style>
<table>
        <tr>
            <td>Age:</td>
            <td> {% formfield player.Age label='' %}</td>
        </tr>
        <tr>
            <td> Gender: </td>
            <td>{% formfield player.Gender label='' %} </td>
         </tr>
        <tr>
            <td> Country of Residence: </td>
            <td>{% formfield player.Country_of_Residence label='' %} </td>
        </tr>
        <tr>
            <td> Main Language: </td>
            <td>{% formfield player.Main_Language label='' %} </td>
        </tr>
        <tr>
            <td> How do you rate your English proficiency, where 0 means 'bad' and 10 means 'fluent'? </td>
            <td>{% formfield player.English_Skills %} </td>
        </tr>
        <tr>
            <td> What is the highest level of education that you have achieved? </td>
            <td>{% formfield player.education label='' %} </td>
        </tr>
        <tr>
            <td> What is your employment status? </td>
            <td>{% formfield player.employmentstatus label='' %} </td>
        </tr>
<!--
        <tr>
            <td> What category represents your total household income? </td>
            <td>% formfield player.income label='' %} </td>
        </tr>
-->

</table>
    </div></div>
        <br>
    <div align="right"><input type="submit" id="confirm" class="btn btn-primary" style="visibility: visible" value="Confirm"/></div>
{% endblock %}