{% 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">
<br>
<br>
<p>Die Zeit ist um!</p>
<p>Ihr zugewiesener Schätzer hat <b>{{group.Guess_6s_Pic1}}</b> Objekte geschätzt.</p><br>
<p>Entscheiden Sie bitte, ob diese Schätzung gut genug ist, um ein Preisgeld von 20 Talern
    zu verdienen:</p>
<br>
<div align="center">
    <button name="prize_awarded" value="True" class="btn btn-primary btn-large" style="width: 500px; height: 65px">
        Die Schätzung weicht um 5 oder weniger vom wahren Wert ab. <br>Sie ist gut genug und verdient ein 20 Taler Preisgeld.</button><br><br>
    <button name="prize_awarded" value="False" class="btn btn-primary btn-large" style="width: 500px; height: 65px">
        Die Schätzung weicht um mehr als 5 vom wahren Wert ab. <br>Sie ist nicht gut genug und verdient kein 20 Taler Preisgeld.</button>
</div>

<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 %}