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

{{ block title }}
Real-effort task

{{ endblock }}

{{ block content }}
<div class="d-flex flex-column align-items-center">
    <h3>
        Iteration <span id="iter-txt"></span>
    </h3>
   
    <img class="captcha m-1" id="captcha-img">

    <div class="input-group m-1">
        <input type="{{ input_type }}" id="answer-inp" class="form-control"
               placeholder="{{ placeholder }}"
               autocorrect="off" autocapitalize="off" spellcheck="false">
        <button type="button"  id="submit-btn" class="btn btn-outline-secondary">Submit</button>
        

<!-- <script>
setTimeout(function() {
document.getElementById('submit-btn').disabled = false;
}, 5 * 1000);
document.getElementById('submit-btn').addEventListener('click', function (){
    document.getElementById('submit-btn').disabled = true;
    setTimeout(function(){
        document.getElementById('submit-btn').disabled = false;
    }, 5 * 1000)
}) 
    


</script> -->
    </div>

    <p class="warn" id="warning-txt"></p>

    <!-- {{ if DEBUG }}
    <button type="button" id="cheat-btn" class="btn btn-dark">Auto calculate</button>
    {{ endif }} -->
</div>
<br>


{{ endblock }}

{{ block scripts }}
<script src="{{ static 'real_effort.js' }}"></script>
{{ if DEBUG }}<script src="{{ static 'real_effort_cheating.js' }}"></script>{{ endif }}
{{ endblock }}