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

{% load otree %}



{% block title %}

<img align = "center" style = "display: block;margin-left: auto;margin-right: auto;width:64%;" src="{% static 'image/MasterLogo.jpeg' %}" />
<hr>
    Welcome to the MQBS Experimental Economics Laboratory
{% endblock %}


{% block content %}
<br>


   <audio autoplay><source src="{% static 'audio/Overview_2.mp4' %}" type="audio/mpeg"></audio>

<style>
    .otree-timer {
        display: none;
    }
</style>

<div class="card bg-light description">
    <div class="card-body">

    <h3>Today’s experiment has 3 parts:</h3>


<p>

    <br>
    <strong>Part 1: A start-up task</strong>
    <br>
    We will ask you to make ten choices between two lotteries.
    <br>
    <br>
    <strong>Part 2: The main study</strong>
    <br>
    You will take the role of a financial analyst and make predictions about future prices based on information that we will show you.
    <br>
    <br>
    <strong>Part 3: A follow-up questionnaire</strong>
    <br>
    We will ask you to complete a standard follow up questionnaire about you, and give you an opportunity to provide feedback.
    <br>
    </div>
</div>
    <br>
    <br>
    <div class="card bg-light description">
    <div class="card-body">
    We will provide you with instructions on how to complete each part of the study. If you have questions please raise your hand and a lab administrator will visit your desk to assist you.
    <br>
        <br>
         Please do not talk with anyone while completing the experiment.
<br>
        <br>
    In some parts of the experiment we will ask you to wear a cold pack on your arm for 2 minutes. We will let you know when we would like you to do this. If the cold pack becomes unbearable you can remove it before the 2 minutes is complete.

</p>
    </div>
</div>
<br>
    <br>

    <button class="otree-btn-next btn btn-primary" style="float: right">Next--></button>

<script>
    // Hide the next button until the audio completes
$(".otree-btn-next").hide();

// Reveal the next button after the audio completes
setTimeout(
    function () {
        //alert("Time has run out. Please make your decision.");
        $(".otree-btn-next").show()
    },
    66*1000 // 5 seconds here. # updated to 1 minute and 06 seconds
);
</script>




{% endblock %}