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

{% block title %}
    Instruction
{% endblock %}


{% block styles %}

<style>
  .otree-title.page-header{
       font-size: 40px;
   }
p{
    font-size: 22px;
    text-indent:2em;
}
ul{
    font-size: 22px;
}
h2{
    text-align: center;
}

</style>
{% endblock %}

{% block content %}
<br>
      <h2><u>1 Practice Match and {{ tot_matches }} Actual Matches</u></h2>
    <br>
      <p>
             Thank you for paying attention to the instructions. Before you will play the {{ tot_matches }} actual matches,
          you will have one practice match (Match #0) which is not relevant to your payment. Its objective is to
          get you familiar with the computer interface and the flow of the decisions in each round of a match.
          Once the practice match is over, it moves to the actual matches.
      </p>
   <br>
          <h2><u>Completion of the Experiment</u></h2>
   <br>
   <p>
       After the {{ tot_matches }}th match, the experiment will be over. You will be instructed to fill in the receipt for your
       payment. The amount you earn will be paid <b>electronically via the HKUST Autopay System to the bank account
       you provide to the Student Information System (SIS)</b>. The Finance Office of HKUST will arrange the auto-payment.
       An email notification will be sent to your HKUST email address on the pay date under the name of the sender "FOPSAP"
       (Finance Ofiice Payment System Auto Payment).
   </p>

   <center> <button class="otree-btn-next btn btn-primary" id="next_page" style="position: relative; font-size: 22px; margin: 5px; padding: 5px;"> NEXT </button></center>

{% endblock %}