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

{% block title %}
{% endblock %}

{% block content %}

<b><u>How many units of that product will you produce? </u> </b><br/>

You lose $.01 from your bonus for every unit your "number produced" is off (high or low) from the true demand of your chosen product.<br/>
<br>
Example: If true demand is 200 and your production level is off by 20, then your bonus would be: $2 - $0.20 = $1.80.<br/>
<br>

<!-- this is where we generate the forecast table. the values of each cell is sourced from the
Constants class in model where we run a loop to generate the forecast as per the rules -->
<table style ="width:100%">
    <tr>
        <th> </th>
        <th>Product# 1</th>
        <th>Product# 2</th>
        <th>Product# 3</th>
        <th>Product# 4</th>
        <th>Product# 5</th>
        <th>Product# 6</th>
        <th>Product# 7</th>
    </tr>

    <tr>
        <th>Forecaster A</th>
        <td> {{Constants.forecast_matrix_P2.0.0}}</td>
        <td> {{Constants.forecast_matrix_P2.0.1}}</td>
        <td> {{Constants.forecast_matrix_P2.0.2}}</td>
        <td> {{Constants.forecast_matrix_P2.0.3}}</td>
        <td> {{Constants.forecast_matrix_P2.0.4}}</td>
        <td> {{Constants.forecast_matrix_P2.0.5}}</td>
        <td> {{Constants.forecast_matrix_P2.0.6}}</td>
    </tr>

    <tr>
        <th>Forecaster B</th>
        <td> {{Constants.forecast_matrix_P2.1.0}}</td>
        <td> {{Constants.forecast_matrix_P2.1.1}}</td>
        <td> {{Constants.forecast_matrix_P2.1.2}}</td>
        <td> {{Constants.forecast_matrix_P2.1.3}}</td>
        <td> {{Constants.forecast_matrix_P2.1.4}}</td>
        <td> {{Constants.forecast_matrix_P2.1.5}}</td>
        <td> {{Constants.forecast_matrix_P2.1.6}}</td>

    </tr>

    <tr>
        <th>Forecaster C</th>
        <td> {{Constants.forecast_matrix_P2.2.0}}</td>
        <td> {{Constants.forecast_matrix_P2.2.1}}</td>
        <td> {{Constants.forecast_matrix_P2.2.2}}</td>
        <td> {{Constants.forecast_matrix_P2.2.3}}</td>
        <td> {{Constants.forecast_matrix_P2.2.4}}</td>
        <td> {{Constants.forecast_matrix_P2.2.5}}</td>
        <td> {{Constants.forecast_matrix_P2.2.6}}</td>

    </tr>

    <tr>
        <th>Forecaster D</th>
        <td> {{Constants.forecast_matrix_P2.3.0}}</td>
        <td> {{Constants.forecast_matrix_P2.3.1}}</td>
        <td> {{Constants.forecast_matrix_P2.3.2}}</td>
        <td> {{Constants.forecast_matrix_P2.3.3}}</td>
        <td> {{Constants.forecast_matrix_P2.3.4}}</td>
        <td> {{Constants.forecast_matrix_P2.3.5}}</td>
        <td> {{Constants.forecast_matrix_P2.3.6}}</td>

    </tr>

    <tr>
        <th>Forecaster E</th>
        <td> {{Constants.forecast_matrix_P2.4.0}}</td>
        <td> {{Constants.forecast_matrix_P2.4.1}}</td>
        <td> {{Constants.forecast_matrix_P2.4.2}}</td>
        <td> {{Constants.forecast_matrix_P2.4.3}}</td>
        <td> {{Constants.forecast_matrix_P2.4.4}}</td>
        <td> {{Constants.forecast_matrix_P2.4.5}}</td>
        <td> {{Constants.forecast_matrix_P2.4.6}}</td>

    </tr>

    <tr>
        <th>Forecaster F</th>
        <td> {{Constants.forecast_matrix_P2.5.0}}</td>
        <td> {{Constants.forecast_matrix_P2.5.1}}</td>
        <td> {{Constants.forecast_matrix_P2.5.2}}</td>
        <td> {{Constants.forecast_matrix_P2.5.3}}</td>
        <td> {{Constants.forecast_matrix_P2.5.4}}</td>
        <td> {{Constants.forecast_matrix_P2.5.5}}</td>
        <td> {{Constants.forecast_matrix_P2.5.6}}</td>

    </tr>

    <tr>
        <th>Forecaster G</th>
        <td> {{Constants.forecast_matrix_P2.6.0}}</td>
        <td> {{Constants.forecast_matrix_P2.6.1}}</td>
        <td> {{Constants.forecast_matrix_P2.6.2}}</td>
        <td> {{Constants.forecast_matrix_P2.6.3}}</td>
        <td> {{Constants.forecast_matrix_P2.6.4}}</td>
        <td> {{Constants.forecast_matrix_P2.6.5}}</td>
        <td> {{Constants.forecast_matrix_P2.6.6}}</td>

    </tr>

    <tr>
        <th>Forecaster H</th>
        <td> {{Constants.forecast_matrix_P2.7.0}}</td>
        <td> {{Constants.forecast_matrix_P2.7.1}}</td>
        <td> {{Constants.forecast_matrix_P2.7.2}}</td>
        <td> {{Constants.forecast_matrix_P2.7.3}}</td>
        <td> {{Constants.forecast_matrix_P2.7.4}}</td>
        <td> {{Constants.forecast_matrix_P2.7.5}}</td>
        <td> {{Constants.forecast_matrix_P2.7.6}}</td>

    </tr>

    <tr>
        <th>Forecaster I</th>
        <td> {{Constants.forecast_matrix_P2.8.0}}</td>
        <td> {{Constants.forecast_matrix_P2.8.1}}</td>
        <td> {{Constants.forecast_matrix_P2.8.2}}</td>
        <td> {{Constants.forecast_matrix_P2.8.3}}</td>
        <td> {{Constants.forecast_matrix_P2.8.4}}</td>
        <td> {{Constants.forecast_matrix_P2.8.5}}</td>
        <td> {{Constants.forecast_matrix_P2.8.6}}</td>

    </tr>



</table><br/>
<br>

Look above at the demand forecasts for the product you chose, since those are hints at the true demand.<br/>
<br>
<b><font color="blue">Your goal is to produce a number of units as close as possible to the true demand of your chosen product.</font></b><br/>
<br>

How many units of product# <b><font color="blue">{{player.chosen_product}}</font></b> do you want to produce?
<center>{% formfield player.chosen_quantity label="." %} </center><br/>
<br>


<center> {% next_button %}</center>

{% endblock %}