{% load otree static %}

{% load otree static %}

{% block content %}
<div class="card mt-5">
    <div class="card-body">
        <h3 class="card-title">Instructions</h3>
        <p class="card-text">
            In this part of the experiment, you will receive 4 signals that give you insight into whether the first suitcase (purple) is more or less expensive than the second (black). After each signal, you will be asked to reassess the probability that the first suitcase (purple) is more expensive.
        </p>
        <p class="card-text">
             Imagine a box containing exactly 100 cards, with 50 of them labeled as <strong>"Informative"</strong> and 50 as <strong>"Noise."</strong>
        </p>
         <p class="card-text">
            For each signal, a card is randomly drawn from this box, and the type of signal you'll receive is based on the label of the drawn card. After delivering the signal to you, the card is returned to the box, ensuring that each draw is independent and the chances to receive each card remain constant throughout the experiment.
        </p>
        <p class="card-text">
            The labels on the cards have the following meanings:
        </p>
          <ul>
            <li>
                <strong>Informative Cards:</strong> A card labeled as informative signifies that the signal you receive is <strong>90% accurate</strong>. Specifically:
                 <ul>
                     <li>If the first suitcase (purple) is more expensive, there is a 90% chance you will correctly receive a "first (purple) is more expensive" signal and a 10% chance you will receive an incorrect "first (purple) is less expensive" signal.</li>
                    <li>If the second suitcase (the black) is more expensive, there is a 90% chance you will correctly receive a "first (purple) is less expensive" signal and a 10% chance you will receive an incorrect "first (purple) is more expensive" signal.</li>
                 </ul>
            </li>
            <li>
                <strong>Noise Cards:</strong> A "Noise" card signifies that the signal you receive is <strong>50% accurate</strong>, meaning:
                <ul>
                    <li>Regardless of which suitcase is more expensive, you will have an equal chance of receiving either a "first (purple) is more expensive" or "first (purple) is less expensive" signal.</li>
                </ul>
            </li>
        </ul>

        <p class="card-text">
           Please note: Details about the prices of the suitcases (which is more expensive) and the accuracy level of the signals (informative or noise) you receive will not be disclosed at any stage of the experiment.
        </p>
        </p>
        <form method="post">
            <button type="submit" class="btn btn-primary mt-3">Continue</button>
        </form>
    </div>
</div>
{% endblock %}