{% 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> Select the alternative you would like to vote to <b>eliminate</b>
        <td><input id="Option1" type="radio" name="vote_stage0" 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_stage0" 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_stage0" 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 %}

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

</table>

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

</font>
    
{% endblock %}