<!-- BEGIN: main -->
<script type="text/javascript" src="{NV_BASE_SITEURL}{NV_ASSETS_DIR}/js/jquery/jquery.validate.min.js"></script>
<script type="text/javascript" src="{NV_BASE_SITEURL}{NV_ASSETS_DIR}/js/language/jquery.validator-{NV_LANG_INTERFACE}.js"></script>

<div class="page">
    <h2>{LANG.lostactive_pagetitle}</h2>
    <!-- BEGIN: step1 -->
    <div class="well">
    	<p>
    		<em class="fa fa-info fa-lg">&nbsp;</em> {LANG.lostactive_noactive}:
    	</p>
    	<ul class="nv-list-item">
    		<li>
    			<em class="fa fa-angle-right">&nbsp;</em> {LANG.lostactive_info1}
    		</li>
    		<li>
    			<em class="fa fa-angle-right">&nbsp;</em> {LANG.lostactive_info2}
    		</li>
    	</ul>
    </div>
    <form id="lostpassForm" action="{FORM1_ACTION}" method="post" role="form" class="form-horizontal m-bottom">
    	<div class="m-bottom">
    		<em class="fa fa-quote-left">&nbsp;</em>
    		{DATA.info}
    		<em class="fa fa-quote-right">&nbsp;</em>
    	</div>
    	<div class="form-group">
    		<label for="userField_iavim" class="col-sm-8 control-label">{GLANG.username_email}<span class="text-danger"> (*)</span>:</label>
    		<div class="col-sm-16">
    			<input type="text" class="required form-control" name="userField" id="userField_iavim" value="{DATA.userField}" maxlength="100"/>
    		</div>
    	</div>
        <!-- BEGIN: captcha -->
    	<div class="form-group">
    		<label for="seccode_iavim" class="col-sm-8 control-label">{LANG.captcha}<span class="text-danger"> (*)</span>:</label>
    		<div class="col-sm-8">
    			<input type="text" class="required form-control" name="nv_seccode" id="seccode_iavim" maxlength="{GFX_MAXLENGTH}" />
    		</div>
    		<div class="col-sm-8">
    			<label class="control-label">
    				<img class="captchaImg" alt="{N_CAPTCHA}" src="{SRC_CAPTCHA}" width="{GFX_WIDTH}" height="{GFX_HEIGHT}" />
    				&nbsp;<em class="fa fa-pointer fa-refresh fa-lg" onclick="change_captcha('#seccode_iavim');">&nbsp;</em>
    			</label>
    		</div>
    	</div>
        <!-- END: captcha -->
        <!-- BEGIN: recaptcha -->
        <div class="form-group">
            <div class="col-sm-8"></div>
            <div class="col-sm-8">
                <div class="middle text-center clearfix">
                    <div id="{RECAPTCHA_ELEMENT}"></div>
                    <script type="text/javascript">
                    nv_recaptcha_elements.push({
                        id: "{RECAPTCHA_ELEMENT}",
                        btn: $('[type="submit"]', $('#{RECAPTCHA_ELEMENT}').parent().parent().parent().parent())
                    })
                    </script>
                </div>
            </div>
        </div>
        <!-- END: recaptcha -->        
    	<div class="form-group">
    		<div class="col-sm-offset-8 col-sm-16">
    			<input type="hidden" name="checkss" value="{DATA.checkss}" />
    			<input type="submit" value="{LANG.lostactivelink_submit}" class="btn btn-primary" />
    		</div>
    	</div>
    </form>
    <!-- END: step1 -->
    <!-- BEGIN: step2 -->
    <form id="lostpassForm" action="{FORM2_ACTION}" method="post" role="form" class="form-horizontal m-bottom">
    	<div class="m-bottom">
    		<em class="fa fa-quote-left">&nbsp;</em>
    		{DATA.info}
    		<em class="fa fa-quote-right">&nbsp;</em>
    	</div>
    	<div class="alert alert-info">
    		{LANG.lostpass_question}: <strong>{QUESTION}</strong>
    	</div>
    	<div class="form-group">
    		<label for="answer" class="col-sm-8 control-label">{LANG.answer_question}<span class="text-danger"> (*)</span>:</label>
    		<div class="col-sm-16">
    			<input type="text" class="required form-control" id="answer" name="answer" value="{DATA.answer}" maxlength="255" />
    		</div>
    	</div>
    	<div class="form-group">
    		<div class="col-sm-offset-8 col-sm-16">
    			<input type="hidden" name="userField" value="{DATA.userField}" />
    			<input type="hidden" name="nv_seccode" value="{DATA.nv_seccode}" />
    			<input type="hidden" name="checkss" value="{DATA.checkss}" />
    			<input type="hidden" name="send" value="1" />
    			<input type="submit" value="{LANG.lostactivelink_submit}" class="btn btn-primary" />
    		</div>
    	</div>
    </form>
    <!-- END: step2 -->
</div>
<script type="text/javascript">
$(document).ready(function(){
	$('#lostpassForm').validate();
});
</script>
<!-- END: main -->