From 00ca6912764f1fa3509f7008c74536027b406e23 Mon Sep 17 00:00:00 2001
From: shivam kumar <66321059+sk-upadhyay@users.noreply.github.com>
Date: Sun, 19 May 2024 22:19:13 +0530
Subject: [PATCH 1/2] Update login.php

---
 login.php | 212 ++++++++++++++++++++++++++++++------------------------
 1 file changed, 119 insertions(+), 93 deletions(-)
diff --git a/login.php b/login.php
index 56260e2..3ece376 100644
--- a/login.php
+++ b/login.php
@@ -1,21 +1,21 @@
 <!DOCTYPE html>
 <html lang="en">
-<?php 
+<?php
 session_start();
-include('./db_connect.php');
-  ob_start();
-  // if(!isset($_SESSION['system'])){
+include ('./db_connect.php');
+ob_start();
+// if(!isset($_SESSION['system'])){
 
-    $system = $conn->query("SELECT * FROM system_settings")->fetch_array();
-    foreach($system as $k => $v){
-      $_SESSION['system'][$k] = $v;
-    }
-  // }
-  ob_end_flush();
+$system = $conn->query("SELECT * FROM system_settings")->fetch_array();
+foreach ($system as $k => $v) {
+  $_SESSION['system'][$k] = $v;
+}
+// }
+ob_end_flush();
 ?>
-<?php 
-if(isset($_SESSION['login_id']))
-header("location:index.php?page=home");
+<?php
+if (isset($_SESSION['login_id']))
+  header("location:index.php?page=home");
 
 ?>
 <?php include 'header.php' ?>
@@ -23,112 +23,138 @@
 <style>
   .login-logo {
     text-align: center;
-    margin-bottom: 20px; /* Adjust as needed */
+    margin-bottom: 20px;
+    /* Adjust as needed */
   }
 
   .login-logo img {
-    width: 200px; /* Set the width as per your requirements */
-    height: auto; /* This maintains the image's aspect ratio */
+    width: 200px;
+    /* Set the width as per your requirements */
+    height: auto;
+    /* This maintains the image's aspect ratio */
   }
 </style>
 
 <body class="hold-transition login-page bg-white">
 
   <h2><b>COER AQMS</b></h2>
-<div class="login-box">
-  <div class="login-logo">
-    <a href="#" class="text-white"></a>
-  </div>
-  <!-- /.login-logo -->
+  <div class="login-box">
+    <div class="login-logo">
+      <a href="#" class="text-white"></a>
+    </div>
+    <!-- /.login-logo -->
 
 
-  <div class="card">
-    <div class="card-body login-card-body">
+    <div class="card">
+      <div class="card-body login-card-body">
         <div class="login-logo">
-            <img src="profpraisal.png" alt="Your Image Alt Text">
+          <img src="profpraisal.png" alt="Your Image Alt Text">
         </div>
         <form action="" id="login-form">
-  <!-- <div class="card">
+          <!-- <div class="card">
     <div class="card-body login-card-body">
       <form action="" id="login-form"> -->
-        <div class="input-group mb-3">
-          <input type="email" class="form-control" name="email" required placeholder="Email">
-          <div class="input-group-append">
-            <div class="input-group-text">
-              <span class="fas fa-envelope"></span>
-            </div>
-          </div>
-        </div>
-        <div class="input-group mb-3">
-          <input type="password" class="form-control" name="password" required placeholder="Password">
-          <div class="input-group-append">
-            <div class="input-group-text">
-              <span class="fas fa-lock"></span>
+          <div class="input-group mb-3">
+            <input type="email" class="form-control" name="email" required placeholder="Email">
+            <div class="input-group-append">
+              <div class="input-group-text">
+                <span class="fas fa-envelope"></span>
+              </div>
             </div>
           </div>
