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

{% block title %}
    Possibilities
{% endblock %}

{% block content %}

  <div>
    {% if prior_type == 1 %}
    There are three possible types of matrix:
    <ol type="i">
      <li> 72 cells generate payoff 0 and only 9 cells generate payoff of 1. </li>
      <li> 54 cells generate payoff 0 and only 27 cells generate payoff of 1.</li>
      <li> 36 cells generate payoff 0 and 45 cells generate payoff of 1. </li>
    </ol>
  </div>
  <h6> All three possibilities are equally likely.
    All cells are equally likely to contain payoff 0. </h6>
  {% endif %}
  {% if prior_type == 2 %}
  There are two possible types of matrix:
  <ol type="i">
    <li> 72 cells generate payoff 0 and only 9 cells generate payoff of 1. </li>
    <li> 36 cells generate payoff 0 and 45 cells generate payoff of 1. </li>
  </ol>
  </div>
  <h6> Both possibilities are equally likely.
    All cells are equally likely to contain payoff 0. </h6>
 {% endif %}
  {% if prior_type == 3 %}
  There are three possible types of matrix:
  <ol type="i">
    <li> 72 cells generate payoff 0 and only 9 cells generate payoff of 1. </li>
    <li> 54 cells generate payoff 0 and only 27 cells generate payoff of 1.</li>
    <li> 36 cells generate payoff 0 and 45 cells generate payoff of 1. </li>
  </ol>
  </div>
  <h6> There is a 50% chance that 54 cells generate payoff 0 and other
     two possibilities have 25% chances each.
     All cells are equally likely to contain payoff 0.  </h6>
  {% endif %}
  {% if prior_type == 4 %}
  There are two possible types of matrix:
  <ol type="i">
    <li> 72 cells generate payoff 0 and only 9 cells generate payoff of 1. </li>
    <li> 36 cells generate payoff 0 and 45 cells generate payoff of 1. </li>
  </ol>
  </div>
  <h6> Both possibilities are equally likely.
    All cells are equally likely to contain payoff 0.  </h6>
  {% endif %}

  {% if prior_type == 5 %}
  <h5>
  There are exaxtly {{zeros}} zeros in the matrix. All cells are equally likely to contain payoff 0.
 </h5>
  {% endif %}
  <p>
  Press the next button to continue.
</p>
<p>
{% next_button %}
</p>
  {% endblock %}
  {% block styles %}
      <style>
          .otree-timer {
              display: none;
          }
      </style>
  {% endblock %}

  {% block scripts %}
  <script>
  $(function () {
      $('.otree-timer__time-left').on('update.countdown', function (event) {
          if (event.offset.totalSeconds === 5) {
              $('.otree-timer').show();
          }
      });
  });
  </script>
  {% endblock %}