<!-- <php
require_once 'php/dbconnect.php';
$valid = array();
if (isset($_POST['submit'])) {
  $name = strip_tags($_POST['names']); //remove html tags
  $name = trim($name);
  $name = ucfirst(strtolower($name));
  $name  =  mysqli_real_escape_string($con, $name);

  $email = trim($_POST['email']);
  $email = mysqli_real_escape_string($con, $email);

  $pass = mysqli_real_escape_string($con, $_POST['pass1']);
  $pass2 = mysqli_real_escape_string($con, $_POST['pass2']);
  // $currency = mysqli_real_escape_string($con, $_POST['currency']);
  $phone = mysqli_real_escape_string($con, $_POST['phone']);

  $created_date = date('Y/m/d H:i:s');

  if ($name == "" || $email == "" || $phone == "" || $pass != $pass2) {
    $valid[] = "Please fill the input fields below";
  } else {
    $sql = "SELECT * FROM users WHERE user_email = '$email'";
    $query = mysqli_query($con, $sql);
    if (mysqli_num_rows($query) > 0) {

      $valid[] = "Email Already Exists !!";
    } else {
      $token = 'qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM0123456789!$/()*';
      $token = str_shuffle($token);
      $token = substr($token, 0, 12);
      $hashedPassword = password_hash($pass, PASSWORD_BCRYPT);
      $status = "Active";
      mysqli_autocommit($con, false);
      $query1 = mysqli_query($con, "INSERT INTO users (name, user_email, user_password, token, status, phone, created) VALUES ('$name', '$email', '$hashedPassword',  '$token', '$status', '$phone', '$created_date')");
      $last_id = mysqli_insert_id($con);
      $query2 = mysqli_query($con, "INSERT INTO withdraw_details (user_id) VALUES ('$last_id')");
      if ($query1 && $query2) {
        mysqli_commit($con);
        header("location: confirm.html");
        $template_file = "email_template/email_verify_email.html";
        $url = "http://" . $_SERVER['SERVER_NAME'] . "/php/verify.php?email=$email&token=$token";
        $swap_var = array(
          "{USERNAME}" => $name,
          "{CONFIRM_URL}" => $url
        );


        if (file_exists($template_file)) {
          $message = file_get_contents($template_file);
        } else {
          return false;
        }
        foreach ($swap_var as $key => $value) {
          if (strlen($key) > 2 && trim($key)) {
            $message = str_replace($key, $value, $message);
          }
        }


        require_once 'php/PHPMailer/PHPMailerAutoload.php';

        //Create a new PHPMailer instance
        $mail = new PHPMailer;

        //Tell PHPMailer to use SMTP
        $mail->isSMTP();

        //Enable SMTP debugging
        // 0 = off (for production use)
        // 1 = client messages
        // 2 = client and server messages
        $mail->SMTPDebug = 0;

        //Ask for HTML-friendly debug output
        $mail->Debugoutput = 'html';

        //Set the hostname of the mail server
        $mail->Host = 'instacoinforex.com';
        // use
        // $mail->Host = gethostbyname('smtp.gmail.com');
        // if your network does not support SMTP over IPv6

        //Set the SMTP port number - 587 for authenticated TLS, a.k.a. RFC4409 SMTP submission
        $mail->Port = 465;

        //Set the encryption system to use - ssl (deprecated) or tls
        $mail->SMTPSecure = 'ssl';

        //Whether to use SMTP authentication
        $mail->SMTPAuth = true;

        //Username to use for SMTP authentication - use full email address for gmail
        $mail->Username = "info@instacoinforex.com";

        //Password to use for SMTP authentication
        $mail->Password = "Insta Coin Forex";

        //Set who the message is to be sent from
        $mail->setFrom('info@instacoinforex.com', 'Insta Coin Forex');

        //Set an alternative reply-to address
        //$mail->addReplyTo('replyto@example.com', 'First Last');

        //Set who the message is to be sent to
        $mail->addAddress($email, $name);

        //Set the subject line
        $mail->Subject = 'Email Verification';

        //Read an HTML message body from an external file, convert referenced images to embedded,
        //convert HTML into a basic plain-text alternative body
        $mail->msgHTML($message);
        //$mail->Body = $message;
        //Replace the plain text body with one created manually
        $mail->AltBody = 'Please Click on the link below to verify Your email';

        //Attach an image file
        //$mail->addAttachment('images/phpmailer_mini.png');

        //send the message, check for errors
        if (!$mail->send()) {

          $valid[] = "Something went wrong, please try again!";
        } else {

          header("location: confirm.html");
        }
      } else {
        mysqli_rollback($con);

        $valid[] = "Transaction did not work, please try again!";
      }
      mysqli_autocommit($con, true);
    }
  }
}

