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

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

{% block content %}
    {% if player.id_in_group == 2 %}
<!--    <p>-->
<!--        Your payment for this round is: {{ payment }}.-->
<!--    <p/>-->
<style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
table tr#ROW1  {background-color:#E4DCDB ; color:black;}
td {
  border: 2px solid #dddddd;
  text-align: center;
  padding: 8px;
}

th {
  border: 2px solid #dddddd;
  text-align: left;
  padding: 8px;
}

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

<table>
    <tr>
        <td>The option chosen by computer</td>
        <td> {{ randomization_result }} </td>
    </tr>

    <tr>
        <td>Your cost from the chosen option</td>
        <td> <b> - {{ randomization_cost }} Tokens</b> </td>
    </tr>
    <tr>
        <td>The problem you are having</td>
        <td>Problem {{ problem }}</td>
    </tr>
    <tr>
        <td>Is the problem solved?</td>
        <td>{% if player.treatment_final == player.problem %} Yes {% else %} No {% endif %}</td>
    </tr>

    <tr>
        <td>Your income from problem solving</td>
        <td> <b> {% if player.treatment_final == player.problem %} + 120 Tokens {% else %} + 20 Tokens {% endif %}</b></td>
    </tr>

    <tr>
        <td>Your payoff from this round</td>
        <td> <b> {{ payment }} Tokens </b></td>
    </tr>
</table>

    {% endif %}

    {% if player.id_in_group == 1 %}
<style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
table tr#ROW1  {background-color:#E4DCDB ; color:black;}
td {
  border: 2px solid #dddddd;
  text-align: center;
  padding: 8px;
}

th {
  border: 2px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}
</style>
<table>
    <tr>
        <td>Your recommended solution</td>
        <td>Solution {{ recommended_solution }}</td>
    </tr>
    <tr>
        <td>The client actually received</td>
        <td>Solution {{ actual_solution }}</td>
    </tr>
    <tr>
        <td>The client's problem</td>
        <td>Problem {{ problem }}</td>
    </tr>
    <tr>
        <td>Is the problem solved?</td>
        <td>{% if player.treatment_final == player.problem %} Yes {% else %} No {% endif %}</td>
    </tr>
    <tr>
        <td>Your income</td>
        <td> <b> + 120 Tokens</b></td>
    </tr>
    <tr>
        <td>Your cost</td>
        <td> <b>  - {{cost}} Tokens</b> </td>
    </tr>
    <tr>
        <td>Your final payoff for this round</td>
        <td><b>{{payment}} Tokens</b></td>
    </tr>
</table>


    {% endif %}




    {% next_button %}
{% endblock %}