{{ block title }}订购决策{{ endblock }}
{{ block content }}

<script src="https://code.highcharts.com/highcharts.js" xmlns:border="http://www.w3.org/1999/xhtml"></script>
<script src="https://code.highcharts.com/modules/series-label.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<style type="text/css" media="screen">
.highcharts-figure, .highcharts-data-table table {
    min-width: 360px; 
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
</style>

<p> 第{{ subsession.round_number }}/{{Constants.num_rounds}}轮 {% if subsession.round_number <= Constants.trial_rounds%} (试玩) {% endif %}
</p>

<p class="highcharts-description">
        信息提示：
</p>
<table class="highcharts-data-table" border:1px>
    <tr>
      <th>销售价格</th>
      <th>订购价格</th>
      <th>市场需求</th>
    </tr>
    <tr>
          <td>{% if treatment == 1 %}
RMB {{Constants.pricelow}}、RMB {{Constants.pricemiddle}}和RMB {{Constants.pricehigh}}发生的机会均等，为 1/3。
              {% endif %}
              {% if treatment == 2 %}
              RMB {{Constants.pricemiddle}}
              {% endif %}
          </td>
          <td>RMB {{ cost }}</td>
          <td>服从{{Constants.minDemand}}到{{Constants.maxDemand}}的均匀分布。</td>
          
    </tr>
</table>
<br>
{% formfield player.OrderQty label="请输入你决定订购的数量:"%}

<!--{% if subsession.round_number > 5 %}-->
<!--    <b><font color="red">！提示：为了使多次重复订购后的平均利润最大化，理论上的最佳订购量为100。</font></b>-->
<!--{% endif%}-->

<br>
<p>
点击“继续”确认你的订单。
</p>
<button class="otree-btn-next btn btn-primary">继续</button>
<br>
<br>
{% if subsession.round_number > 1 %}
<p class="highcharts-description">
        历史数据（损失加负号来标明）【单位：RMB】：
</p>

<table class="highcharts-data-table" border:1px>
  <tr>
      <th>轮次</th>
      <th>订单量</th>
      <th>实际需求</th>
      <th>销售价格（RMB）</th>
      <th>最大利润</th>
      <th>超订量</th>
      <th>超订损失</th>
      <th>缺货量</th>
      <th>缺货损失</th>
      <th>利润</th>
      <th>累积利润</th>
  </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td><b>
            {% if treatment == 1 %}
=65/70/75*实际需求
              {% endif %}
              {% if treatment == 2 %}
              =70*实际需求 
              {% endif %}
              </b></td>
        <td></td>
        <td><b>=<font color="blue">-{{cost}}</font>*超订量</b></td>
        <td></td>
        <td><b>=<font color="red">
            {% if treatment == 1 %}
             -65/70/75
              {% endif %}
              {% if treatment == 2 %}
              -70
              {% endif %}</font>*缺货量</b></td>
        <td></td>
        <td></td>
    </tr>
        {% for past_player in player.in_previous_rounds %}
        <tr>
          <td>{{ past_player.round_number}}</td>
          <td>{{ past_player.OrderQty }}</td>
          <td>{{ past_player.roundDemand }}</td>
          <td>{{ past_player.roundPrice }}</td>
          <td><b>{{ past_player.roundMaxProfit }}</b></td>
          <td><b>{{ past_player.roundOverOrder }}</b></td>
          <td><font color="blue"><b>-{{ past_player.roundOverageCost }}</b></font></td>
          <td><b>{{ past_player.roundUnderOrder }}</b></td>
          <td><font color="red"><b>-{{ past_player.roundUnderageCost }}</b></font></td>
          <td><b>{{ past_player.profit }}</b></td>
          <td>{{ past_player.cumulativeProfit }}</td>
        </tr>
        {% endfor %}
</table>
{% endif %}

{{ endblock }}