<!-- Captcha box -->
<div id="cap_box" >

    <form id="cap_form" class="form-group" action="/json/set_captcha" method="POST" enctype="multipart/form-data" onsubmit="return false;">

        <h3>{{_("Captcha reading")}}</h3>
        <p id="cap_title">{{_("Please read the text on the captcha.")}}</p>

        <div id="cap_textual">

            <input id="cap_id" name="cap_id" type="hidden" value="" />

                        <div class="form-group">
            <label>{{_("Captcha")}}</label>
            <span ></br>
                <img id="cap_textual_img" style="border: 1px solid #bbb; padding: 3px 3px 3px 3px;" src="">
            </span>
                </div>
                <div class="form-group">
            <label>{{_("Text")}}</label>
            <input class="form-control" id="cap_result" name="cap_result" type="text" size="20" />
                        <p class="small">{{_("Input the text on the captcha.")}}</p>
        </div>

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

        <div id="button_bar" style="text-align: center">
            <span>
                <button class="btn btn-primary" id="cap_submit" type="submit" style="float: right; margin-left: 5px;">{{_("Submit")}}</button>
                <button class="btn btn-default" id="cap_reset" type="reset" style="float: right">{{_("Close")}}</button>
            </span>
        </div>

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

    </form>

</div>