{% 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"> End of Study
 </h3>
  </div>
<br>

<p>You did not consent to the terms of the study. Your consent is a mandatory
    requirement for participating in this study, therefore you are dropped out.</p>

<button onclick="location.href='https://google.com';" type="button" class="nexttab btn-primary btn next">Ok</button>
{% endblock %}



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