{% block title %}
{#Computer{{ if stage_of_chosen_decision == 1 and participant.treatment == 'deterministic'}}s'{{ else }}'s{{ endif }}#}
{#    produced money#}
    {{ if not participant.treatment == 'base' }} Computers have produced money
    {{ else }} Computer has produced money
    {{ endif }}
{% endblock %}

{% block content %}

{{ if session.config.development }}
    <button class="btn btn-danger otree-btn-next" style="float: right;">Skip</button>
    <br><br>
{{ endif }}


   <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
      <symbol id="info-fill" fill="currentColor" viewBox="0 0 16 16">
        <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
      </symbol>
    </svg>
    <div class="alert alert-info d-flex align-items-center" role="alert">
  <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Info:"><use xlink:href="#info-fill"/></svg>
          <h5 class="alert-heading">Reminder</h5>
       <ul  class="mb-0">
                <li><img src="{{ static 'FailuresStrategicThinking/goodComputer.png' }}" width="5%" height="5%" alt="">
<strong>Good quality:</strong>
                            Produces {{ part1_bonus_pool }} in the {{ label_pool }} task and {{ part1_bonus_good_sep }} in the
                    {{ label_sep }} task.
                </li>
                <li>
            {{ if not participant.treatment == 'base'}}
                    <img src="{{ static 'FailuresStrategicThinking/badComputer.png' }}" width="5%" height="5%" alt="">
                    {{ else }}
                        <img src="{{ static 'FailuresStrategicThinking/badComputer2.png' }}" width="5%" height="5%" alt="">
                    {{ endif }}
                    <strong>Bad quality:</strong>
                        Produces {{ part1_bonus_pool }} in the {{ label_pool }} task and {{ part1_bonus_bad_sep }} in the
                        {{ label_sep }} task.
                </li>

            </ul>
</div>

{#    <p>The decision chosen to count is Decision {{ chosen_decision }} from Stage {{ stage_of_chosen_decision }}.</p>#}
{#    <br>#}
    <div class="alert alert-primary" role="alert">
       <strong>In part 1 of this decision, {{ if not participant.treatment == 'base'}}
           each{{ else }}the{{ endif }} computer
           solved the
           {{ if environment_chosen_decision }}
                {{ label_pool }}
           {{ else }}
                {{ label_sep }}
           {{ endif }}
        {{ if not participant.treatment == 'base'}}
           task.
                {{ if environment_chosen_decision }}
                    Each computer produced {{ payoff_part1_indiv }}.
                {{ else }}
                    One computer produced {{ payoff_part1_good }}, and the other produced {{ payoff_part1_bad }}.
                {{ endif }}
           {{ if participant.treatment == 'salient' and not environment_chosen_decision}}
                    The computer which produced {{ payoff_part1_good }} is of the Good quality.
                    The computer which produced {{ payoff_part1_bad }} is of the Bad quality.
                {{ endif }}
           {{ else }}
               task and produced {{ payoff_part1 }}.
           {{ endif }}
       </strong>
    </div>
    <p>
        Hence, your bonus from this part is {{ payoff_part1 }}.
    </p>


<button style="float: right" class="btn btn-primary btn-large">Next</button>

{% endblock %}

{% block styles %}

{% endblock %}

{% block scripts %}

{% endblock %}