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

{% block title %}
   Part 4: Round {{round_num}} 
{% endblock %}

{% block content %}

    
    <div class="boxed">
     
    <h4>
   
    
    <p align=center>Select your preferred option:</p>
    <hr width="300" color=lightgrey> 
    
       
    </h4>

<h5>
    <strong>
    
   <table style="width:1000px; margin-top:40px;">
   
    {% for field in form %}
       
            <tr>
            {% for choice in field %}
            {%if choice.choice_label|length > 30 %}
                <td><p style="margin: 2px;">{{choice.choice_label|slice:":31" }}</p>{{ choice.tag }}<p style="margin: 2px;">and</p><p style="margin: 2px;">{{choice.choice_label|slice:"33:" }}</p></td>
            {% else %}
            <td>{{choice}}</td>
            {% endif %}
            
            {% endfor %}
           </tr>
    {% endfor %}
</table>

    </strong>
    </div>
</h5>    
    
<div align="right">
    {% next_button %}
</div>
    
    
  


    

{% endblock %}


{% block styles %}




  <style>
  td:first-child {align: left; width: 25%;}
  td:nth-child(even) {align: right; width: 25%;} 
    
</style>

{% endblock %}