Implemented Register

index.php

@@ -263,7 +263,7 @@
               <div class="modal-body">
                   <div class="row">
                       <div class="col-sm-12">
-                        <h3>Please enter your credentials</h3>
+                        <h3>Customer Register</h3>
                       </div>
                   </div>
                   <div class="row">

php/register.php

@@ -3,42 +3,50 @@ include 'connection.php';
 $conn = connectMysql();
 $userName = $_POST['username'];
 $passWord = $_POST['password'];
+$passWord_hashed = password_hash($passWord, PASSWORD_DEFAULT);
+
+function query_addUser($conn, $uid, $upass) {
+    $sql = "INSERT INTO account(C_ID,C_Password) VALUES( ? , ? )";
+    $stmt = mysqli_stmt_init($conn);
+    if (!mysqli_stmt_prepare($stmt, $sql)) {
+        return null;
+    }
+
+    mysqli_stmt_bind_param($stmt, "ss", $uid, $upass);
+    mysqli_stmt_execute($stmt);
+
+    $error = mysqli_stmt_errno($stmt);
+    mysqli_stmt_close($stmt);
+    return $error;
+}
 
 
-$query = "INSERT INTO account(C_ID,C_Password) VALUES('$userName','$passWord')";
-// if (isset($_POST['g-recaptcha-response']) && !empty($_POST['g-recaptcha-response'])) { 
+// $query = "INSERT INTO account(C_ID,C_Password) VALUES('$userName','$passWord')";
+if (isset($_POST['g-recaptcha-response']) && !empty($_POST['g-recaptcha-response'])) { 
      
-//         $secretKey   = "6LdDrc8bAAAAAGhP99aDPJ2_6O7yrwIUc8yJLaQU";
-//         $responseKey = $_POST['g-recaptcha-response'];
-//         $userIP      = $_SERVER['REMOTE_ADDR'];
-//         $url         = "https://www.google.com/recaptcha/api/siteverify?secret=$secretKey&response=$responseKey&remoteip=$userIP";
-//         $response    = file_get_contents($url);
-//         $response    = json_decode($response);
+        $secretKey   = "6LdDrc8bAAAAAGhP99aDPJ2_6O7yrwIUc8yJLaQU";
+        $responseKey = $_POST['g-recaptcha-response'];
+        $userIP      = $_SERVER['REMOTE_ADDR'];
+        $url         = "https://www.google.com/recaptcha/api/siteverify?secret=$secretKey&response=$responseKey&remoteip=$userIP";
+        $response    = file_get_contents($url);
+        $response    = json_decode($response);
      
-//         if($response->success){
-//             echo "Verification success.";
-// 		    if ($conn->query($query) === TRUE) {
-//                 echo "<script> alert('New account created successfully!');location.href='register.php'; </script>"; 
-//             } else {
-
-//                 echo "<script> alert('Username already exists.');location.href='register.php'; </script>"; 
-//             }
-//         } else {
-//             echo "<script> alert('reCAPTHCA verification failed, please try again.');location.href='register.php'; </script>";
-//             return;
-//         }
-     
-// } else {
-//     echo "<script> alert('Please click reCAPTHCA to verify.');location.href='register.php'; </script>";
-//     return;
-// }
-
-// TODO delete later
-if ($conn->query($query) === TRUE) {
-    echo "<script> alert('New account created successfully!');location.href='register.php'; </script>"; 
+        if($response->success){
+            echo "Verification success.";
+            $error = query_addUser($conn, $userName, $passWord_hashed);
+		    if ($error === 0) {
+                echo "<script> alert('New account created successfully!');location.href='../index.php'; </script>"; 
             } else {
+                echo "<script> alert('Username already exists.');location.href='../index.php'; </script>"; 
+            }
+        } else {
+            echo "<script> alert('reCAPTHCA verification failed, please try again.');location.href='../index.php'; </script>";
+            return;
+        }
      
-    echo "<script> alert('Username already exists.');location.href='register.php'; </script>"; 
+} else {
+    echo "<script> alert('Please click reCAPTHCA to verify.');location.href='../index.php'; </script>";
+    return;
 }
 
 $conn->close();

shopping/shopping_headerNav.php

@@ -1,6 +1,7 @@
 <div class="shopping_headerNav">
     <div class="col-xl-12" id="shopping_headerImg">
-        <span> Username <?php echo $_SESSION['username']; ?></span>
+        <span id="span-shopping-username" > Username <?php echo $_SESSION['username']; ?></span>
+        <a class="btn btn-lg my-btn" type="button" id="btn-shopping-logout" href="../index.php"> LOGOUT</a>
         <img id="headerImg" src="../img/headerImg.jpg">
     </div>
 </div>

style/modules/shopping/_navbar_shopping.sass

@@ -4,9 +4,14 @@
         background-color: rgba(255,0,0,0.1)
         border-radius: 15px 50px 30px    
 
-    .shopping_headerNav span 
+    .shopping_headerNav #span-shopping-username 
         position: absolute
         font-size: 2rem
-        padding-left: 1rem
-        padding-top: 1rem
+        left: 1rem
+        top: 1rem
         color: white
+    
+    .shopping_headerNav #btn-shopping-logout 
+        position: absolute
+        right: 1rem
+        top: 1rem

style/style.css

@@ -335,11 +335,17 @@ video {
   border-radius: 15px 50px 30px;
 }
 
-.sectionShopping .shopping_headerNav span {
+.sectionShopping .shopping_headerNav #span-shopping-username {
   position: absolute;
   font-size: 2rem;
-  padding-left: 1rem;
-  padding-top: 1rem;
+  left: 1rem;
+  top: 1rem;
   color: white;
 }
+
+.sectionShopping .shopping_headerNav #btn-shopping-logout {
+  position: absolute;
+  right: 1rem;
+  top: 1rem;
+}
 /*# sourceMappingURL=style.css.map */