{{ block title }}
{{ endblock }}

{{ block content }}
<link rel="stylesheet" href="{{static 'css/css.css'}}">
<link rel="stylesheet" href="{{static 'css/modal.css'}}">
<script type="text/javascript" src="{{ static 'js/Script_modal.js' }}"></script>



<div class="content-box box-neutral">
    <h2 class="section-title">    Another question</h2>
    <hr class="section-divider">

    <p>
       It is important to us that you are paying attention to the questions. We do so with what is called an attention check.
       To what extend do you agree with the following statement?
    </p>

{% for field in form %}
    {% if field.name not in hidden_fields %}
        {{ formfield field.name }}
    {% endif %}
{% endfor %}

<div style="display:none">
    {% for field in form %}
        {% if field.name in hidden_fields %}
            {{ formfield field.name }}
        {% endif %}
    {% endfor %}
</div>
    <br><br>

    <div class="buttons-container">
            <a id="myBtn" onclick="open_modal(1)"  class="otree-btn-next btn btn-primary">Instructions</a>
        <button id="NextButton" class="otree-btn-next btn btn-primary">Next</button>
    </div>
    
    

    <div id="myModal1" class="modal">
        <div class="modal-content">
            <div class="modal-header">
              <h2>Instructions</h2>
              <span class="close" onclick="span_click(1)">&times;</span>
            </div>
          <p style="padding: 0px">
         {{include C.Instructions_general_path}}
          </p>
        </div>
    </div>

    <br><br>
{{ endblock }}