?> -->

    <!DOCTYPE html>
    <html class="no-js" lang="en">
  

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <meta http-equiv="x-ua-compatible" content="ie=edge" />
        <title>Sign up - Insta Coin Forex</title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="shortcut icon" type="image/png" href="2/img/devices/crypto-logo.jpg" />
        <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
        <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
        <link rel="stylesheet" href="assets/css/themify-icons.css" />
        <link rel="stylesheet" href="assets/css/metisMenu.css" />
        <link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
        <link rel="stylesheet" href="assets/css/slicknav.min.css" />
        <!-- amchart css -->
        <link rel="stylesheet" href="../../../www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
        <!-- others css -->
        <link rel="stylesheet" href="assets/css/typography.css" />
        <link rel="stylesheet" href="assets/css/default-css.css" />
        <link rel="stylesheet" href="assets/css/styles.css" />
        <link rel="stylesheet" href="assets/css/responsive.css" />
        <!-- modernizr css -->
        <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
        <script language="javascript">
            function check() {
                if (document.form1.password.value == "") {
                    alert("Plese Enter Your Password");
                    document.form1.password.focus();
                    return false;
                }
                if (document.form1.cpassword.value == "") {
                    alert("Plese Confirm Your Password");
                    document.form1.cpassword.focus();
                    return false;
                }
                if (document.form1.password.value != document.form1.cpassword.value) {
                    alert("Confirm Password does not matched");
                    document.form1.cpassword.focus();
                    return false;
                }
                if (document.form1.fullname.value == "") {
                    alert("Plese Enter Your FullName");
                    document.form1.fullname.focus();
                    return false;
                }
                if (document.form1.phone.value == "") {
                    alert("Plese Enter Contact No");
                    document.form1.phone.focus();
                    return false;
                }
                if (document.form1.email.value == "") {
                    alert("Plese Enter your Email Address");
                    document.form1.email.focus();
                    return false;
                }
                e = document.form1.email.value;
                f1 = e.indexOf("@");
                f2 = e.indexOf("@", f1 + 1);
                e1 = e.indexOf(".");
                e2 = e.indexOf(".", e1 + 1);
                n = e.length;

                if (!(
                        f1 > 0 &&
                        f2 == -1 &&
                        e1 > 0 &&
                        e2 == -1 &&
                        f1 != e1 + 1 &&
                        e1 != f1 + 1 &&
                        f1 != n - 1 &&
                        e1 != n - 1
                    )) {
                    alert("Please Enter valid Email");
                    document.form1.email.focus();
                    return false;
                }
                return true;
            }
        </script>
        
         <!-- Start of Async Drift Code -->
<script>
"use strict";

