{% block title %}
{% endblock %}

{% block content %}
    <div class="alert alert-success text-lg-center lead" role="alert">
        <h2><strong>CUSTOMER SATISFACTION AND PAYOFF</strong></h2>
    </div>

    <div class="card mb-4">
        <div class="card-body" style="line-height: 1.6;">
            <p style="font-size:16pt" class="mb-4">
                Importantly, the quality of your service increases the Customer’s level of satisfaction.
                At the end of the study, the Customer’s satisfaction determines their payoff. <b>Completing more decodes
                leads to higher quality of service</b>, which in turn leads to higher customer satisfaction. Higher customer satisfaction results in a <b>higher</b> payoff for the Customer.
            </p>

            {% if compensation_type == 'Service_charge' %}
            <p style="font-size:16pt">
                However, the service charge the Customer pays you decreases the Customer’s payoff.
            </p>
            {% elif compensation_type == 'Pre_tip' or compensation_type == 'Post_tip' %}
            <p style="font-size:16pt">
                However, the tip the Customer pays you decreases the Customer’s payoff.
            </p>
            {% endif %}
        </div>
    </div>

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

{% endblock %}