JezK

Edit File: sidemenu-start.php

<?php
include "head.php";
include('app/checkSession.php');

if (!isset($_SESSION['admin'])) {
    header('Location: index.php');
}
$curPageName = substr($_SERVER["SCRIPT_NAME"], strrpos($_SERVER["SCRIPT_NAME"], "/") + 1);
?>

<div class="site-wrap">
    <nav class="site-nav">
        <div class="">
            <img src="./images/logo.png" class="img-fluid name" />
        </div>
        <ul>

<li class="<?php if ($curPageName == 'dashboard.php') {
                            echo 'active';
                        }  ?>"><a href="./dashboard.php"><span class="side-icons <?php if ($curPageName == 'dashboard.php') {
                                                                                        echo 'active';
                                                                                    }  ?> "> <i class="fas fa-tachometer-alt"></i></span>Dashboard</a></li>

<li class="<?php if ($curPageName == 'usermanagement.php' || $curPageName == 'edituser.php') {
                            echo 'active';
                        }  ?>"><a href="./usermanagement.php"><span class="side-icons <?php if ($curPageName == 'usermanagement.php' || $curPageName == 'edituser.php') {
                                                                                            echo 'active';
                                                                                        }  ?>"><i class="fas fa-users"></i></span>User Management</a></li>

<li class="<?php if ($curPageName == 'careClubs.php' || $curPageName == 'addpackage.php' || $curPageName == 'editpackage.php' || $curPageName == 'packages-paymentdetails.php') {
                            echo 'active';
                        }  ?>"><a href="./careClubs.php"><span class="side-icons <?php if ($curPageName == 'packages.php' || $curPageName == 'addpackage.php' || $curPageName == 'editpackage.php' || $curPageName == 'packages-paymentdetails.php') {
                                                                                        echo 'active';
                                                                                    }  ?>"><i class="fas fa-cubes"></i></span>Ceramic Club</a></li>

<li class="<?php if ($curPageName == 'products.php' || $curPageName == 'products-paymentdetails.php') {
                            echo 'active';
                        }  ?>"><a href="./products.php"><span class="side-icons <?php if ($curPageName == 'products.php' || $curPageName == 'products-paymentdetails.php') {
                                                                                    echo 'active';
                                                                                }  ?>"><i class="fas fa-cart-plus"></i></span>Loyalty Programs</a></li>

<li class="<?php if ($curPageName == 'services.php' || $curPageName == 'services-paymentdetails.php') {
                            echo 'active';
                        }  ?>"><a href="./services.php"><span class="side-icons <?php if ($curPageName == 'services.php' || $curPageName == 'services-paymentdetails.php') {
                                                                                    echo 'active';
                                                                                }  ?>"><i class="fas fa-car"></i></span>Services</a></li>

<li class="<?php if ($curPageName == 'approvals.php') {
                            echo 'active';
                        }  ?>"><a href="./approvals.php"><span class="side-icons <?php if ($curPageName == 'approvals.php') {
                                                                                        echo 'active';
                                                                                    }  ?>"><i class="far fa-check-circle"></i></span>Approvals</a></li>

<li class="<?php if ($curPageName == 'branches.php') {
                            echo 'active';
                        }  ?>"><a href="./branches.php"><span class="side-icons <?php if ($curPageName == 'branches.php') {
                                                                                        echo 'active';
                                                                                    }  ?>"><i class="fas fa-code-branch"></i>   </span>Branches</a></li>
            <li class="<?php if ($curPageName == 'subadmin.php') {
                            echo 'active';
                        }  ?>"><a href="./subadmin.php"><span class="side-icons <?php if ($curPageName == 'subadmin.php') {
                                                                                    echo 'active';
                                                                                }  ?> "><i class="fas fa-user"></i></span>Sub Admin</a></li>

<li class="<?php if ($curPageName == 'coupons.php') {
                            echo 'active';
                        }  ?>"><a href="./coupons.php"><span class="side-icons <?php if ($curPageName == 'coupons.php') {
                                                                                    echo 'active';
                                                                                }  ?> "><i class="fas fa-ticket-alt"></i></span>Coupons</a></li>

<li class="<?php if ($curPageName == 'secretCoupons.php') {
                            echo 'active';
                        }  ?>"><a href="./secretCoupons.php"><span class="side-icons <?php if ($curPageName == 'secretCoupons.php') {
                                                                                    echo 'active';
                                                                                }  ?> "><i class="fas fa-ticket-alt"></i></span>Secret Coupons</a></li>

<li><button class="no-btn logout_button" data-bs-toggle="modal" data-bs-target="#logoutModal"><span class="side-icons"> <i class="fas fa-sign-out-alt"></i></span>Logout</button></li>
        </ul>

</nav>

</div>

<div class="notification-popover">
                    <h4 class="notification-title">Notifications</h4>
                    <div class="notification-body">
                        <div class="notification-column d-none" id="careClubColumn">
                            <div class="col-2 notification-icon">
                                <i class=" far fa-envelope"></i>

<span class="dotred" id="careClubNotification"></span>
                            </div>
                            <div class="col-8">
                                <span class="notification-text"><b>Sub admin </b>added <b>CareClubs</b></span>

</div>
                            <div class="col-2">
                                <button class="viewbtn"><a href="<?php echo $baseUrl ?>admin/careClubs.php">View</a></button>

