{{ extends "global/Page.html" }}
{{ block styles }}
<link href="{{ static 'real_effort.css' }}" rel="stylesheet" />
{{ endblock }}

{{ block title }}
{{ endblock }}

{{ block content }}
<div class="d-flex flex-column align-items-center">
    <h3>
        Iteration <span id="iter-txt"></span>
    </h3>
    <p>Solved: <span id="solved-txt"></span>. Failed: <span id="failed-txt"></span>.</p>
    <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="send-btn" class="btn btn-outline-secondary">Submit</button>
    </div>

    <p class="warn" id="warning-txt"></p>
</div>
<br>
<!-- {{ include Constants.instructions_template }} -->

{{ endblock }}

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