<style type="text/css">
div#error {
	color:#F00;
}
</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-sm-6 col-xs-12">
                <h1 class="title"><b>Đăng ký đăng tin rao vặt</b></h1>
                <div class="message"> <b>* Chú ý:</b> Bạn cần sử dụng đúng email của bạn để đăng ký thành viên và kích hoạt tài khoản.<br>
                    Khách hàng sẽ liên hệ với bạn bằng email mà bạn đã đăng ký và email của bạn sẽ được ẩn giấu dưới hệ thống gửi email của hệ thống. </div>
                <? 
				if($this->session->flashdata('message')){
					echo '<div class="message" id="error">'.$this->session->flashdata('message').'</div>';
				}
				?>
                <h2 class="hd">Thông tin đăng nhập</h2>
                <div class="bd_signin">
                    <div class="" style="text-align:center; width: 80%;font-style: italic;"> Các trường có dấu <span style="color:red;">*</span> là các trường bắt buộc.</div>
                    <form action="<?=site?>dang-ky.html" method="post" id="frmlogin">
                    	<input type="hidden" name="csrf" id="csrf" value="<?=$csrf?>" />
                        <div class="div_register">
                            <div class="regis">
                                <ul class="tbl">
                                    <li class="col-md-3">Email <span>*</span></li>
                                    <li class="col-md-7">
                                        <input type="text" id="email" name="email" value="" size="35">
                                    </li>
                                </ul>
                                <ul class="tbl">
                                    <li class="col-md-3">Mật khẩu <span>*</span></li>
                                    <li class="col-md-7">
                                        <input type="password" id="password" name="password" value="" size="20">
                                    </li>
                                </ul>
                                <ul class="tbl">
                                    <li class="col-md-3">Xác nhận <span>*</span></li>
                                    <li class="col-md-7">
                                        <input type="password" id="cfpass" name="cfpass" value="" size="20">
                                    </li>
                                </ul>
                            </div>
                            <h3 class="hd">Thông tin liên hệ </h3>
                            <div class="regis">
                                <ul class="tbl">
                                    <li class="col-md-3">Họ và Tên<span></span></li>
                                    <li class="col-md-7">
                                        <input type="text" id="fullname" name="fullname" value="" size="40">
                                    </li>
                                </ul>
                                <ul class="tbl">
                                    <li class="col-md-3">Địa chỉ<span></span></li>
                                    <li class="col-md-7">
                                        <input type="text" id="address" name="address" value="" size="40">
                                    </li>
                                </ul>
                                <ul class="tbl">
                                    <li class="col-md-3">Điện thoại<span></span></li>
                                    <li class="col-md-7">
                                        <input type="text" id="nb_phone" name="nb_phone" value="" size="40">
                                    </li>
                                </ul>
                                <ul class="tbl">
                                    <li class="col-md-3">&nbsp;</li>
                                    <li class="col-md-7">
                                        <input type="submit" id="submit" value="Đăng ký" name="bt_submit" class="btn btn-primary">
                                    <input type="reset" id="reset" value="Viết lại" name="Reset" class="btn btn-primary">
                                    </li>
                                </ul>
                                
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
                <iframe src="http://phimx3.com/home/api" width="100%" height="500px;" scrolling="no" style="border:none;"></iframe>
            </div>
        </div>
    </div>
</div>
<script src='<?=skin?>js/jquery.validate.min.js' type="text/javascript"></script>
<script language="javascript">
$(document).ready(function(){
	$("#frmlogin").validate({
		rules: {
			username:{required:true},
			email: {
				   required: true,
				   email: true
			   },
			password:{required:true},
			cfpass: {
				required: true,
				equalTo: "#password" //So sánh với trường cpassword với thành trường có id là password
			},
			captcha:{required:true}
		},
		messages: {
			 username: "Vui lòng nhập tên đăng nhập",
			 password: "Vui lòng nhập mật khẩu",
			 cfpass: {
				 required:"Vui lòng xác nhận lại mật khẩu",
				 equalTo : "Mật khẩu không trùng khớp"
			 },
			 email: {
				required: "Vui lòng cập nhật email",
				email: "Vui lòng nhập đúng định dạng sau name@domain.com"
			 },
			 captcha: "Vui lòng nhập captcha."
	   },
	});
});
$(document).ready(function(){
	$('#reset').click(function() {
		$('input:text').val(''); 
	});
});
</script>
</body></html>