</div>
                        </div>
                        <div class="notification-column d-none" id="productColumn">
                            <div class="col-2 notification-icon">
                                <i class="far fa-envelope"></i>
                                <span class="dotred" id="productNotification"></span>
                            </div>
                            <div class="col-8">
                                <span class="notification-text"><b>Sub admin</b> added <b>Products</b></span>

</div>
                            <div class="col-2">
                                <button class="viewbtn"><a href="<?php echo $baseUrl ?>admin/products.php">View</a></button>

</div>
                        </div>
                        <div class="notification-column d-none" id="serviceColumn">
                            <div class="col-2 notification-icon">
                                <i class="far fa-envelope"></i>
                                <span class="dotred" id="serviceNotification"></span>
                            </div>
                            <div class="col-8">
                                <span class="notification-text"><b>Sub admin </b>added <b>Services</b></span>

</div>
                            <div class="col-2">
                                <button class="viewbtn"><a href="<?php echo $baseUrl ?>admin/services.php">View</a></button>

</div>
                        </div>
                        <div class="notification-column d-none" id="approvalColumn">
                            <div class="col-2 notification-icon">
                                <i class="far fa-envelope"></i>
                                <span class="dotred" id="approvalNotification"></span>
                            </div>
                            <div class="col-8">
                                <span class="notification-text"><b>Sub admin </b>need <b>Approval</b></span>

</div>
                            <div class="col-2">
                                <button class="viewbtn"><a href="<?php echo $baseUrl ?>admin/approvals.php">View</a></button>

</div>
                        </div>
						<div class="notification-column d-none" id="userAllotmentColumn">
                            <div class="col-2 notification-icon">
                                <i class="far fa-envelope"></i>
                                <span class="dotred" id="userAllotmentNotification"></span>
                            </div>
                            <div class="col-8">
                                <span class="notification-text"><b>User made a purchase</span>

</div>
                            <div class="col-2">
                                <button class="viewbtn"><a href="<?php echo $baseUrl ?>admin/usermanagement.php">View</a></button>

</div>
                        </div>
                        <div class="notification-column d-none" id="noNotificationColumn">
                            <div class="col-2 notification-icon">
                                <i class="far fa-envelope"></i>
                            </div>
                            <div class="col-8">
                                <span class="notification-text">No Notifications</span>
                            </div>
                            <div class="col-2">
                            </div>
                        </div>

</div>
                </div>

</button>
                    <ul class="dropdown-menu logout" aria-labelledby="dropdownMenuButton1">
                        <li> <a class="user-name dropdown-item" href="./logout.php">Logout</a>
                        </li>
                    </ul>
                </div>

</div>
            
            <div class="modal fade" id="logoutModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content de-modal-content">

<div class="modal-header de-mh">
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <h1 class="modal-title text-center" id="exampleModalLabel">Do You want to Logout?</h1>
                        </div>
                        <div class="modal-footer">

<a href="./logout.php" class="de-btn-small yes" name="submit">Yes</a>
                            <button type="button" class="close-btn" data-bs-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
            <script>
                $(document).ready(function() {

notifications()

$('.notification-link').click(function(e) {
                        e.preventDefault();
                        $('.notification-popover').toggle();
                    });

$('.logout-link').click(function(e) {
                        e.preventDefault();
                        $('.logout-popover').toggle();
                    });

$(document).click(function(event) {
                        if (!$(event.target).closest('.notification-link').length && !$(event.target).closest('.notification-popover').length) {
                            $('.notification-popover').hide();
                        }
                        if (!$(event.target).closest('.logout-link').length && !$(event.target).closest('.logout-popover').length) {
                            $('.logout-popover').hide();
                        }
                    });
                });

function notifications() {
                    $.ajax({
                        type: 'POST',
                        url: 'app/notifications.php',
                        data: {
                            getNotifications: 'getNotifications'
                        },
                        success: function(response) {
                            data = JSON.parse(response);

services = parseInt(data.services);
                            products = parseInt(data.products);
                            careClubs = parseInt(data.careClubs);
                            approvals = parseInt(data.allotment);
							userAllotment = parseInt(data.userAllotment);

if (services > 0 || products > 0 || careClubs > 0 || approvals > 0 || userAllotment > 0) {
                                $('.dotNotification').removeClass('d-none')
                                $('#noNotificationColumn').addClass('d-none')
                            } else {
                                $('.dotNotification').addClass('d-none')
                                $('#noNotificationColumn').removeClass('d-none')
                            }

if (services > 0) {
                                $('#serviceColumn').removeClass('d-none')
                            } else {
                                $('#serviceColumn').addClass('d-none')
                            }

if (products > 0) {
                                $('#productColumn').removeClass('d-none')
                            } else {
                                $('#productColumn').addClass('d-none')
                            }

if (careClubs > 0) {
                                $('#careClubColumn').removeClass('d-none')
                            } else {
                                $('#careClubColumn').addClass('d-none')
                            }

if (approvals > 0) {
                                $('#approvalColumn').removeClass('d-none')
                            } else {
                                $('#approvalColumn').addClass('d-none')
                            }
							if (userAllotment > 0) {
                                $('#userAllotmentColumn').removeClass('d-none')
                            } else {
                                $('#userAllotmentColumn').addClass('d-none')
                            }

$('#serviceNotification').html(services)
                            $('#productNotification').html(products)
                            $('#careClubNotification').html(careClubs)
                            $('#approvalNotification').html(approvals)
                            $('#userAllotmentNotification').html(userAllotment)
                        }
                    })
                }

// setInterval(notifications, 2000); // Call myFunction every 2000 milliseconds (2 seconds)
            </script>

</header>
        <div class="content-columns">