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

{% block title %}
    Ihre unbedingte Entscheidung
{% endblock %}

{% block content %}


    <p><strong>Sie wissen nicht, was der andere Teilnehmer macht. Möchten Sie A oder B wählen?</strong></p>

<!--
    <table class="table", border="1">
        <tr>
            <th></th><th class="text-center", colspan="2">Entscheidung des anderen Spielers</th>
        </tr>
        <tr>
            <th class="text-center">Ihre Entscheidung</th> <td class="text-center">A</td class="text-center"><td class="text-center">B</td>
        </tr>
        <tr>
            <td class="text-center"><button name="unconditionalcoop" value="0" class="btn btn-primary btn-large">I will play A</button></td> <td class="text-center">{{ Constants.cooperation_payoff }},{{ Constants.cooperation_payoff }}</td><td class="text-center">{{ Constants.sucker_payoff }},{{ Constants.temptation_payoff }}</td>
        </tr>
        <tr>
            <td class="text-center"><button name="unconditionalcoop" value="1" class="btn btn-primary btn-large">I will play B</button></td> <td class="text-center">{{ Constants.temptation_payoff }},{{ Constants.sucker_payoff }}</td><td class="text-center">{{ Constants.defection_payoff }},{{ Constants.defection_payoff }}</td>
        </tr>
    </table> -->

    <table class="table", style="width:800px", align="center", border="3">
        <tr>
            <th></th><th class="text-center", colspan="2">Entscheidung des anderen Teilnehmers</th>
        </tr>
        <tr>
            <th class="text-center">Ihre Entscheidung</th> <td class="text-center">A</td class="text-center"><td class="text-center">B</td>
        </tr>
        <tr>
            <td class="text-center">
                <label for="id_unconditionalcoop_0" class="btn btn-primary btn-large"><input type="radio" id="id_unconditionalcoop_0" value="0" name="unconditionalcoop" required> A </label></td> <td class="text-center">Sie: <strong>{{ Constants.cooperation_payoff }}€</strong>; Anderer Teilnehmer: <strong>{{ Constants.cooperation_payoff }}€</strong></td><td class="text-center">Sie: <strong>{{ Constants.sucker_payoff }}€</strong>; Anderer Teilnehmer: <strong>{{ Constants.temptation_payoff }}€</strong></td>
        </tr>
        <tr>
            <td class="text-center">
                <label for="id_unconditionalcoop_1" class="btn btn-primary btn-large"><input type="radio" id="id_unconditionalcoop_1" value="1" name="unconditionalcoop" required> B </label></td> <td class="text-center">Sie: <strong>{{ Constants.temptation_payoff }}€</strong>; Anderer Teilnehmer: <strong>{{ Constants.sucker_payoff }}€</strong></td><td class="text-center">Sie: <strong>{{ Constants.defection_payoff }}€</strong>; Anderer Teilnehmer: <strong>{{ Constants.defection_payoff }}€</strong></td>
        </tr>
    </table>

<button class="btn btn-primary btn-large">Meine Entscheidung bestätigen</button>


{% endblock %}