{% load otree %}

   <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Instructions</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p>
            {{ if not participant.base }}
        There are <strong>two Computers</strong> which solve tasks.
        There are two tasks: <strong>{{ label_pool }} task</strong> and <strong>{{ label_sep }} task</strong>.
        The computers can be of the <strong>Good</strong> or the <strong>Bad quality</strong>.
        {{ if player.round_number > 1 }}
            For each computer, its quality in this decision is not necessarily the same as its quality in other decisions.
            {{ endif }}
        {{ else }}
        There is a <strong>Computer</strong> which solves tasks.
        There are two tasks: <strong>{{ label_pool }} tasks</strong> and <strong>{{ label_sep }} tasks</strong>.
        The computer can be of the <strong>Good</strong> or the <strong>Bad quality</strong>.
            {{ if player.round_number > 1 }}
        The computer's quality in this decision is not necessarily the same as the computer's quality in other
        decisions.
            {{ endif }}
            {{ endif }}
    </p>

{#                 <h4>Part 1</h4>#}
{#              {{ include C.PART1_TEMPLATE }}#}
{##}
{#          <h4>Part 2</h4>#}
{#              {{ include C.PART2_TEMPLATE }}#}

{#          <h4>Your Bonus</h4>#}
                    {{ include C.BONUS_PART1_TEMPLATE }}

             {{ if participant.treatment == 'base' }}
          <br>
          <p>Before part 2, you will see how much money the computer produces.
              This is the only extra information about the computer you will see.
            </p>
                    {{ endif }}
          {{ if participant.treatment == 'deterministic' }}
          <br>
          <p>Before part 2, you will see how much money the computers produce.
              This is the only extra information you will see.
            </p>
                    {{ endif }}
             {{ if participant.treatment == 'salient' }}
          <br>
          <p>Before part 2, you will see how much money the computers produce.
              We might also tell you the computers' quality, depending on your choice in part 1.
          </p>
          {{ endif }}
          {{ include C.BONUS_PART2_TEMPLATE }}

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>