{% 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>- Receive €100 today<br>
                    <b>Option B:</b><br>- Receive €110 in 4 weeks</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>- Receive €100 in 26 weeks<br>
                    <b>Option B:</b><br>- Receive €105 in 30 weeks</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 %}