<!-- Captcha box -->
<div id="cap_box" class="window_box">
    <form id="cap_form" action="/json/set_captcha" method="POST" enctype="multipart/form-data" onsubmit="return false;">
        <h1>{{_("Captcha reading")}}</h1>
        <p id="cap_title">{{_("Please read the text on the captcha.")}}</p>

        <input id="cap_id" name="cap_id" type="hidden" value="" />
        <div id="cap_textual">
            <label>{{_("Captcha")}}
            <span class="small">{{_("The captcha.")}}</span>
            </label>
            <span class="cont">
                <img id="cap_textual_img" src="">
            </span>
            <label>{{_("Text")}}
            <span class="small">{{_("Input the text on the captcha.")}}</span>
            </label>
            <input id="cap_result" name="cap_result" type="text" size="20" />
        </div>

        <div id="cap_positional" style="display: none; text-align: center">
            <img id="cap_positional_img" src="" style="margin: 10px; cursor:pointer">
        </div>

        <div id="cap_interactive" style="display: none; text-align: center; padding-bottom: 15px;">
            <div id="cap_iframe_clipping" style="overflow: hidden;">
                <iframe src="" id="cap_interactive_iframe" sandbox="allow-scripts allow-forms allow-same-origin" frameborder="0" scrolling="no" style="position: relative; height: 100%; width: 100%; overflow: hidden;">
                    <p>{{_('Your browser does not support iframes.')}}</p>
                </iframe>
            </div>
            <div id="cap_interactive_loading">
                <p style="white-space: nowrap;">{{_("The captcha may take a few seconds to load.")}}</p>
                <p>{{_("Note: to solve this interactive captchas")}}<br>
                {{_("Please install the <a href='https://tampermonkey.net/' target='_blank'>Tampermonkey</a> add-on in your browser and add the ")}}<a href="{{url_for('static', filename='js/captcha-interactive.js')}}">{{_("pyload userscript")}}</a>.</p></div>
        </div>

        <div id="button_bar" style="text-align: center">
            <span>
                <button id="cap_submit" type="submit" style="margin-left: 0">{{_("Submit")}}</button>
                <button id="cap_reset" type="reset" style="margin-left: 0">{{_("Close")}}</button>
            </span>
        </div>

        <div class="spacer"></div>

    </form>

</div>