JezK
Edit File: header.php
<?php include_once("App/checkSession.php"); include('App/functions.php'); $user = new UserFunctions(); $result = $user->getHomeData(); if (!empty($_SESSION['status']) && $_SESSION['status'] == 1) { $name = $_SESSION['user_name']; $user_id = $_SESSION['user_id']; $id = $_SESSION['id']; //get user details $userData = $user->userDeatils($id); $loyaltyPoints = 0; $referralPoints = 0; if($userData['loyalty_points'] > 0){ $loyaltyPoints = $userData['loyalty_points']; } if($userData['referral_points'] > 0){ $referralPoints = $userData['referral_points']; } }else{ header('Location: index.php'); } ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="icon" type="image/png" href="./images/fav.png"> <title>Detailing Edition - User Module</title> <!-- Add Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <link rel="stylesheet" href="./userstyles/userstyles.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;800&family=Mulish:wght@300;400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.7/css/all.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> </head> <body> <header class="blue-bg"> <div class="container"> <nav class="navbar navbar-expand-lg navbar-light px-0"> <a class="navbar-brand" href="home.php"> <img src="./images/logo.png" class="logo" alt="Logo"></a> </a> <?php if (!empty($_SESSION['status']) && $_SESSION['status'] == 1) { ?> <div class="ml-auto"> <div class="dropdown"> <button class="no-btn de-primary-color dropdown-toggle p-0" type="button" id="userDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="checkCart(<?php echo $id; ?>)"> <b> Hello, <span class="text-capitalize"><?php echo $name; ?></span></b> </button> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown"> <?php if($result['services1_status'] == 1) { ?> <a class="dropdown-item" href="careclub.php">Ceramic Club</a> <div class="dropdown-divider"></div> <?php } if($result['services2_status'] == 1) { ?> <a class="dropdown-item" href="products.php">Loyalty Programs</a> <div class="dropdown-divider"></div> <?php } if($result['services3_status'] == 1) { ?> <a class="dropdown-item" href="services.php">Services</a> <!-- <div class="dropdown-divider"></div> <?php } ?> <a class="d-flex justify-content-between align-items-center dropdown-item" href="cart.php"><span>Cart</span> <span class="dotred dotNotification " id="cartNotification"></span> </a> --> <div class="dropdown-divider"></div> <a class="dropdown-item" href="coupons.php">Coupons</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="logout.php">Logout</a> </div> </div> <div><span class="userid">User ID:</span><b> <?php echo $user_id; ?></b></div> <div><span class="userid">Referral Code:</span><b> <?php echo $userData['referral_code']; ?></b></div> <div><span class="userid">Loyalty Points:</span><b> <?php echo $loyaltyPoints; ?></b></div> <div><span class="userid">Referral Points:</span><b> <?php echo $referralPoints; ?></b></div> </div> <?php } else { ?> <div class="ml-auto"> <div> <h5 class="no-btn de-primary-color p-0" type=""> <a href="login.php" style="color: #00adef;"> Login</a>/<a href="register.php" style="color: #00adef;"> Register</a> </h5> </div> <?php } ?> </nav> </div> </header> <script> function checkCart(userId) { $.ajax({ url: "App/cart.php", type: "POST", data: { action: 'checkCart', userId: userId }, success: function(data) { console.log(data) if (data != 0) { $('#cartNotification').text(data); } else { $('#cartNotification').hide(); } } }); } </script>