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

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

{% block content %}

    <p>
        Please answer the following questions.
    </p>

    <br><br>{% formfield player.age %}
    <br><br>{% formfield player.gender %}
    <style type="text/css">
        .tg  {border-collapse:collapse;border-spacing:0;}
        .tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:20px;
          overflow:hidden;padding:10px 5px;word-break:normal;}
        .tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:16px;
          font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
        .tg .tg-8jgo{border-color:#ffffff;text-align:left;vertical-align:top}
        .tg .tg-bsd2{border-color:#ffffff;font-size:16px;text-align:left;vertical-align:middle}
        </style>
        <table class="tg">
        <thead>
          <tr>
            <th class="tg-8jgo" colspan="2">How tall are you?</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="tg-bsd2">{% formfield player.feet %}</td>
            <td class="tg-bsd2">{% formfield player.inches %}</td>
          </tr>
        </tbody>
        </table>
    {% formfield player.rt %}
    <br>{% formfield player.bizlei %}
    <br>{% formfield player.seattype %}
    <br>{% formfield player.section %}
    <br>{% formfield player.comment %}


    {% next_button %}

{% endblock %}