<style type="text/css">
div#error {
	color:#F00;
}
.regis {
	display:block;
}
.regis ul {
	display:block;
}
</style>
<section class="bread-crumb margin-bottom-10">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <ul class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
                    <li class="home" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="<?=site?>" title="Trang chủ"> <span itemprop="name">Trang chủ</span>
                        <meta itemprop="position" content="1" /></a><span><i class="fa fa-angle-right"></i></span> </li>
                    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <strong itemprop="name">Đăng ký</strong><meta itemprop="position" content="2" /></li>
                </ul>
            </div>
        </div>
    </div>
</section>
<div class="container">
	<meta itemprop="name" content="Đăng ký thành viên">
    <meta itemprop="description" content="Đăng ký thành viên miễn phí, mua nhiều được giảm giá nhiều. Khách hàng thân thiết, nhiều chính sách ưu đãi cho khách hàng thành viên.">
    <div class="row"> 
        <div class="page-content container">
            <div class="col-md-6 col-sm-6 col-xs-12">
                <h1 class="title"><b>Đăng ký thành viên</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. Chúng tôi sẽ liên hệ với bạn qua 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>
                <div class="text-login">
                    <p> Bạn đã có tài khoản. Đăng nhập <a href="<?=site?>dang-nhap.html" title="Đăng nhập" rel="nofollow">tại đây.</a> </p>
                </div>
                <?php
				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; 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-6 col-sm-6 col-xs-12">
                <!--<iframe src="http://phimhot.orgs.vn/home/api" width="100%" height="500px;" scrolling="no" style="border:none;"></iframe>-->
                <!-- mobile -->
				<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                <ins class="adsbygoogle"
                     style="display:block"
                     data-ad-client="ca-pub-8286891252502681"
                     data-ad-slot="5665678170"
                     data-ad-format="auto"></ins>
                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
            </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>