{% 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>
        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 }}
    </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 }}

          {{ 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>