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

{% block title %}
    Voting (Round {{round_number}} of {{num_rounds}})
{% endblock %}

{% block content %}
{% include "global/Preferences.html" %}


<font size="4">

Please vote to <b>eliminate</b> one of the <b>remaining</b> alternatives below.
<br>
The alternative that receives the greatest number of votes will be <b>eliminated</b>.

<br>
<br>

<table class="table">
    <tr>
        <td> The <b>eliminated</b> alternative in the previous voting stage is </td>
        {% if eliminated == 'blue' %}
        <td  style="color:blue"> <b> {{eliminated}} </b> </td>
        {% elif eliminated == 'green' %}
        <td  style="color:green"> <b> {{eliminated}} </b> </td>
        {% elif eliminated == 'purple' %}
        <td  style="color:purple"> <b> {{eliminated}} </b> </td>
        {% elif eliminated == 'orange' %}
        <td  style="color:#c24e00"> <b> {{eliminated}} </b> </td>
        {% endif %}
        <td> </td>
        <td> </td>
     </tr>    
     </tr>
        <td> Select the alternative you would like to vote to <b>eliminate</b> </td> </td>

        <td>  <input id="Option1" type="radio" name="vote_stage2" value="{{numeric_options.0}}" required> 
        {% if numeric_options.0 == 1 %}
        <b style="color:blue"> {{options.0}} </b> </td>
        {% elif numeric_options.0 == 2 %}
        <b  style="color:green"> {{options.0}} </b> </td>
        {% elif numeric_options.0 == 3 %}
        <b   style="color:#c24e00"> {{options.0}} </b> </td>
        {% elif numeric_options.0 == 4 %}
        <b style="color:purple"> {{options.0}} </b> </td>
        {% endif %}
        <td> <input id="Option2" type="radio" name="vote_stage2" value="{{numeric_options.1}}" required> 
        {% if numeric_options.1 == 1 %}
        <b style="color:blue"> {{options.1}} </b> </td>
        {% elif numeric_options.1 == 2 %}
        <b  style="color:green"> {{options.1}} </b> </td>
        {% elif numeric_options.1 == 3 %}
        <b  style="color:#c24e00"> {{options.1}} </b> </td>
        {% elif numeric_options.1 == 4 %}
        <b style="color:purple"> {{options.1}} </b> </td>
        {% endif %}
     </tr>
</table>
</font>

<div id="NextButton" style="float: right;">
{% next_button %}
</div>

    
{% endblock %}