{% 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">

One of the four alternatives has been <b>randomly eliminated</b>.
<br>
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> randomly eliminated</b> alternative in the previous 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>
        <td> Select the alternative you would like to vote to <b>eliminate</b> </td> </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="Option3" 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>

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


</font>
    
{% endblock %}