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

{% block title %}
    Quiz
    <br>Cevap 4 / {{ 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>
    Bir turda, 2.Oyuncu ortak grup hesabından en fazla <b>1 puan</b> alıp kendi aktif hesabına aktarabilirken(<u>-1 katkı yapabilirken</u>),
    4.Oyuncu ortak grup hesabından en fazla <b>3 puan</b> alıp kendi aktif hesabına aktarabilir(<u>-3 katkı yapabilir</u>).
    <br>Bu ifade doğru mudur?

    </p>

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


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

    <p>
    <b>Doğru cevabı nasıl bulduk?</b>
    <br>Her grup üyesi kendi aktif hesabından 8, 7, 6, 5, 4, 3, 2, 1 veya 0 puan ortak grup hesabına katkıda bulunabilir.
    Grup hesabından puan çekme kapasitesi ise grup üyeleri arasında farklılık gösterir. Grubunuzdaki “1.Oyuncu”,
    “2.Oyuncu”, “3.Oyuncu” ortak grup hesabından sadece -1 puan; grubunuzdaki “4.Oyuncu”, “5.Oyuncu” ve “6.Oyuncu”
    ise ortak grup hesabından -1, -2, -3, -4 veya -5 puan çekerek kendi aktif hesabına puan alabilir.
    </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 %}