<style type="text/css">
.block {
	margin:0 auto;
	height:100px;
}
.block .rows {
	display:block;
	clear:both;
	padding:5px;
	height:25px;
	clear:both;
}
.text {
	margin-right:10px;
}
.field {
	width:500px;
}
.catpcha {
    float: left;
    left: 110px;
    position: absolute;
    top: -8px;
}
.reload_catpcha {
    float: left;
    left: 200px;
    position: absolute;
    top: -5px;
}
label.error {
	color:#F00;
}
div.message {
	padding:10px 0;
}
div#error {
	color:#F00;
}
@media only screen and (max-width: 479px) {
	/*quen mat khau*/
.text {
	width: 50px;
	float: left;
	margin-right: 0px;
}
.catpcha {
float: left;
left: 110px;
position: absolute;
top: -8px;
}
.reload_catpcha {
	float: left;
	left: 195px;
	position: absolute;
	top: -5px;
}

}
</style>
<div class="main-container">
    <div id="page-content" class="clearfix"> 
        <!--Khu vực tìm kiếm-->
        <?php //$this->load->view('frm_search');?>
        
        <!--End Khu vực tìm kiếm-->
        <div class="page-content container">
            <div class="col-md-8 col-xs-12 col-sm-12">
                <div class="box">
                    <form method="post" action="<?=site?>quen-mat-khau.html" name="frlostpass" id="frlostpass" role="form">
                    	<input type="hidden" name="csrf" id="csrf" value="<?=$csrf?>" />
                        <h1 class="title">Quên mật khẩu</h1>
                        <div class="wrap" style="height:230px;">
                            <div class="message">Hãy nhập email mà bạn đã đăng ký vào hộp textox bên dưới. Chúng tôi sẽ gởi mật khẩu vào email của bạn.</div>
                        	<? 
							if($this->session->flashdata('message'))
							{
								echo '<div class="message" id="error">'.$this->session->flashdata('message').'</div>';
						    }
							?>
                            <div class="block">
                                <div class="form-group">
                                    <span class="text">Email:</span>
                                    <span class="field"> <input type="text" name="email" id="email" value="" style="width:280px;" /></span>
                                </div>
                                <div class="form-group">
                                    <span class="text">Code :</span>
                                    <span class="field" style="position:relative;"><input type="text" name="code" id="code" style="width:100px;" value="" />
                                        <span class="catpcha"><img id="siimage" height="30" width="80" src="<?=$link_catpcha.rand(0,100); ?>"></span>
                                        <span class="reload_catpcha"><img src="<?=skin?>images/refresh.png" onClick="document.getElementById('siimage').src ='<?=$link_catpcha?>'+Math.random(); return false" /> </span>
                                    </span>
                                </div>
                                <div class="form-group" style="clear:both;">
                                    <span class="text">&nbsp;</span>
                                    <span class="field"><input type="submit" class="btn btn-primary" value="Xác nhận" name="bt_submit"></span>
                                </div>
                                <div class="clear"></div>
                             </div>
                        </div>
                    </form>
                    <div class="clear"></div>
                </div>
            </div>
		</div>
    </div>
</div>
<script src='<?=skin?>js/jquery.validate.min.js' type="text/javascript"></script>
<script language="javascript">
$(document).ready(function(e) {
	$("#frlostpass").validate({
		rules: {
			email : {required:true, email:true},
			//code: { required:true}
		},                
		messages: {
			email: {required:"Vui lòng nhập email.", email:"Vui lòng nhập đúng định dạng email"},
			//code: "Vui lòng nhập catpcha."
		}
	});
});
</script>