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


{% block title %}
    Round {{ round_number }}
{% endblock %}

{% block content %}
        <p class="text-justify">
            For this round, the signal you received is: <b> Problem {{ private_signal_letter }} </b>
        </p>
        <p>
        Please keep in mind that there is a 60% of chance that this signal correctly indicate your problem.
        <p/>


        <p>
        Now, please choose one of the two options for each row in this table.
            You will make 7 decisions.
            The computer will randomly select one of the rows from this table, and your choice in this row will be implemented.
            After you making your choices, click “Next” to confirm your choices.

        <p/>


<!--
    <p>
        Please make a choice for each of below.
    <p/>

    <p>
        {% formfield player.active1 %}
    <p/>

    <p>
        {% formfield player.active2 %}
    <p/>

    <p>
        {% formfield player.active3 %}
    <p/>

    <p>
        {% formfield player.active4 %}
    <p/>

    <p>
        {% formfield player.active5 %}
    <p/>
-->

<style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #858482 ;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #F5F5F5 ;
}
</style>


<table>
    <tr>
        <th>Decisions</th>
        <th>Active:</th>
        <th>Passive:</th>
    </tr>
    <tr>
    <div>
        <td> Decision 1 </td>
        {% for choice in form.active1 %}
            <td> &emsp; {{ choice }} </td>
        {% endfor %}
    </div>
    </tr>
    <tr>
    <div>
        <td> Decision 2 </td>
        {% for choice in form.active2 %}
            <td> &emsp; {{ choice }} </td>
        {% endfor %}
    </div>
    </tr>
    <tr>
    <div>
        <td> Decision 3 </td>
        {% for choice in form.active3 %}
            <td> &emsp; {{ choice }} </td>
        {% endfor %}
    </div>
    </tr>
        <tr>
    <div>
        <td> Decision 4 </td>
        {% for choice in form.active4 %}
            <td> &emsp; {{ choice }} </td>
        {% endfor %}
    </div>
    </tr>
    <tr>
    <div>
        <td> Decision 5 </td>
        {% for choice in form.active5 %}
            <td> &emsp; {{ choice }} </td>
        {% endfor %}
    </div>
    </tr>

    <tr>
    <div>
        <td> Decision 6 </td>
        {% for choice in form.active6 %}
            <td> &emsp; {{ choice }} </td>
        {% endfor %}
    </div>
    </tr>

        <tr>
    <div>
        <td> Decision 7 </td>
        {% for choice in form.active7 %}

            <td> &emsp; {{ choice }} </td>
        {% endfor %}
    </div>
    </tr>
</table>
<br><br>
    {% next_button %}
{% endblock %}