{% 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>Klient</td>
    </tr>
    <tr>
        <th>Ihre Typ:</th>
        <td>{% if player.customer_type == 'high' %}Typ B{% else %}Typ A{% endif %}</td>
    </tr>
    <tr>
        <th>Kosten für den Experten:</th>
        <td>hohe Qualität: {{ Constants.cost_hqt }} / niedrige Qualität: {{ Constants.cost_lqt }}</td>
    </tr>
</table>

<br>

<p>
    Der Experte hat den Preis für eine Behandlung mit <b>hoher Qualität</b> auf <b>{{ group.price_hqt }}</b> und der Preis
    für die Behandlung mit <b>niedriger Qualität</b> auf <b>{{ group.price_lqt }}</b> festgelegt.
</p>

<p>
    Sie haben einen Versicherungsschutz von <b>{{ group.cir }}%</b> festgelegt.
</p>

<p>
    Der Experte hat eine {% if group.expert_proposed_solution == "HQT" %}Behandlung mit <b>hoher Qualität</b>{% else %}Behandlung mit <b>niedriger Qualität</b>{% endif %} vorgeschlagen.
</p>

<br><br><br>

<p>
    Wollen Sie diese vorgeschlagene Behandlung annehmen?
</p>

{% formfield group.enter_market label="" %}

{% next_button %}
{% if subsession.round_number > 1 %}

<br><br><br>
<div>
    <button id="button" class="btn btn-primary btn-large"  type="button" 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>Ihre Entscheidung</th>
                    <th>Ihre Auszahlung</th>
                </tr>
                {% for p in player.in_previous_rounds %}
                <tr>
                    <td>{{ p.round_number }}</td>
                    <td>{{ p.group.price_hqt }} / {{ p.group.price_lqt }}</td>
                    <td>{% if p.group.enter_market == "Yes" %}Behandlung{% else %}Keine Behandlung{% 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 %}