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

{% block title %}Voting{% endblock %} 

{% block content %}

{% include "global/instructions.html" %}

<div class="container">
<p class="text-center">
    <br><br>
    This is round <b>{{ subsession.treatment_round_number}}/{{ num_treatment_rounds }} </b>
    <br><br>
    You <b>are</b> {% if subsession.big_group == False %}the{% else %}a{% endif %} best informed person. Your message has a <b>{{ Constants.p }}%</b> chance of being correct.
    <br><br>
    Your message said "The prize is in the {% if player.signal == 0 %}<span style="color: green"><b>green</b></span>{% else %}<span style="color: purple"><b>purple</b></span>{% endif %} box"
    <br><br>
    <b>What do you want to do?</b>
</p>
<br>

<div class="d-flex justify-content-center">
<style>
  button {
    border: 1px solid #999;
    border-radius: 5px;
    color: white;
    height: 110px;
    opacity: .8;
    text-align: center;
  }
</style>
<div class="p-2">
<button name = "vote" style= "background-color: green; height: 9rem; width: 9rem;" id = "green_box" value = "0">
        Vote for green box </button></div>
<div class="p-2">
    <button name = "vote" style= "background-color: purple; height: 9rem; width: 9rem;" id = "purple_box" value = "1">
        Vote for purple box
</button></div>
</div>

</div>

{% endblock %}