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

{% block title %}İkinci Aşama{% endblock %}

{% block content %}
    {% include C.INSTRUCTION_TEMPLATE %}

{% block styles %}

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


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


    </style>

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

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

        <br>
        {% next_button %}
        <p id="msg">
           Lütfen bilgileri dikkatlice okuyun. İlerle butonu 4 dakika sonra aktif olacaktır.
        </p>




{% endblock %}