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

{% block title %}
    Runde {{ subsession.round_number }} von {{ Constants.num_rounds }}
{% endblock %}



{% block content %}
<br>
<table class="table">
    <tr>
        <b><h5>Für alle Runden gleich:</h5></b>
    </tr>
    <tr>
        <th>Ihre Rolle:</th>
        <td>Experte</td>
    </tr>
    <tr>
        <th>Ihre Kosten für die Behandlung:</th>
        <td>hohe Qualität: {{ Constants.cost_hqt }} / niedrige Qualität: {{ Constants.cost_lqt }}</td>
    </tr>
</table>

<br><br><br>

{% formfield group.price_hqt label="Bitte geben Sie hier Ihren Preis für die Behandlung mit hoher Qualität ein:"%}
{% formfield group.price_lqt label="Bitte geben Sie hier Ihren Preis für die Behandlung mit niedriger Qualität ein:"%}


{% next_button %}

{% if subsession.round_number > 1 %}
<br><br><br>
<div>
    <button id="button" type="button"  class="btn btn-primary btn-large" onclick="showhide()">vorherige Runden ein-/ausblenden</button>
<br><br>
        <div id="newpost" style="display: none">
            <table class="table">
                <tr>
                    <th>Runde</th>
                    <th>Preise</th>
                    <th>Entscheidung des Klienten</th>
                    <th>Problem</th>
                    <th>Behandlungsvorschlag</th>
                    <th>Ihre Auszahlung</th>
                </tr>
                {% for p in player.in_previous_rounds %}
                <tr>
                    <td>{{ p.round_number }}</td>
                    <td>{{ p.group.price_hqt }} / <br>{{ p.group.price_lqt }}</td>
                    <td>{% if p.group.enter_market == "Yes" %}Behandlung{% else %}Keine Behandlung{% endif %}</td>
                    <td>{% if p.problem_type == "Major" %}groß{% else %}klein{% endif %}</td>
                    <td>{% if p.group.expert_proposed_solution == "HQT" %}hohe Qualität{% else %}Niedrige Qualität{% endif %}</td>
                    <td>{{ p.payoff }}</td>
                </tr>
                {% endfor %}
            </table>

        </div>
</div>
{% endif %}
{% endblock %}


{% block scripts %}
<script>
     function showhide()
     {
           var div = document.getElementById("newpost");
    if (div.style.display !== "none") {
        div.style.display = "none";

    }
    else {
        div.style.display = "block";
    }
     }
  </script>
{% endblock %}