{% load otree %}

 <p>In this stage, you will make <strong>five decisions</strong>.
    {{ if participant.det }}
         For each decision, there are two computers that solve tasks.
         <div class="alert alert-primary" role="alert">
             <img src="{{ static 'FailuresStrategicThinking/2computers.png' }}" width="35%" height="35%" class="float-end" alt="">

              <h5 class="alert-heading">Computers solve two different tasks</h5>
              <ul class="mb-0">
                  <li>One of the computers is of Good quality, and the other is of Bad quality.</li>
               <li>We will not tell you which computer is of each quality.</li>
         <li>Computers of different quality produce different payments on each task.</li>
{#          <li>The computers' type can change across decisions.</li>#}
              </ul>
           </div>
    {{ else }}

        For each decision, there is one computer that solves tasks.
        <div class="alert alert-primary" role="alert">
        <img src="{{ static 'FailuresStrategicThinking/computers.png' }}" width="35%" height="35%" class="float-end" alt="">
              <h5 class="alert-heading">Computer solves two different tasks</h5>
              {{ if participant.treatment == 'salient'}}<ul>{{ else }}<ul class="mb-0">{{ endif }}
                  <li>The computer can be of Good or Bad quality.</li>
              {{ if not participant.treatment == 'salient'}}<li>We will not tell you the computer's quality.</li>{{ endif }}
         <li>Computers of different quality produce different payments on each task.</li>
              {{ if player.round_number > 1 }}
            <li>The computer changes across decisions.</li>
            {{ endif }}
              </ul>
        </div>




    {{ endif }}
     </p>