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


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

{% block content %}


    <p><strong>Falls der andere Teilnehmer A wählt, möchten Sie A oder B wählen?</strong></p>
    <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" bgcolor="#FF8D33">A</td class="text-center"><td class="text-center">B</td>
        </tr>
        <tr>
            <td class="text-center">
                <label for="id_conditionalcoop_0" class="btn btn-primary btn-large"><input type="radio" id="id_conditionalcoop_0" value="0" name="conditionalcoop" class="btn btn-primary btn-large" required> A </label></td> <td class="text-center" bgcolor="#FF8D33">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_conditionalcoop_1" class="btn btn-primary btn-large"><input type="radio" id="id_conditionalcoop_1" value="1" name="conditionalcoop" class="btn btn-primary btn-large" required> B </label></td> <td class="text-center" bgcolor="#FF8D33">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>
    </br>

    <p> <strong> Falls der andere Teilnehmer B wählt, möchten Sie A oder B wählen?</strong></p>

    <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" bgcolor="#FF8D33">B</td>
        </tr>
        <tr>
            <td class="text-center">
                <label for="id_conditionalcoop2_0" class="btn btn-primary btn-large"><input type="radio" id="id_conditionalcoop2_0" value="0" name="conditionalcoop2" class="btn btn-primary btn-large" 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" bgcolor="#FF8D33">Sie: <strong>{{ Constants.sucker_payoff }}€</strong>; Anderer Teilnehmer: <strong>{{ Constants.temptation_payoff }}€</strong></td>
        </tr>
        <tr>
            <td class="text-center">
            <label for="id_conditionalcoop2_1" class="btn btn-primary btn-large"><input type="radio" id="id_conditionalcoop2_1" value="1" name="conditionalcoop2" class="btn btn-primary btn-large" 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" bgcolor="#FF8D33">Sie: <strong>{{ Constants.defection_payoff }}€</strong>; Anderer Teilnehmer: <strong>{{ Constants.defection_payoff }}€</strong></td>
        </tr>
    </table>



{{ form.errors }}

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

{% endblock %}