{% load otree static %}

{% block content %}
    <div class="card mt-5">
        <div class="card-body">
            <h3 class="card-title">Instructions</h3>
            <p class="card-text">
               You will receive 4 signals indicating which suitcase is more expensive.
            </p>
            <p class="card-text">
                However, the signals are not perfect, and the accuracy of each signal will vary randomly and will be independent of others. This means the accuracy level of one signal does not affect the accuracy level of another. Here's how it works:
            </p>
            <ul>
                <li>For each signal, there is a <strong>50% chance</strong> that it will have <strong>90% accuracy</strong>:
                    <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>For the same signal, with the other <strong>50% chance</strong>, it will be <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">
                After receiving each signal, your task will be to re-evaluate the probability that the first suitcase (purple) is more expensive than the second (black). Remember that each signal can have a different accuracy level, so some may be more reliable than others.
            </p>

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