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


{% block content %}
<h1>Decision phase</h1><br>
<p>You are a <strong>{{ type }}</strong> type and your Partner for this period is an <strong> {{ autre_type }}</strong> type. </p>
<!--<p>Except the question with an asterisk (*) do not give you additional ECU, all other questions give you {{ Constants.gain_elicitation|json }} additional ECU for each correct answer (However, you will only know at the end of the game how many good answers you provided and the associate additional gain).</p>
<p>After these questions you will have to make a decision between X and Y in the following table.
    In each case of the table, the first number represent Your potential gain and the second number represent the potential gain of your Partner.
    Your decision and your partner’s decision define the case of the table used for determine the gains of your pair.
    Below the choice table, you will find a description of all combination of decision and the associate gains.</p>-->

    {% include player.tableau_bis_template %}

    {% include player.instructions_template %}


    {% formfield player.AD1 label="What will be the choice of your Partner for this period? (attente descriptive personnelle) "%}

    {% include player.tableau_template %}

<div class="card bg-light m-3">
    <div class="card-body">
        <h1>Instruction</h1>
    {% include Constants.instructions_template_G %}
    </div>
</div>

{% endblock %}


<style>
    .value{position: relative; top:-27px; left:450px}
    .otree-timer {
    background: none; border: none; position: fixed; right:15px
}</style>


{% block scripts %}
<script type="text/javascript">
    var myVar = setInterval(function(){f1()}, 1000);
    var myVar = setInterval(function(){f2()}, 1000);

    function f1() {
        var t = document.getElementById("ADA").value;
        var tt = document.getElementById("ANA").value;
        document.getElementById("ADA_value").innerHTML = t;
        document.getElementById("ANA_value").innerHTML = tt;
    };
    function f2() {
        var ttt = document.getElementById("ADB").value;
        var tttt = document.getElementById("ANB").value;
        document.getElementById("ADB_value").innerHTML = ttt;
        document.getElementById("ANB_value").innerHTML = tttt;
    };
    window.onload = function(){f1();f2();};
</script>

{% endblock %}