-        </div>
-        <div class="form-group mb-3">
-          <label for="">Login As</label>
-          <select name="login" id="" class="custom-select custom-select-sm">
-            <option value="3">Student</option>
-            <option value="2">Faculty</option>
-            <option value="1">Admin</option>
-          </select>
-        </div>
-        <div class="row">
-          <div class="col-8">
-            <div class="icheck-primary">
-              <input type="checkbox" id="remember">
-              <label for="remember">
-                Remember Me
-              </label>
+          <div class="input-group mb-3">
+            <input type="password" class="form-control" name="password" required placeholder="Password">
+            <div class="input-group-append">
+              <div class="input-group-text">
+                <span class="fas fa-lock" onclick="togglePasswordVisibility()"></span>
+                <span class="fas fa-eye" style="display:none;" onclick="togglePasswordVisibility()"></span>
+              </div>
             </div>
           </div>
-          <!-- /.col -->
-          <div class="col-4">
-            <button type="submit" class="btn btn-primary btn-block">Sign In</button>
+          <div class="form-group mb-3">
+            <label for="">Login As</label>
+            <select name="login" id="" class="custom-select custom-select-sm">
+              <option value="3">Student</option>
+              <option value="2">Faculty</option>
+              <option value="1">Admin</option>
+            </select>
           </div>
-          <p class="mb-1">
-  Don't have an account? <a href="signup.php" class="text-center">Sign up</a>
-</p>
+          <div class="row">
+            <div class="col-8">
+              <div class="icheck-primary">
+                <input type="checkbox" id="remember">
+                <label for="remember">
+                  Remember Me
+                </label>
+              </div>
+            </div>
+            <!-- /.col -->
+            <div class="col-4">
+              <button type="submit" class="btn btn-primary btn-block">Sign In</button>
+            </div>
+            <p class="mb-1">
+              Don't have an account? <a href="signup.php" class="text-center">Sign up</a>
+            </p>
 
-          <!-- /.col -->
-        </div>
-      </form>
+            <!-- /.col -->
+          </div>
+        </form>
+      </div>
+      <!-- /.login-card-body -->
     </div>
-    <!-- /.login-card-body -->
   </div>
