{{ block title }}
    Bonus Payment
{{ endblock }}
{{ block content }}


  <p>
      {{ if player.participant.incentive == "choice" }}
      After period 10, you will decide how much of a sum of £10 000 you want to keep invested in the stock.
      We will also ask you to predict the stock's return in the next period.
      At the end of the experiment, one of the 10 rounds will be randomly selected for the payment.
      You will receive a bonus payment that depends on your investment decision in that round.
      You will be informed about the selected round and your exact payment at the end of the experiment.
      {{ else }}
      After period 10, you will be asked to predict the stock's return in the next period.
      You will also decide how much of a sum of £10 000 you want to keep invested in the stock.
      At the end of the experiment, one of the 10 rounds will be randomly selected for the payment.
      You will receive a bonus payment that depends on the accuracy of your prediction in that round.
      You will be informed about the selected round and your exact payment at the end of the experiment.
      {{ endif }}
  </p>
  <p>
    For details on the bonus payment, click the ”Details” button.
  </p>
  <br>
        <button type="button" class="otree-btn-next btn btn-primary" id="infoButton">Details</button>
        <button class="otree-btn-next btn btn-primary">Next</button>

    <div id="myModal" class="modal">
        <div class="modal-content">
            <span class="close">&times;</span>
            <h2>Details Regarding Bonus Payment</h2>
            {{ if player.participant.incentive == "choice" }}
            <p>
                Your bonus is determined by randomly drawing one of the stock's per period returns (returns are defined as the per period percentage change).
                <br>
                It is based on the formula: [AmountInvested ∗ (1+ReturnStock) + (£10 000 - AmountInvested)] / £10 000.
                <br>
                Example: Assume you have decided to keep £6 000 invested in the stock.
                The random draw results in a return of 10% for the stock.
                As a consequence, the investment sums up to £6 000 ∗ (1 + 0.1) + (£10 000 - £6 000) = £6 000 ∗ 1.1 + £4000 = £10 600.
                Therefore, the bonus payment is £10 600 / £10 000 = £1.06.
            </p>
            {{ else }}
            <p>
                You have to predict the stock's expected return in the next period.
                If your prediction is within 2 percentage points of the statistically correct value, you will earn a bonus payment of £1.50.
                Example: The statistically correct value is 6%.
                You will receive the bonus payment if your prediction is between 4% and 8%.
            </p>
            {{ endif }}
        </div>
    </div>

{{ endblock }}

{{ block scripts }}

<script>

    // Get the modal element
    var modal = document.getElementById("myModal");

    // Get the button that opens the modal
    var btn = document.getElementById("infoButton");

    // Get the <span> element that closes the modal
    var span = document.querySelector(".close");

    // When the user clicks the button, open the modal
    btn.onclick = function() {
        modal.style.display = "block";
    }

    // When the user clicks on <span> (x), close the modal
    span.onclick = function() {
        modal.style.display = "none";
    }

    // When the user clicks anywhere outside of the modal, close it
    window.onclick = function(event) {
        if (event.target === modal) {
            modal.style.display = "none";
        }
    }
</script>
{{ endblock }}