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

{% block title %}
  Video
{% endblock %}


{% block content %}
<center>
  <iframe allowfullscreen="" allow="autoplay" frameborder="0" height="360" id="video1" style="margin-top: 80px;"
          src="//www.youtube.com/embed/J_lEs4FYkhs?autoplay=1"
          type="text/html" width="640"></iframe>
</center>

<button id="submit-button" class="btn btn-primary btn-primary" style="display: none;" type="submit">Next</button>


{% endblock %}

{% block scripts %}
{{ super() }}

<script type="text/javascript">
    // Set the time in milliseconds when the submit button should appear
    var showSubmitTime = 182000;


    // Function to show the submit button after the specified time
    function showSubmitButton() {
        var submitButton = document.getElementById('submit-button');
        submitButton.style.display = 'block';
    }

    // Call the function after the specified time
    setTimeout(showSubmitButton, showSubmitTime);
</script>

{% endblock %}