{% include "@neodev_anubisbb/header.html" %}
<div class="anubisbb-challenge-card">
    <div class="anubisbb-challenge-header">
        <div class="anubisbb-challenge-logo">
            <!-- If there is a forum logo, you can insert <img src="...">, otherwise just the name -->
            <span class="site_logo"></span>
        </div>
        <h2 class="anubisbb-challenge-title">Verification that you are not a bot</h2>
        <p class="anubisbb-challenge-desc">You have reached the protection page of the <b>{{ SITENAME }}</b> forum.<br>Please wait a few seconds — an automatic check is being performed to verify that you are not a bot.</p>
    </div>
    <div class="anubisbb-challenge-content">
        <img id="image" class="anubisbb-challenge-img" style="max-width:256px; margin-bottom:1em;"
            src="{% if anubisbb_img_pensive %}/ext/neodev/anubisbb/userimg/{{ anubisbb_img_pensive }}{% else %}{{ static_path }}img/pensive.webp{% endif %}"
            alt="Anubis pensively waits"
            data-img-pensive="{{ anubisbb_img_pensive|default('') }}"
            data-img-happy="{{ anubisbb_img_happy|default('') }}"
            data-img-reject="{{ anubisbb_img_reject|default('') }}">
        <p id="status" class="anubisbb-challenge-status">Loading...</p>
        <div id="progress" class="anubisbb-challenge-progress" role="progressbar" aria-labelledby="status">
            <div class="bar-inner"></div>
        </div>
        <details style="margin-top:1em;">
            <summary>What is this page?</summary>
            <p>This is the <b>{{ SITENAME|default('Forum') }}</b> forum's protection against automated bots and mass parsing.<br>
            Just complete the task — and you'll immediately be taken to the forum page you want.</p>
        </details>
        <noscript><p>JavaScript must be enabled to pass the verification.</p></noscript>
    </div>
</div>
<script async type="module" src="{{ static_path }}js/main.mjs"></script>
{% include "@neodev_anubisbb/footer.html" %}