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

{% block title %}
   <h3 align="center">Summary of Your Decision in Period {{ player.round_number }}</h3>
{% endblock %}

{% block content %}
     <table class="table">
      <tr>
         <th> &nbsp; </th>
         <th> Retailer A </th>
         <th> Retailer B</th>
      </tr>

      <tr>
         <th> Order quantity </th>
         <td>{{ player.order1}}</td>
         <td>{{ player.order2 }}</td>
      </tr>

      <tr>
         <th>  Allocated quantity </th>
         <td>{{ player.allocation1 }}</td>
         <td>{{ player.allocation2 }}</td>
      </tr>
    </table>

<h5 align="center">
    &nbsp;You allocated <font color="crimson"> {{player.allocation1 }} </font> products to retailer A and <font color="crimson">{{ player.allocation2 }} </font> to retailer B.<br>
    You have earned  <font color="crimson">{{ player.payoff }}</font> in this period. Your profit to date is <font color="crimson"> {{payoff_up }}</font>.
</h5>
<p>
    &nbsp; {% next_button %}
</p>
{% endblock %}