<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="description" content="GuruCommodity">
    <meta name="keywords" content="GuruCommodity">
    <meta name="author" content="GuruCommodity">
    <title>Account Register - GuruCommodity</title>
    <link rel="apple-touch-icon" href="<?php echo base_url();?>assets/images/ico/apple-icon-120.png">
    <link rel="shortcut icon" type="image/x-icon" href="https://pixinvent.com/demo/crypto-ico-admin/app-assets/images/ico/favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i|Comfortaa:300,400,500,700" rel="stylesheet">
    <!-- BEGIN VENDOR CSS-->
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/vendors/css/forms/icheck/icheck.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/vendors/css/forms/icheck/custom.css">
    <!-- END VENDOR CSS-->
    <!-- BEGIN MODERN CSS-->
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/app.min.css">
    <!-- END MODERN CSS-->
    <!-- BEGIN Page Level CSS-->
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/core/menu/menu-types/vertical-compact-menu.min.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/vendors/css/cryptocoins/cryptocoins.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/pages/account-login.css">
    <!-- END Page Level CSS-->
    <!-- BEGIN Custom CSS-->
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
								$(document).ready(function(){
									$("#signupform").submit(function(e){e.preventDefault();
											var formdata=$(this).serialize();
											$(".signupbtn").attr("disabled",true);
											$(".signupbtn").html('<i class="fa fa-refresh fa-spin"></i> Loading...');
											$.ajax({
												 type: "POST",
												 url: '<?php echo base_url();?>home/signupform_submit',
												 data: {formdata:formdata},
												 success: function(response){//alert(response);
													  if(response==1){$('#myModal2').modal('show');
														$(".signupbtn").removeAttr("disabled");
														$(".signupbtn").html('SIGN UP');
														window.location.href = "<?php echo base_url();?>home"; 
													 }else{
														 $(".signupbtn").removeAttr("disabled");
														 $(".signupbtn").html('SIGN UP');
														 $(".signuperror").text(response);
														 $(".signuperror").show();
													 }
												 }
												 });
									});
								});
								</script>
    <!-- END Custom CSS-->
  </head>
  <body class="vertical-layout vertical-compact-menu 1-column  bg-full-screen-image menu-expanded blank-page blank-page" data-open="click" data-menu="vertical-compact-menu" data-col="1-column">
    <!-- ////////////////////////////////////////////////////////////////////////////-->
    <div class="app-content content">
      <div class="content-wrapper">
        <div class="content-header row">
        </div>
        <div class="content-body">
          <!-- Demo options menu -->

