{% block title %}
<style>
    .center-text {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
</style>
<style>
    .center-text2 {
        text-align: center;

    }
</style>
{{ if player.round_number == 1 }}
    Bitte warten Sie, bis die anderen Teilnehmenden ihre Entscheidung getroffen haben.
{{ else }}
<div class="center-text">
    Gewinn - Runde {{prev_round}} von 10
</div>
{{ endif }}
{% endblock %}

{% block content %}
<style>
    .otree-body{
        background-color: lightgrey;
        border-radius: 10px;

    }
    .table-container {
        background-color: #f2f2f2;

        border-radius: 10px;
        max-width: 900px;
        margin: auto;

    }

    table {
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }

    th, td {
        text-align: center;
        vertical-align: middle;
        border: 2px solid black;
        padding: 12px;
        font-size: 16px;
    }

    th:first-child {
        border-top-left-radius: 10px;
    }
    th:last-child {
        border-top-right-radius: 10px;
    }
    tr:last-child td:first-child {
        border-bottom-left-radius: 10px;
    }
    tr:last-child td:last-child {
        border-bottom-right-radius: 10px;
    }
</style>
{{ if player.round_number == 1 }}

{{ else }}
    <div class="table-container">
    {{ if group.optimization }}
    <table>
        <tr>
            <th>Ihr Preis <br> p</th>
            <th>Produktion <br> y &times; p</th>
            <th>Durchschnittspreis <br> P</th>
            <th>Kosten pro Stück<br> P - {{ player.cost_deduction }}</th>
            <th>Gewinn pro Stück<br> p - P + {{ player.cost_deduction }}</th>
            <th>Gewinn <br> y &times; (p - P + {{ player.cost_deduction }})</th>
        </tr>
        <tr>
            <td>{{player.observer_guess}}</td>
            <td>{{player.output}}</td>
            <td>{{player.pre_average_price}}</td>
            <td>{{player.unit_costs}}</td>
            <td>{{player.per_piece_earnings}}</td>
            <td>{{player.earnings}}</td>
        </tr>
    </table>
    {{ else }}
    <table>
        <tr>
            <th>Ihr Preis p</th>
            <th>Durchschnittspreis P</th>
            <th>Zielpreis<br> z = {{ player.pre_average_price }} + 1/2&times;P</th>
            <th>Gewinn <br> </th>
        </tr>
        <tr>
            <td>{{player.observer_guess}}</td>
            <td>{{player.pre_average_price}}</td>
            <td>{{player.pre_price_aim}}</td>
            <td>{{player.earnings}}</td>
        </tr>
    </table>
    {{ endif }}
{{ endif }}
</div>
<div class="center-text2">
{{ if group.optimization }}
 <br>
    <b> Hinweis: </b> Sie erzielen einen hohen Gewinn, wenn sich die Produktion und der Gewinn pro Stück nicht stark voneinander unterscheiden. <br>
    <br>
<br>
{{ else }}
 <br>
    <b> Hinweis: </b>Je näher Ihr Preis am Zielpreis liegt, desto höher Ihr Gewinn.<br>

<br>

{{ endif }}
</div>
<div class="center-text">
    {{ formfields }}
    <button class="otree-btn-next btn btn-primary">Weiter</button>
</div>

{% endblock %}