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

{% block title %}
    <div class=" alert alert-warning" align="center">Runde {{player.round_number}} von {{Constants.num_rounds}}</div>
{% endblock %}

{% block content %}

<div class="card bg-light m-3">
    <div class="card-body">
<div class="card" style="height: 185px;width: 750px; margin-left:auto; margin-right:auto; background-color: #f8f9fa ">
<p><br><u>In Stufe 1:</u><br> Sie haben einen Transfer von <b>{{group.sent_amount|c}}n</b> vorgeschlagen, den ihr zugewiesener Prüfer
    {% if group.transfer_accepted == 1 %}
    <b>akzeptiert</b> hat.
    {% elif group.transfer_accepted == 0 %}
    <b>abgelehnt</b> hat.
    {% else %}
    <b>empty</b>.
    {% endif %}
</p>

        <p><u>In Stufe 2:</u><br>Sie haben <b>{{group.Guess_6s_Pic1}}</b> Objekte geschätzt.
        Ihr zugewiesener Prüfer hat entschieden, <br>dass diese Schätzung

            {% if group.prize_awarded == 1 %}
                <b>gut genug </b> war,
            {% elif group.prize_awarded == 0 %}
                <b>nicht gut genug </b> war,
            {% else %}
                <b>"undefined"</b>
            {% endif %}

            um ein Preisgeld von 20 Talern zu verdienen.</p>

        </div>
        <p><br><br><b><u>Stufe 3:</u></b><br>Möchten Sie eine Überprüfung zu Kosten von {{1|c}} beantragen?</p>
        <div align="center">
    <button name="review_requested_est" value="True" class="btn btn-primary btn-large" style="width: 100px; height: 40px">Ja</button>
    <button name="review_requested_est" value="False" class="btn btn-primary btn-large" style="width: 100px; height: 40px">Nein</button>
</div>
<br><br>
        <p style=" margin-bottom: 8px;"><b>Zur Erinnerung:</b><br></p>
        {% if participant.vars.treatment == 1 %}
        <p style="margin-bottom: 8px;text-align:center">Wenn eine Überprüfung durchgeführt wird, werden sowohl Sie als auch der Prüfer über das Resultat informiert.
        {% else %}
        <p style="margin-bottom: 8px;text-align:justify">Wenn eine Überprüfung durchgeführt wird, werden sowohl Sie als auch der Prüfer über das Resultat informiert.
        {% endif %}

        {% if participant.vars.treatment == 1 %}
            <br>Mit der Überprüfung der beiden Stufen sind keine Konsequenzen verbunden.
        {% elif participant.vars.treatment == 2 %}
            Ihnen werden {{ 8|c }} vom Einkommen abgezogen, wenn bei der Überprüfung von Stufe 1 festgestellt wird,
            dass Sie einen Transfer größer 8 vorgeschlagen haben. Mit der Überprüfung von Stufe 2 sind keine Konsequenzen verbunden.
        {% elif participant.vars.treatment == 3 %}
            Dem Prüfer werden {{ 8|c }} vom Einkommen abgezogen, wenn bei der Überprüfung von Stufe 2 festgestellt wird, dass
            der Inspektor eine andere Entscheidung getroffen hätte. Mit der Überprüfung von Stufe 1 sind keine Konsequenzen verbunden.
        {% elif participant.vars.treatment == 4 %}
            Dem Prüfer werden {{ 8|c }} vom Einkommen abgezogen, wenn bei der Überprüfung von Stufe 1 festgestellt wird, dass
            der Prüfer einen Transfer größer 8 akzeptiert hat. Mit der Überprüfung von Stufe 2 sind keine Konsequenzen verbunden.
        {% elif participant.vars.treatment == 5 %}
            Der Preis von 20 Talern wird Ihnen aberkannt, wenn bei der Überprüfung von Stufe 2 festgestellt wird, dass
            der Inspektor den Preis nicht vergeben hätte. Mit der Überprüfung von Stufe 1 sind keine Konsequenzen verbunden.
        {% endif %}

        </p>


<div class="row d-flex justify-content-center ">

</div>
<br>
<br>


 </div>
</div>








<style>


.input-group {

    margin-left: auto;
    margin-right: auto;
    //width: 200px
    //margin-left: 25px;
}


  .otree-form  {
       text-align: center;
  }

  .otree-timer {
    color: #3e3a3a;
    background-color: #c3c3c300;
    // background-color: #c3c3c39e;
    border-color: #c3c3c300;
    // border-color: #c3c3c39e;
    text-align: center;
    //position: absolute;
    //bottom: 100%;

  }



 .otree-timer {
 display: none;
%order: -1;
}

.debug-info {
//  display: none;
order: 3;
}


</style>


{% endblock %}