!function() {
  var t = window.driftt = window.drift = window.driftt || [];
  if (!t.init) {
    if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice."));
    t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ], 
    t.factory = function(e) {
      return function() {
        var n = Array.prototype.slice.call(arguments);
        return n.unshift(e), t.push(n), t;
      };
    }, t.methods.forEach(function(e) {
      t[e] = t.factory(e);
    }), t.load = function(t) {
      var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script");
      o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js";
      var i = document.getElementsByTagName("script")[0];
      i.parentNode.insertBefore(o, i);
    };
  }
}();
drift.SNIPPET_VERSION = '0.3.1';
drift.load('bir8czm7ns3r');
</script>
<!-- End of Async Drift Code -->
    </head>

    <body>
        <!--[if lt IE 8]>
      <p class="browserupgrade">
        You are using an <strong>outdated</strong> browser. Please
        <a href="http://browsehappy.com/">upgrade your browser</a> to improve
        your experience.
      </p>
    <![endif]-->
        <!-- preloader area start -->
        <div id="preloader">
            <div class="loader"></div>
        </div>
        <!-- preloader area end -->
        <!-- login area start -->
        <div class="login-area login-bg">
            <div class="container">
                <div class="login-box ptb--100">
                    <form name="form1" id="register" onsubmit="return false">
                        <div class="login-form-head">
                            <h4>
                                Sign Up<br /> Insta Coin Forex
                            </h4>
                            <p>
                                <i class="ti-arrow-right"></i>Hello there, Sign up and mine with the best
                            </p>
                        </div>
                        <div class="login-form-body">
                                <div id="reg_messages" style="margin-bottom: 10px;"></div>
                            <hr>
                            <div class="form-gp">
                                <label for="fullname">Full Name</label>
                                <input type="text" name="fname" id="name" />
                                <i class="ti-user"></i>
                                <small id="f_error"></small>
                            </div>
                            <div class="form-gp">
                                <label for="email">Email address</label>
                                <input type="email" name="email" id="reg_email" />
                                <i class="ti-email"></i>
                                <small id="e_error"></small>
                            </div>
                            <div class="form-gp">
                                <label for="phone">Phone number</label>
                                <input type="number" name="phone" id="phone" />
                                <i class="ti-mobile"></i>
                                <small id="ph_error"></small>
                            </div>
                            <!--<div class="form-gp">-->
                            <!--    <select class="form-select form-select-lg mb-3" name="plan" id="plan">-->
                            <!--        <option value="Bronze Plan">Bronze Plan</option>-->
                            <!--        <option value="Silver Plan">Silver Plan</option>-->
                            <!--        <option value="Gold Plan">Gold Plan</option>-->
                            <!--        <option value="Diamond Plan">Diamond Plan</option>-->
                            <!--    </select>-->
                            <!--    <small id="pl_error"></small>-->
                            <!--</div>-->

                            <div class="form-gp">
                                <label for="password">Password</label>
                                <input type="password" name="password" id="reg_password" />
                                <i class="ti-lock"></i>
                                <small id="p_error"></small>
                            </div>
                            <div class="form-gp">
                                <label for="confirm_password">Confirm Password</label>
                                <input type="password" name="c-password" id="c-password" />
                                <i class="ti-lock"></i>
                                <small id="cp_error"></small>
                            </div>


                            <br />
                            <div class="submit-btn-area">
                                <button id="form_submit" style="background: orange; font-size: 15px; color: #fff" name="submit" type="submit">
                                Register <i class="ti-arrow-right"></i>
                            </button>
                            </div>
                            <div class="form-footer text-center mt-5">
                                <p class="text-muted">
                                    Have an account? <a href="login.php">Sign in</a>
                                </p>
                                <p>
                                    <a href="http://instacoinforex.com/"><strong> HOME </strong></a>
                                </p>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- login area end -->

        <!-- jquery latest version -->
        <script src="assets/js/vendor/jquery-2.2.4.min.js"></script>
        <!-- bootstrap 4 js -->
        <script src="assets/js/popper.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/metisMenu.min.js"></script>
        <script src="assets/js/jquery.slimscroll.min.js"></script>
        <script src="assets/js/jquery.slicknav.min.js"></script>

        <!-- others plugins -->
        <script src="assets/js/plugins.js"></script>
        <script src="assets/js/scripts.js"></script>
          <script type="text/javascript">
        $(document).ready(function(){
            $("#register").on("submit", function() {
                var fname = $("#name");
                var email = $("#reg_email");
                var phone = $("#phone");
                var password = $("#reg_password");
                var repassword = $("#c-password");
                var plan = $("#plan");
                var e_patt = new RegExp(
                    /^[a-z0-9_-]+(\.[a-z0-9_-]+)*@[a-z0-9_-]+(\.[a-z0-9_-]+)*(\.[a-z]{2,4})$/
                );
                var status = false;
                if (fname.val() == "") {
                    $("#f_error").html("<span class='text-danger'>Field must be filled!</span>");
                    status = false;
                }else{
                    $("#f_error").html("");
                  status = true;
                }

                if (!e_patt.test(email.val())) {
                    $("#e_error").html("<span class='text-danger'>Invalid Email!</span>");
                    status = false;
                }else{
                  $("#e_error").html("");
                    status = true;
                }
                if (password.val() == "" || password.val().length < 8) {
                    $("#p_error").html("<span class='text-danger'>Password should be more than 8 char!</span>");
                    status = false;
                }else{
                  $("#p_error").html("");
                    status = true;
                }
                if (repassword.val() == "") {
                    status = false;
                }else{
                  status = true;
                }
                if (plan.val() == "") {
                    $("#pl_error").html("<span class='text-danger'>Please choose a Pacakge!</span>");
                    status = false;
                }else{
                    $("#pl_error").html("");
                  status = true;
                }
                if (phone.val() == "") {
                    $("#ph_error").html("<span class='text-danger'>Field must be filled!</span>");
                    status = false;
                }else{
                    $("#ph_error").html("");
                  status = true;
                }
                if (password.val() != repassword.val()) {
                    $("#cp_error").html("<span class='text-danger'>Password do not match!</span>");
                    status = false;
                }else{
                  $("#cp_error").html("");
                    status = true;
                }
                if(status === true ){
                    //$(".overlay").show();
                    $.ajax({
                        url: "php/registerUser.php",
                        method: "POST",
                        data: $("#register").serialize(),
                        dataType: "json",
                        beforeSend: function () {
                        $("#reg_messages").html(
                        "<span class='text-success'>Please wait...</span>"
                         );
                        $('#form_submit').attr("disabled","disabled");
                        $('#form_submit').html("<i class='fa fa-circle-o-notch fa-spin'></i> Loading..");
                        // $('#submit-btn').addClass("buttonload");
                        },
                        success: function(data) {
                            if (data.status == true) {
                                $("#reg_messages").html(
                                    "<span class='text-success'>" + data.messages + "</span>"
                                );
                                window.location.href = "confirm.html";
                                $('#form_submit').html("Register");
                            } else if (data.status == false) {
                                //since the status is failure then display the error message like this
                                $("#reg_messages").html(
                                    "<span class='text-danger'>" + data.messages + "</span>"
                                );

                                /*$(".alert-warning").delay(4000).hide(10, function() {
                        $(".alert-warning").remove();
                  });*/
                            } else {
                                // hence since the status is neither failure nor success but the error variable is not empty it means it has the other error messages so display them like this
                                $("#reg_messages").html(
                                    "<span class='text-danger'>" + data.messages + "</span>"
                                );

                                /*$(".alert-warning").delay(4000).hide(10, function() {
                    $(".alert-warning").remove();
                    });*/
                            }
                        },
                    }); //end  of ajax call
                }; //end of else
            });
        })
    </script>
    </body>
    Success!

    <!-- Start of Async Drift Code -->
<script>
"use strict";

!function() {
  var t = window.driftt = window.drift = window.driftt || [];
  if (!t.init) {
    if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice."));
    t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ], 
    t.factory = function(e) {
      return function() {
        var n = Array.prototype.slice.call(arguments);
        return n.unshift(e), t.push(n), t;
      };
    }, t.methods.forEach(function(e) {
      t[e] = t.factory(e);
    }), t.load = function(t) {
      var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script");
      o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js";
      var i = document.getElementsByTagName("script")[0];
      i.parentNode.insertBefore(o, i);
    };
  }
}();
drift.SNIPPET_VERSION = '0.3.1';
drift.load('bir8czm7ns3r');
</script>
<!-- End of Async Drift Code -->

    </html>