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

{% block title %}
Instructions (1/2)
{% endblock %}

{% block styles %}
<style>
.content {
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    text-align: left;
}
.page-header {
    margin: 20px;
}

.otree-body.container {
    margin: 0px auto 0px;
    font-weight: normal;
    padding-top: 1%;
}


</style>
{% endblock %}

{% block content %}
<div class="row content">
    <div class="col-8">
      <p>The study is separated into 6 parts of 50 rounds each.</p>

      <p>In each round, you will play a game against the computer, who we call your <b><font color="red">opponent</font></b>.</p>

      <p>In each round, both you and your opponent will choose
            between two options:</p>
            <p></p>
            <center>
            "Option A" or "Option B"
            </center>
            <p></p>
            <p>Importantly, <font color="red"><b>your computerized opponent chooses according to a rule</b></font> that you will learn below.</p>

            <p>Here is how to earn points:</p>
        <ul>
        <li>If you choose Option A, the number of points you receive does not depend on whether
          your opponent chooses Option A or B. The amount of points you receive for choosing Option A can be different in different rounds and will be displayed on your screen.</li>
        <li>If you choose Option B, the number of points you receive depends on your
          opponent’s decision: if your opponent chooses Option A, you will receive {{Constants.downside}} points; if your
          opponent also chooses Option B you will receive {{Constants.upside}} points. </li>
          </ul>
          <p><b>Your Opponent's Rule</b></p>
          <p>You will not have to guess how your computerized opponent will behave.</p> 
          <p>This is because <font color="red"><b>your opponent is programmed to choose according to the following rule</b></font>: 
          
          <ul>
        <li>If Option A delivers 55 points or more, your opponent chooses Option A.</li>
        <li>If Option A delivers less than 55 points, your opponent chooses Option B.</li>
        </ul>

        <p>To be clear: your computerized opponent follows the rule above without exceptions. So, you can be certain about how your opponent’s choice depends on the number of points that Option A delivers.</p>
        
   <!--
    <p>Here is how your computerized opponent earns points:</p>
        <ul>
        <li>If Option A delivers 55 points or more, then the rule says your opponent must choose Option A. His/her payoff will not depend on your decision, and he/she earns the points given by Option A.</li>
        <li>If Option A delivers less than 55 points, then the rule says your opponent must choose Option B. His/her payoff depends on your choice in this case. If you choose Option A, your opponent will receive 47 points, and if you choose Option B, your opponent will receive 63 points.</li>
        </ul>
      -->
      
        <center>
          {% next_button %}

      </div>
  </div>

{% endblock %}