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

{% block title %}
    Quiz
    <br>Cevap 5 / {{ 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>
    Her grup üyesi oyuna
        <br><i>aktif hesabında</i> <b>120 puan</b>,
        <br><i>pasif hesabında</i> <b>120 puan</b>,
        <br><i>ortak grup hesabında</i> <b>360 puan</b>
        <br> ile başlar ve 10 tur sonunda grup hesabında en az <b>600 puan</b> bulunmuyorsa, oyuncuların <u>pasif hesapları</u> etkilenir.
    <br>Bu ifade doğru mudur?

    </p>

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


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

    <p>
    <b>Doğru cevabı nasıl bulduk?</b>
    <br>Her grup üyesinin 120 puan aktif hesabı ve 120 puan pasif hesabı vardır.
     Her grup, bu aşamaya 360 puan içeren ortak bir grup hesabı ile başlar.
    </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 %}