{% block title %}
{% endblock %}

{% block content %}
    <div class="alert alert-success text-lg-center lead" role="alert">
        <h2><strong>FEEDBACK PROVIDED</strong></h2>
    </div>

    <div class="card mb-4">
        <div class="card-body" style="line-height: 1.6;">
            <ol class="list-group list-group-flush">
                <li class="list-group-item">
            {% if compensation_type == 'Fixed_wage' or compensation_type == 'Service_charge' %}
            <p style="font-size:16pt" class="mb-4">In each round, <b>after</b> you complete the decode task, you will see your compensation for that round.</p>

            {% elif compensation_type == 'Pre_tip' %}
            <p style="font-size:16pt" class="mb-4">In each round, <b>before</b> you complete the decode task, you will be told how much the Customer has chosen to tip you.
            Then, <b>after</b> you complete the decode task, you will see your compensation for that round.</p>

            {% elif compensation_type == 'Post_tip' %}
            <p style="font-size:16pt" class="mb-4">In each round, <b>after</b> you complete the decode task, you will be told how much the Customer has chosen to tip you.
            You will also see your compensation for that round.</p>
            {% endif %}

            <p style="font-size:16pt" class="mb-4">Please note that the Customer will see the number of decodes you correctly complete
                each round, which represents the quality of your service. They will not see the wage you receive from the
                restaurant or your total compensation.
            </p>
                </li>

                 <li class="list-group-item">
            <h4 style="font-size:18pt" class="mt-4 mb-4"><strong>End of Round Feedback</strong></h4>

            <p style="font-size:16pt" class="mb-3">At the end of each round, you will receive feedback showing:</p>
            <ul style="font-size:16pt" class="mb-4">
              <li>your compensation for that round,</li>
              <li>the individual components that make up your compensation, and</li>
              <li>your cumulative compensation up to that round.</li>
            </ul>

            <p style="font-size:16pt" class="mb-3">Similarly, the Customer will receive feedback showing:</p>
            <ul style="font-size:16pt" class="mb-4">
              <li>their payoff for that round,</li>
              <li>the individual components that make up their payoff, and</li>
              <li>their cumulative payoff up to that round.</li>
            </ul>
                     <p style="LINE-HEIGHT:0.5pt"><br></p>
                     <p style="font-size:16pt">Next, you will take a short quiz to test your understanding of your role and the instructions.</p>
                 </li>

            </ol>

        </div>
    </div>

    <div class="my-3">
        <p style="font-size:16pt" class="mb-4">Please click ‘Next’ to continue.</p>
        {{ next_button }}
    </div>

{% endblock %}