{% block title %}
{% endblock %}

{% block content %}
    <div class="alert alert-success text-lg-center lead" role="alert">
        <h2><strong>COMPENSATION</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">As a Worker, your compensation in each round is determined as follows:</p>

            {% if compensation_type == 'Fixed_wage' %}
            <h3 class="text-center" style="font-size:16pt"><strong>Compensation = Wage Paid by the Restaurant</strong></h3>
            <hr>
            <p style="font-size:16pt" class="mb-4">In each round, you will be paid <b> a fixed wage of {{ fixed_high }} tokens </b> by the restaurant.
            Please note that this fixed wage is <b>higher</b> than the standard wage at similar restaurants.</p>
            <p style="font-size:16pt">As a result, Customers will <b>not</b> pay you additional compensation for your service.</p>

            {% elif compensation_type == 'Service_charge' %}
            <h3 class="text-center" style="font-size:16pt"><strong>Compensation = Wage Paid by the Restaurant + Service Charge</strong></h3>
            <hr>
            <p style="font-size:16pt" class="mb-4">In each round, you will be paid <b> a fixed wage of {{ fixed_low }} tokens </b>by the restaurant.
            Please note that this fixed wage is the <b>standard</b> wage paid at similar restaurants.</p>
            <p style="font-size:16pt">In addition, the Customer pays you a <b>service charge</b> of <b>{{service_charge}} tokens </b> for your service,
            which you receive as additional compensation. This service charge is <b>fixed</b>,
            so Customers will pay you {{service_charge}} tokens in each round, regardless of the the quality of your service.</p>

            {% elif compensation_type == 'Pre_tip' %}
            <h3 class="text-center" style="font-size:16pt"><strong>Compensation = Wage Paid by the Restaurant + Customer Tip</strong></h3>
            <hr>
            <p style="font-size:16pt" class="mb-4">In each round, you will be paid a <b>fixed wage of {{ fixed_low }} tokens</b> by the restaurant.
            Please note that this fixed wage is the <b>standard </b> wage paid at similar restaurants.</p>
            <p style="font-size:16pt">In addition, the Customer pays you <b>a tip</b> for your service, which you receive as additional compensation.
            The Customer will decide how much to tip you in each round. Importantly, the Customer tips you <b>before</b> you provide the service.</p>

            {% elif compensation_type == 'Post_tip' %}
            <h3 class="text-center" style="font-size:16pt"><strong>Compensation = Wage Paid by the Restaurant + Customer Tip</strong></h3>
            <hr>
            <p style="font-size:16pt" class="mb-4">In each round, you will be paid a <b>fixed wage of {{ fixed_low }} tokens</b> by the restaurant.
            Please note that this fixed wage is the <b>standard</b> wage paid at similar restaurants.</p>
            <p style="font-size:16pt">In addition, the Customer pays you <b>a tip</b> for your service, which you receive as additional compensation.
            Customers will decide how much to tip you in each round. Importantly, the Customer tips you <b>after</b> you provide the service.</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 %}