{% 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 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> <input id="Option1" type="radio" name="vote_stage1" 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_stage1" 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 %}

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

</font>
    

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