still have a prob in con DB #2

devstygian · devstygian · commit ab881a61d703 · 2025-11-17T01:15:56.000+08:00
diff --git a/pages/auth/db_connection.php b/pages/auth/db_connection.php
@@ -4,10 +4,8 @@
 $password = "";
 $dbname = "saklaw";
 
-// Create connection
 $conn = mysqli_connect($servername, $username, $password, $dbname);
 
-// Check connection
 if (!$conn) {
     die("Connection failed: " . mysqli_connect_error());
 }
diff --git a/pages/auth/login.php b/pages/auth/login.php
@@ -2,45 +2,96 @@
 session_start();
 include 'db_connection.php';
 
+$error = "";
+
 if (isset($_POST['login'])) {
+
     $gmail = mysqli_real_escape_string($conn, $_POST['gmail']);
-    $password = md5($_POST['password']); // later: use password_hash()
+    $password = md5($_POST['password']);
 
     $sql = "SELECT * FROM userdata WHERE gmail='$gmail' AND password='$password'";
     $result = mysqli_query($conn, $sql);
 
     if (mysqli_num_rows($result) > 0) {
         $_SESSION['gmail'] = $gmail;
-        header("Location: ../dashboard/dash.php"); // corrected path
+        header("Location: ../Saklaw/home.php");
         exit();
     } else {
         $error = "Invalid gmail or password!";
     }
 }
 ?>
-
 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Login</title>
   <link rel="stylesheet" href="../../../Saklaw/assets/css/auth.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
+
+  <style>
+    
+.password-wrapper {
+    position: relative;
+    width: 100%;
+}
+
+.password-wrapper input {
+    width: 100%;
+    padding-right: 40px; 
+    box-sizing: border-box;
+}
+
+.password-wrapper #togglePassword {
+    position: absolute;
+    right: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+    cursor: pointer;
+    color: #666;
+    font-size: 1.2rem;
+}
+  </style>
 </head>
 <body>
 
 <div class="login-wrapper">
     <div class="login-box">
         <h2>Login</h2>
-        <form method="POST" action="login">
+
+        <form method="POST" action="">
             <input type="email" name="gmail" placeholder="Gmail" required>
-            <input type="password" name="password" placeholder="Password" required>
-            <?php if (!empty($error)) echo "<p class='error'>$error</p>";  //pang display ng error?>
+
+            <div class="password-wrapper">
+                <input type="password" id="password" name="password" placeholder="Password" required>
+                <i class="bi bi-eye-slash" id="togglePassword"></i>
+            </div>
+
+            <?php if (!empty($error)) echo "<p class='error'>$error</p>"; ?>
+
             <button type="submit" name="login">Login</button>
         </form>
-        <p class="signup-link">Don't have an account? <a href="../../../Saklaw/pages/auth/signUp.php">Sign up</a></p>
+
+        <p class="signup-link">
+            Don't have an account? 
+            <a href="../../../Saklaw/pages/auth/signUp.php">Sign up</a>
+        </p>
     </div>
 </div>
 
+<script>
+const togglePassword = document.querySelector("#togglePassword");
+const password = document.querySelector("#password");
+
+togglePassword.addEventListener("click", function () {
+    const type = password.getAttribute("type") === "password" ? "text" : "password";
+    password.setAttribute("type", type);
+
+    this.classList.toggle("bi-eye");
+    this.classList.toggle("bi-eye-slash");
+});
+</script>
+
 </body>
 </html>

Original file line number	Diff line number	Diff line change
`@@ -4,10 +4,8 @@`
`4`	`4`	`$password = "";`
`5`	`5`	`$dbname = "saklaw";`
`6`	`6`
`7`		`-// Create connection`
`8`	`7`	`$conn = mysqli_connect($servername, $username, $password, $dbname);`
`9`	`8`
`10`		`-// Check connection`
`11`	`9`	`if (!$conn) {`
`12`	`10`	`die("Connection failed: " . mysqli_connect_error());`
`13`	`11`	`}`