-</div>
-<!-- /.login-box -->
-<script>
-  $(document).ready(function(){
-    $('#login-form').submit(function(e){
-    e.preventDefault()
-    start_load()
-    if($(this).find('.alert-danger').length > 0 )
-      $(this).find('.alert-danger').remove();
-    $.ajax({
-      url:'ajax.php?action=login',
-      method:'POST',
-      data:$(this).serialize(),
-      error:err=>{
-        console.log(err)
-        end_load();
+  <!-- /.login-box -->
+  <script>
+    $(document).ready(function () {
+      $('#login-form').submit(function (e) {
+        e.preventDefault()
+        start_load()
+        if ($(this).find('.alert-danger').length > 0)
+          $(this).find('.alert-danger').remove();
+        $.ajax({
+          url: 'ajax.php?action=login',
+          method: 'POST',
+          data: $(this).serialize(),
+          error: err => {
+            console.log(err)
+            end_load();
 
-      },
-      success:function(resp){
-        if(resp == 1){
-          location.href ='index.php?page=home';
-        }else{
-          $('#login-form').prepend('<div class="alert alert-danger">Username or password is incorrect.</div>')
-          end_load();
-        }
-      }
+          },
+          success: function (resp) {
+            if (resp == 1) {
+              location.href = 'index.php?page=home';
+            } else {
+              $('#login-form').prepend('<div class="alert alert-danger">Username or password is incorrect.</div>')
+              end_load();
+            }
+          }
+        })
+      })
     })
-  })
-  })
-</script>
-<?php include 'footer.php' ?>
+  </script>
+  <script>
+function togglePasswordVisibility() {
+  var passwordInput = document.querySelector('[name="password"]');
+  var lockIcon = document.querySelector('.fa-lock');
+  var eyeIcon = document.querySelector('.fa-eye');
+
+  // Check if the password is currently visible
+  if (passwordInput.type === 'password') {
+    // If hidden, change to 'text' to show it and toggle icons
+    passwordInput.type = 'text';
+    lockIcon.style.display = 'none';
+    eyeIcon.style.display = 'block';
+  } else {
+    // If visible, change to 'password' to hide it and toggle icons
+    passwordInput.type = 'password';
+    lockIcon.style.display = 'block';
+    eyeIcon.style.display = 'none';
+  }
+}
+
+  </script>
+  <?php include 'footer.php' ?>
 
 </body>
+
 </html>

From 8110b3be3791ca0a97a517c6477e06f4cb8dc4d9 Mon Sep 17 00:00:00 2001
From: shivam kumar <66321059+sk-upadhyay@users.noreply.github.com>
Date: Sun, 19 May 2024 22:55:43 +0530
Subject: [PATCH 2/2] Update signup.php

---
 signup.php | 136 ++++++++++++++++++++++++++++++++---------------------
 1 file changed, 82 insertions(+), 54 deletions(-)

diff --git a/signup.php b/signup.php
index 3da2886..ed97692 100644
--- a/signup.php
+++ b/signup.php
@@ -1,21 +1,19 @@
-
-
 <!DOCTYPE html>
 <html lang="en">
 <?php
 session_start();
-include('./db_connect.php');
+include ('./db_connect.php');
 ob_start();
 
 $system = $conn->query("SELECT * FROM system_settings")->fetch_array();
-foreach($system as $k => $v){
+foreach ($system as $k => $v) {
   $_SESSION['system'][$k] = $v;
 }
 
 ob_end_flush();
 ?>
 <?php
-if(isset($_SESSION['login_id']))
+if (isset($_SESSION['login_id']))
   header("location:index.php?page=home");
 ?>
 <?php include 'header.php' ?>
@@ -23,12 +21,15 @@
 <style>
   .signup-logo {
     text-align: center;
-    margin-bottom: 20px; /* Adjust as needed */
+    margin-bottom: 20px;
+    /* Adjust as needed */
   }
 
   .signup-logo img {
-    width: 200px; /* Set the width as per your requirements */
-    height: auto; /* This maintains the image's aspect ratio */
+    width: 200px;
+    /* Set the width as per your requirements */
+    height: auto;
+    /* This maintains the image's aspect ratio */
   }
 
   .signup-container {
@@ -41,8 +42,10 @@
   }
 
   .signup-box {
-    max-width: 400px; /* Adjust the width as needed */
-    text-align: center; /* Center align text inside the box */
+    max-width: 400px;
+    /* Adjust the width as needed */
+    text-align: center;
+    /* Center align text inside the box */
   }
 
   /* Add styles for the success pop-up */
@@ -63,14 +66,14 @@
 <body class="hold-transition login-page bg-white">
   <div class="signup-container">
     <div class="signup-box">
-     
+
       <h2><b>AQMS - Sign Up</b></h2>
       <div class="card">
         <div class="card-body signup-card-body">
           <form action="process_signup.php" method="POST" id="signup-form">
-          <div class="signup-logo">
-            <img src="profpraisal.png" alt="Your Image Alt Text">
-          </div>
+            <div class="signup-logo">
+              <img src="profpraisal.png" alt="Your Image Alt Text">
+            </div>
             <div class="input-group mb-3">
               <input type="text" class="form-control" name="CUID" required placeholder="CUID">
               <div class="input-group-append">
@@ -82,7 +85,7 @@
             <div class="input-group mb-3">
               <input type="name" class="form-control" name="firstname" required placeholder="First Name">
               <div class="input-group-append">
-                <div class ="input-group-text">
+                <div class="input-group-text">
                   <span class="fas fa-lock"></span>
                 </div>
               </div>
@@ -90,7 +93,7 @@
             <div class="input-group mb-3">
               <input type="name" class="form-control" name="lastname" required placeholder="Last Name">
               <div class="input-group-append">
-                <div class ="input-group-text">
+                <div class="input-group-text">
                   <span class="fas fa-lock"></span>
                 </div>
               </div>
@@ -98,24 +101,25 @@
             <div class="input-group mb-3">
               <input type="email" class="form-control" name="email" required placeholder="Email">
               <div class="input-group-append">
-                <div class ="input-group-text">
+                <div class="input-group-text">
                   <span class="fas fa-lock"></span>
                 </div>
               </div>
             </div>
             <div class="input-group mb-3">
-              <input type="password" class="form-control" name="password" required placeholder="Password">
+              <input type="password" class="form-control" id="password" name="password" required placeholder="Password">
               <div class="input-group-append">
-                <div class ="input-group-text">
-                  <span class="fas fa-lock"></span>
+                <div class="input-group-text" onclick="togglePasswordVisibility('password')">
+                  <span id="passwordIcon" class="fas fa-lock"></span>
                 </div>
               </div>
             </div>
             <div class="input-group mb-3">
-              <input type="password" class="form-control" name="Conform_password" required placeholder="Conform_Password">
+              <input type="password" class="form-control" id="Conform_password" name="Conform_password" required
+                placeholder="Confirm_Password">
               <div class="input-group-append">
-                <div class ="input-group-text">
-                  <span class="fas fa-lock"></span>
+                <div class="input-group-text" onclick="togglePasswordVisibility('Conform_password')">
+                  <span id="Conform_passwordIcon" class="fas fa-lock"></span>
                 </div>
               </div>
             </div>
@@ -138,48 +142,72 @@
     </div>
   </div>
   <!-- /.signup-container -->
-  
+
   <!-- Success pop-up message -->
   <div class="success-popup" id="successPopup">
     Signup successful! You can now <a href="login.php">log in</a>.
   </div>
-  
+
   <script>
-    $(document).ready(function(){
-  $('#signup-form').submit(function(e){
-    e.preventDefault();
-    
-    // Get form data
-    var formData = $(this).serialize();
-    
-    // Send AJAX request
-    $.ajax({
-      type: 'POST',
-      url: 'process_signup.php', 
-      data: formData,
-      success: function(response){
-        // Handle success response
-        if(response == 'successful') {
-          showSuccessPopup();
-        } else {
-          // alert('Error: ' + response); 
-          console.log("Error: " + response);
+    $('#signup-form').submit(function (e) {
+      e.preventDefault();
+      var formData = $(this).serializeArray();
+      var email = formData.find(input => input.name === 'email').value;
+
+      // Verify the email address with Verifalia
+      $.ajax({
+        type: 'POST',
+        url: 'verify_email.php', // This is a new PHP file you'll create for verification
+        data: { email: email },
+        success: function (verificationResult) {
+          if (verificationResult.isDeliverable) {
+            // If the email is verified, proceed with the signup process
+            $.ajax({
+              type: 'POST',
+              url: 'process_signup.php',
+              data: formData,
+              success: function (response) {
+                // Handle the rest of the signup process
+              },
+              error: function (xhr, status, error) {
+                console.error(xhr.responseText);
+              }
+            });
+          } else {
+            // Handle the case where the email is not deliverable
+            console.log("Email is not deliverable: " + verificationResult.status);
+          }
+        },
+        error: function (xhr, status, error) {
+          console.error("Verifalia email verification failed: " + xhr.responseText);
         }
-      },
-      error: function(xhr, status, error){
-        console.error(xhr.responseText); 
-      }
+      });
     });
-  });
 
-  function showSuccessPopup() {
-    var successPopup = document.getElementById("successPopup");
-    successPopup.style.display = "block";
-  }
+    function showSuccessPopup() {
+      var successPopup = document.getElementById("successPopup");
+      successPopup.style.display = "block";
+    }
 });
 
   </script>
-  
+<script>
+  function togglePasswordVisibility(passwordId) {
+  var passwordInput = document.getElementById(passwordId);
+  var passwordIcon = document.getElementById(passwordId + 'Icon');
+
+  if (passwordInput.type === 'password') {
+    passwordInput.type = 'text';
+    passwordIcon.classList.remove('fa-lock');
+    passwordIcon.classList.add('fa-eye');
+  } else {
+    passwordInput.type = 'password';
+    passwordIcon.classList.remove('fa-eye');
+    passwordIcon.classList.add('fa-lock');
+  }
+}
+</script>
   <?php include 'footer.php' ?>
 </body>
+
 </html>
