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

{% block title %}
    Quiz
    <br>Cevap 2 / {{ C.NUMQUESTIONS }}
{% endblock %}
{% block styles %}

    <!-- define a style -->
    <style type="text/css">


        .otree-btn-next {
            display: none;
        }
        #msg{
            padding: 20px;
            background: #C0E6FF;
            color: red;
        }


    </style>

{% endblock %}

{% block content %}
    <p>
    Diyelim ki 10 tur sonunda
        <br><i>1.Oyuncu</i> <u>25 puan</u>,
        <br><i>2.Oyuncu</i> <u>37 puan</u>,
        <br><i>3.Oyuncu</i> <u>-41 puan</u>,
        <br><i>4.Oyuncu</i> <u>49 puan</u>,
        <br><i>5.Oyuncu</i> <u>3 puan</u> ve
        <br><i>6.Oyuncu</i> <u>72 puan</u> toplamda katkıda bulundu.
        <br>Bu durumda, ortak grup hesabında kaç puan vardır?

    </p>

    <p>
        <b>Cevabınız:</b>
        <br>{{ player.q2 }}
    </p>


    <p>
        <b>Cevabınız doğru mu?</b>
        <br>{{ player.q2_dogru }}
    </p>

    <p>
    <b>Doğru cevabı nasıl bulduk?</b>
    <br>Grubun 10 tur sonundaki toplam katkısı 25+37-41+49+3+72=145’dir.
     Ortak grup hesabında başlangıçta 360 puan bulunur.
     Böylece, 10 tur sonunda grup hesabında toplam 360+145=505 puan vardır.
    </p>

    <script>
        window.onload = function(){
          setTimeout(loadAfterTime, 120000);
          setTimeout(disappearAfterTime, 120000);
        };

        function loadAfterTime() {
           $(".otree-btn-next").css("display", "block");
        }
        function disappearAfterTime() {
           $("#msg").hide();
        }
    </script>

        <br>
        {% next_button %}
        <p id="msg">
           Lütfen soruyu ve doğru cevabı dikkatlice inceleyin. İlerle butonu 2 dakika sonra aktif olacaktır.
        </p>
    {{ include C.INSTRUCTION_TEMPLATE }}
{% endblock %}