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

{{ block app_styles }}
  <link rel="stylesheet" href="{% static 'global/css/Information.css' %}">

{{ endblock }}

{{ block app_scripts }}
  <script src="{% static 'global/js/Information.js' %}"></script>
{{ endblock }}

{{ block content }}

<div class="info-body" id="info-body">
  <div class="info-content" id="info-content">

    {{ block information }}
    {{ endblock }}

    <button id="next-btn" class="next-btn" type="button" onclick="submitPage()"> Next </button>
    <button class="hidden" id="submit"></button>
  </div>
  {% comment %} Additional information button {% endcomment %}
    <div class="help">
      {% comment %} Open/Close Info  {% endcomment %}
      <button type="button" id="question" onclick="openPopUp()"> ? </button>  
      {% comment %} Info Container {% endcomment %}
      <div class="popup" id="popup">
       <div class="popup-content">
         {{ include AddInfo.content }}
       </div>
     </div>
    </div>

</div>
<button class="hidden" id="submit"></button>

{{ endblock }}