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


{% block content %}
<h1>Result</h1><br>
<p>You are a <strong>{{ type }}</strong> type and your Partner for this period was an <strong> {{ autre_type }}</strong> type. </p>

    <p>
        For this Period You choose <span id="moi"> </span> and your Partner choose <span id="lui"> </span> <br>
        In consequences of these choices You win {{ moi_gain|json }} ECU and your Partner win {{ lui_gain|json }} ECU.
    </p>

    <p>
        A Supprimer !!!! <br>  Attentes descriptives sur les A {{ player.Gain_ADA|json }} <br>  Attentes descriptives sur les B {{ player.Gain_ADB|json }}
        <br>  Attentes normative par les A {{ player.Gain_ANA|json }} <br>  Attentes normative par les B {{ player.Gain_ANB|json }}
        <br>  Attentes descriptives d'ordre 1 {{ player.Gain_AD1|json }}.
    </p>

    {% next_button %}

    <div class="card bg-light m-3">
    <div class="card-body">
        <h1>Instruction</h1>
    {% include Constants.instructions_template_G %}
    </div>
</div>
<style>.otree-timer {
    background: none; border: none; position: relative; right:15px
}</style>
{% endblock %}

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

    function f1() {
        if ({{ moi_decision }} == 1) {p = "X";} else{p = "Y"};
        if ({{ lui_decision }} == 1) {pp = "X";} else{pp = "Y"};
        document.getElementById("moi").innerHTML = p;
        document.getElementById("lui").innerHTML = pp;
    };
    window.onload = function(){f1();};
</script>

{% endblock %}