One Hat Cyber Team

Edit File: login.php

<?php
session_name('vaishnavi_awaha');
// Start the session
session_start();
ini_set('session.cookie_domain', 'awaha.in');

$error_message = isset($_GET['error_message']) ? $_GET['error_message'] : '';

// Include database connection
include 'admin/connection.inc.php'; // Replace with your actual DB connection file

$error_message = '';

if (isset($_GET['error_message'])) {
    $error_message = urldecode($_GET['error_message']);
}

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    // Retrieve form data
    $email = $_POST['loginEmail'];
    $password = $_POST['loginPassword'];

// Sanitize inputs to prevent SQL injection
    $email = mysqli_real_escape_string($conn, $email);
    $password = mysqli_real_escape_string($conn, $password);

// Query to check credentials
    $query = "SELECT * FROM users WHERE email = '$email'";
    $result = mysqli_query($conn, $query);

if ($result && mysqli_num_rows($result) > 0) {
        $user = mysqli_fetch_assoc($result);

// Verify the password
        if (password_verify($password, $user['password'])) { // Assuming password is hashed
            // Set session variables
            $_SESSION['user_id'] = $user['id'];
            $_SESSION['user_email'] = $user['email'];
            $_SESSION['user_name'] = $user['name'];
            $_SESSION['role'] = $user['role']; // Corrected this line to use $user['role']

// Redirect based on the user's role
            if ($_SESSION['role'] == 'Customer') {
                header("Location: index.php"); // Redirect to the homepage
            } elseif ($_SESSION['role'] == 'Admin') {
                header("Location: admin/index.php"); // Redirect to the admin dashboard
            }
            exit();
        } else {
            $error_message = 'Invalid email or password.';
        }
    } else {
        $error_message = 'No account found with this email.';
    }
}
?>

<!DOCTYPE html>
<html lang="zxx">
<head>
        
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="description" content="eCommerce,shop,fashion">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        
         <title>Awaha</title>
        
        <link rel="shortcut icon" href="assets/images/logo/awaha.png" type="image/png">
        
        <link href="https://fonts.googleapis.com/css2?family=Aoboshi+One&amp;family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&amp;display=swap" rel="stylesheet">
        
        <link rel="stylesheet" href="assets/fonts/flaticon/flaticon_pesco.css">
        
        <link rel="stylesheet" href="assets/fonts/fontawesome/css/all.min.css">
        
        <link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css">
        
        <link rel="stylesheet" href="assets/vendor/slick/slick.css">
        
        <link rel="stylesheet" href="assets/vendor/nice-select/css/nice-select.css">
        
        <link rel="stylesheet" href="assets/vendor/magnific-popup/dist/magnific-popup.css">
        
        <link rel="stylesheet" href="assets/vendor/jquery-ui/jquery-ui.min.css">
        
        <link rel="stylesheet" href="assets/vendor/aos/aos.css">
        
        <link rel="stylesheet" href="assets/css/default.css">
        
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">

.main-bg {
   
    padding-top: 60px;
    padding-bottom: 80px;
}

.section-title h2 {
    font-size: 2.5rem;
    color: #333;
}

.section-title p {
    color: #777;
    font-size: 1rem;
}

