{% extends "global/Page.html" %}
{% load staticfiles otree_tags %}

{% block title %}
    Results
{% endblock %}

{% block content %}

<p><b>Here are your and other players choices:</b><br></p>



    <table class="table table-bordered text-center" style="width: auto; margin: auto">
        <tr>
            <th>Choices</th>
            <th>Option A</th>
            <th>Option B</th>
        </tr>



        <tr>
            <td><div style="text-align: left;"><b>Choice 1<br></b></div>
                <div style="font-size: x-small; text-align: left;">
                    <b>Option A:</b><br>- 100% chance to receive €3000<br>
                    <b>Option B:</b><br>- 20% chance to receive €0<br>- 80% chance to receive €4000</div></td>
            {% for option, amount in everyone.0.items %}
                 <td {% if option == you.0 %} style="background-color: darkseagreen;"{% endif %}>
                    {{ amount }}
                </td>
            {% endfor %}
        </tr>

        <tr>
             <td><div style="text-align: left;"><b>Choice 2<br></b></div>
                <div style="font-size: x-small; text-align: left;">
                    <b>Option A:</b><br>- 100% chance to lose €3000<br>
                    <b>Option B:</b><br>- 20% chance to lose €0<br>- 80% chance to lose €4000</div></td>
            {% for option, amount in everyone.1.items %}
                 <td {% if option == you.1 %} style="background-color: darkseagreen;"{% endif %}>
                    {{ amount }}

                </td>
            {% endfor %}
        </tr>


    </table>

    {% next_button %}
{% endblock %}