<!--/ Demo options menu -->
<!-- Demo fullscreen-overlay -->
<style>form .form-group{margin-bottom:5px;}</style>
<!--/ Demo fullscreen-overlay --><section id="account-login" class="flexbox-container">    
    <div class="col-12 d-flex align-items-center justify-content-center">
        <!-- image -->
        <div class="col-xl-3 col-lg-4 col-md-5 col-sm-5 col-12 p-0 text-center d-none d-md-block">
            <div class="border-grey border-lighten-3 m-0 box-shadow-0 card-account-left height-400">
                <img src="http://www.trade-crypto-planet.com/assets/img/logo/logo.png" class="card-account-img width-200" alt="card-account-img">
            </div>
        </div>
        <!-- login form -->
        <div class="col-9 p-0">
            <div class="card border-grey border-lighten-3 m-0 box-shadow-0 card-account-right height-400">                
                <div class="card-content">                    
                    <div class="card-body p-2">
                        <p class="text-primary h5 text-capitalize">Guru Commodity Client Register</p>
                        <form action="" method="post" id="signupform" class="signup_form">
                                <div class="row">
                                <div class="col-md-6">
                                    <div class="row">
                                    <div class="form-group col-md-6">
                                        <label for="username">First Name</label>
                                        <input type="text" name="fname" required placeholder="First Name"  class="form-control">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="username">Last Name</label>
                                        <input type="text" name="lname" required placeholder="Last Name"  class="form-control">
                                    </div>
                                    </div>
                                    <div class="row">
                                    <div class="form-group col-md-6">
                                        <label for="username">Username</label><b id="username_error" style="color:yellow;" class="text-danger pull-right"></b>
                                        <input type="text" name="username" id="username" required placeholder="Create Username"  class="form-control">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="username">Email</label><b id="email_error" style="color:yellow;" class="text-danger pull-right"></b>
                                        <input type="email" name="email" id="email" required  placeholder="Email"  class="form-control">
                                    </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label for="username">Password</label>
                                            <input type="password" name="password" required placeholder="Create Password"  class="form-control">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="username">Confirm Password</label>
                                            <input type="password" name="cpassword" required placeholder="Confirm Password"  class="form-control">
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label for="username">Contact</label>
                                            <input type="text" name="phone" required placeholder="Phone Number"  class="form-control">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="username">Date of Birth</label>
                                            <input type="text" name="dob" required placeholder="DD-MM-YYYY"  class="form-control">
                                        </div>
                                    </div>
                        		</div>
                                <div class="col-md-6">
                        		<div class="row">
                                	<div class="col-md-8">
                                    	<label>Address</label>
                                        <textarea class="form-control" name="address" rows="2" required></textarea>
                                    </div>
                                    <div class="col-md-4">
                                    	<label>Gender</label><br/>
                                        <label><input type="radio" name="gender" value="Male" /> Male</label><br/>
                                        <label><input type="radio" name="gender" value="Female" /> Female</label>
                                    </div>
                                </div>
                                <div class="row">
                                        <div class="form-group col-md-6">
                                            <label for="username">Country</label>
                                            <input type="text" name="country" required placeholder="Country"  class="form-control">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="username">State</label>
                                            <input type="text" name="state" required placeholder="State"  class="form-control">
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label for="username">City</label>
                                            <input type="text" name="city" required placeholder="City"  class="form-control">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="username">Pincode</label>
                                            <input type="text" name="zipcode" required placeholder="Zip"  class="form-control">
                                        </div>
                                    </div>
                        
                        <div class="checkbox checkbox-default">
                        <input id="terms" type="checkbox" value="terms" required>
                        <label for="terms" style="text-align:justify;">
                            I accept the Terms and Conditions
                        </label>
                   		</div>
                        <div class="signuperror alert alert-danger" style="display:none;"></div>
                        <div class="text-center">
		<button type="submit" class="btn btn-primary pull-left">SIGN UP</button>
        <a href="<?php echo base_url();?>home" class="btn btn-warning pull-right">Login</a>
                        </div>
                        </div></div>
                    </form>
                    </div>                    
                </div>
            </div>
        </div>        
    </div>    
</section>
<div class="modal fade" id="myModal2" role="dialog">
        <div class="modal-dialog modal-md">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Registration Successful.</h4>
              <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
            <h3 class="text-center text-success"><i class="fa fa-envelope"></i> Please check your email for account activation link.</h3>
            </div>
            <div class="modal-footer">
            <button type="submit" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
          </div>
        </div>
      </div>

        </div>
      </div>
    </div>
    <!-- ////////////////////////////////////////////////////////////////////////////-->

    <!-- BEGIN VENDOR JS-->
    <script src="<?php echo base_url();?>assets/vendors/js/vendors.min.js" type="text/javascript"></script>
    <!-- BEGIN VENDOR JS-->
    <!-- BEGIN PAGE VENDOR JS-->
    <script src="<?php echo base_url();?>assets/vendors/js/forms/icheck/icheck.min.js" type="text/javascript"></script>
    <!-- END PAGE VENDOR JS-->
    <!-- BEGIN MODERN JS-->
    <script src="<?php echo base_url();?>assets/js/core/app-menu.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url();?>assets/js/core/app.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url();?>assets/js/scripts/demo.min.js" type="text/javascript">//- For demo only</script>
    <!-- END MODERN JS-->
    <!-- BEGIN PAGE LEVEL JS-->
    <script src="<?php echo base_url();?>assets/js/scripts/forms/form-login-register.min.js" type="text/javascript"></script>
    <!-- END PAGE LEVEL JS-->
  </body>

<!-- Mirrored from pixinvent.com/demo/crypto-ico-admin/html/ltr/vertical-menu/account-login.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 10 Apr 2019 03:33:42 GMT -->
</html>