.form-container {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.form-title {
    font-size: 1.8rem;
    color: #333;
}

.form-label {
    font-size: 1rem;
    color: #555;
}

.form-control {
    border: 1px solid #ddd;
    padding: 12px 20px;
    font-size: 1rem;
    background-color: #f7f7f7;
    transition: all 0.3s ease;
}

.form-control:focus {
    background-color: #fff;
    border-color: #007bff;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.btn-primary {
    background-color: #af8791 !important;
    border: none;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #2575fc;
    box-shadow: 0 4px 10px rgba(37, 117, 252, 0.3);
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.shadow-lg {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
        </style>
    </head>
    <body>
        
        
        <div class="offcanvas__overlay"></div>
        
        <div class="sidemenu-wrapper-cart">
            <div class="sidemenu-content">
                <div class="widget widget-shopping-cart">
                    <h4>My cart</h4>
                    <div class="sidemenu-cart-close"><i class="far fa-times"></i></div>
                    <div class="widget-shopping-cart-content">
                        <ul class="pesco-mini-cart-list">
                            <li class="sidebar-cart-item">
                                <a href="#" class="remove-cart"><i class="far fa-trash-alt"></i></a>
                                <a href="#">
                                    <img src="assets/images/products/cart-1.jpg" alt="cart image">
                                    leggings with mesh panels
                                </a>
                                <span class="quantity">1 × <span><span class="currency">$</span>940.00</span></span>
                            </li>
                            <li class="sidebar-cart-item">
                                <a href="#" class="remove-cart"><i class="far fa-trash-alt"></i></a>
                                <a href="#">
                                    <img src="assets/images/products/cart-2.jpg" alt="cart image">
                                    Summer dress with belt
                                </a>
                                <span class="quantity">1 × <span><span class="currency">$</span>940.00</span></span>
                            </li>
                            <li class="sidebar-cart-item">
                                <a href="#" class="remove-cart"><i class="far fa-trash-alt"></i></a>
                                <a href="#">
                                    <img src="assets/images/products/cart-3.jpg" alt="cart image">
                                    Floral print sundress
                                </a>
                                <span class="quantity">1 × <span><span class="currency">$</span>940.00</span></span>
                            </li>
                            <li class="sidebar-cart-item">
                                <a href="#" class="remove-cart"><i class="far fa-trash-alt"></i></a>
                                <a href="#">
                                    <img src="assets/images/products/cart-4.jpg" alt="cart image">
                                    Sheath Gown Red Colors
                                </a>
                                <span class="quantity">1 × <span><span class="currency">$</span>940.00</span></span>
                            </li>
                        </ul>
                        <div class="cart-mini-total">
                            <div class="cart-total">
                                <span><strong>Subtotal:</strong></span> <span class="amount">1 × <span><span class="currency">$</span>940.00</span></span>
                            </div>
                        </div>
                        <div class="cart-button-box">
                            <a href="checkout.html" class="theme-btn style-one">Proceed to checkout</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
       <?php include 'header.php' ?>
       
        
      <main class="main-bg">
    <section class="work-processing-section py-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    
                    <div class="section-title text-center mb-5">
                        <h2 class="display-4 fw-bold">Welcome</h2>
                        <p class="text-muted">Your journey begins here. Register or log in to explore.</p>
                    </div>
                </div>
            </div>
            <div class="row align-items-center shadow-lg rounded" style="background: #fff; overflow: hidden;">
                
                <div class="col-lg-6 p-0">
                    <img src="assets/images/signupbg.png" class="img-fluid w-100" alt="Signup Background" style="height: 100%; object-fit: cover;">
                </div>

<div class="col-lg-6 px-5 py-4">
                    <h3 class="form-title text-center fw-bold mb-4">Login</h3>
                 <?php if (!empty($error_message)) : ?>
                    <div class="alert alert-danger text-center"><?php echo $error_message; ?></div>
                <?php endif; ?>
                    <form action="" method="POST" id="loginForm">
                        <div class="form-group mb-3">
                            <label for="loginEmail" class="form-label fw-medium">Email</label>
                            <input type="email" name="loginEmail" id="loginEmail" class="form-control rounded-pill shadow-sm" placeholder="Enter your email" required>
                        </div>
                       <div class="form-group mb-4">
                    <label for="loginPassword" class="form-label fw-medium">Password</label>
                    <div class="input-group">
                        <input type="password" name="loginPassword" id="loginPassword" class="form-control rounded-pill shadow-sm" placeholder="Enter your password" required>
                        <span class="input-group-text" id="togglePassword" style="cursor: pointer; border-radius: 50%;">
                            <i class="fa-solid fa-eye" id="eyeIcon"></i>
                        </span>
                    </div>
                </div>

<button type="submit" class="btn btn-primary rounded-pill w-100 py-2 fw-bold shadow">Login</button>
        <p class="text-center mt-3 text-muted">
            Don't have an account? <a href="register.php" class="text-primary fw-medium">Register here</a>
        </p>
    </form>
</div>

</div>
        </div>
    </section>
</main>
        
       <?php include 'footer.php' ?>
       
       <script>
         document.getElementById("registerForm").addEventListener("submit", function (e) {
            e.preventDefault();
            const password = document.getElementById("registerPassword").value;
            const confirmPassword = document.getElementById("registerConfirmPassword").value;
        
            if (password !== confirmPassword) {
                alert("Passwords do not match!");
            } else {
                alert("Registration successful!");
            }
        });

document.getElementById("loginForm").addEventListener("submit", function (e) {
            e.preventDefault();
            alert("Login successful!");
        });

</script>
       
        
        <div class="back-to-top" ><i class="far fa-angle-up"></i></div>
        
        <script src="assets/vendor/jquery-3.7.1.min.js"></script>
        
        <script src="assets/vendor/popper/popper.min.js"></script>
        
        <script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
        
        <script src="assets/vendor/slick/slick.min.js"></script>
        
        <script src="assets/vendor/magnific-popup/dist/jquery.magnific-popup.min.js"></script>
        
        <script src="assets/vendor/nice-select/js/jquery.nice-select.min.js"></script>
        
        <script src="assets/vendor/jquery-ui/jquery-ui.min.js"></script>
        
        <script src="assets/vendor/simplyCountdown.min.js"></script>
        
        <script src="assets/vendor/aos/aos.js"></script>
        
        <script src="assets/js/theme.js"></script>
        
        <script>
          
document.getElementById("togglePassword").addEventListener("click", function() {
    var passwordInput = document.getElementById("loginPassword");
    var eyeIcon = document.getElementById("eyeIcon");

if (passwordInput.type === "password") {
        passwordInput.type = "text";
        eyeIcon.classList.remove("fa-eye");
        eyeIcon.classList.add("fa-eye-slash");
    } else {
        passwordInput.type = "password";
        eyeIcon.classList.remove("fa-eye-slash");
        eyeIcon.classList.add("fa-eye");
    }
});

</script>
    </body>
</html>