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

{% block title %}
    {# Instructions - best to leave empty #}
{% endblock %}

{% block styles %}
    <link href="{% static 'instruction_tabs/custom.css' %}" rel="stylesheet">
{% endblock %}

{% block content %}


<!-- Tab navigation -->
<ul class="nav nav-tabs fixed-top navbar-light bg-light justify-content-center " id="myTab" role="tablist">


  <li class="nav-item" >
    <a class="nav-link active" id="part1-tab" data-toggle="tab" href="#part1" role="tab" aria-controls="part1" onclick="topFunction()"> Tab 1
</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="part2-tab" data-toggle="tab" href="#part2" role="tab" aria-controls="part2" onclick="topFunction()">Tab 2</a>
  </li>


<li class="nav-item">
    <a class="nav-link" id="part3-tab" data-toggle="tab" href="#part3" role="tab" aria-controls="part3" onclick="topFunction()">Tab 3</a>
  </li>

</ul>
<br>
<br>


<!-- Tab content -->
<div class="tab-content" id="myTabContent">

  <div class="tab-pane show active" id="part1" role="tabpanel" aria-labelledby="part1-tab">


<div class="card-header bg-transparent mainheader" >
 <h3 class="card-title font-weight-bold"> General Information
 </h3>
  </div>
<br>
            <p>
                Welcome to this experiment and thank you very much for your participation! Please make sure
                to read the instructions very carefully as understanding these will be important
                both for our research and your reward from this experiment. While going through the different
                screens and tasks please do not speak with anyone else or get distracted
                by anything else (in particular, please close other applications and open tabs
                in your browser).
            </p>
            <p>
                Your participation in this research study is voluntary.
                You may choose not to participate. If you decide to
                participate in this research survey, you may withdraw at
                any time. You will need to perform a decision-making task and answer some questions.
                It will take approximately 15 minutes.
            </p>
            <p>
                It is important that you make your decisions on your own.
                All your decisions and choices will remain completely anonymous.
            </p>
           <p>
                In this experiment, you can earn a substantial amount of money.
                The amount you will finally earn depends on your own decisions, the decisions of
                other participants and on chance. You will receive your payment within a couple of days
                after completing the study.
            </p>
            <p>
                All payoffs will be expressed in terms of experimental currency units (ECU).
                At the end, all experimental currency units will be exchanged into US Dollars with a
                conversion rate of 2:1. That means, for each 2 ECU you earned you will receive
                1 USD.
            </p>
        <p>
                I understand that all the data collected from my responses will only be used for research and my identity will be kept anonymous.
        </p>
     <button name="consent" value="False" class="prevtab btn-primary btn back">I do not consent</button>
    <button name="consent" value="True" class="nexttab btn-primary btn next">I consent</button>

        </div>


{% endblock %}


{% block scripts %}
<script src="{% static 'instruction_tabs/prev_next_button.js' %}"></script>
{% endblock %}