{% extends "giftExchangeFinal/Page.html" %}
{% load otree static %}


{% block content %}
    <div class="fixed-top" style="background-color: lightgrey" >
        <timerAndPeriod>
         <p style="text-align:left">
            Periode

            <span style="float:right" ><span id="timerCount">Zeit [min]<br><span id="time"></span></span></span>
             <br> <span style="float:left" id="period"></span>

         </p>
        </timerAndPeriod>
    </div>

    {% if group.offer_accepted %}
        <p>
            {% if player.role == 'worker' %}
            Sie haben das Angebot <strong>akzeptiert</strong>.
            {% else %}
            Der Arbeitnehmer hat Ihr Angebot <strong>angenommen</strong>.
            {% endif %}
        <p>
        <table class="table table-condensed" style="width:auto">
                <tr>
                    <th>Gehaltsangebot</th>
                    <th>Arbeitsleistung</th>
                    <th>Kosten der Arbeitsleistung</th>
                    <th>Sie erhalten</th>
                </tr>
                <tr>
                    <td>{{ group.offer_amount| floatformat:-2 }} Taler</td>
                    <td>{{ group.worker_workload }}</td>
                    <td>{{ workload_cost| floatformat:-2 }} Taler</td>
                    <td>{{ received| floatformat:-2 }} Taler</td>
                </tr>
        </table>
    {% else %}
        <p>
            {% if player.role == 'worker' %}
                Sie haben das Angebot <strong>abgelehnt</strong>.
                Ihr Ergebnis in dieser Runde beträgt <strong>{{ Constants.reject_worker_pay| floatformat:-2 }}</strong>
                Taler.
            {% else %}
                Der Arbeitnehmer hat Ihr Angebot <strong>abgelehnt</strong>.
                Ihr Ergebnis in dieser Runde beträgt <strong>{{Constants.reject_leader_pay| floatformat:-2 }} </strong>
                Taler.
            {% endif %}
        </p>
    {% endif %}

    <p>{% next_button %}</p>


{% endblock %}