JezK

Edit File: sidemenu-start.php

<?php
include "head.php";
require dirname(__DIR__) . '/admin/app/checkSession.php';

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

<div class="site-wrap">

</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 == '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>Products</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 == '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><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="packageNotification"></span>
                            </div>
                            <div class="col-8">
                                <span class="notification-text"><b>Admin </b>approved <b>CareClubs</b></span>

</div>
                            <div class="col-2">
                                <button class="viewbtn"><a
                                        href="<?php echo $baseUrl ?>sub-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>Admin</b> approved <b>Products</b></span>

</div>
                            <div class="col-2">
                                <button class="viewbtn"><a
                                        href="<?php echo $baseUrl ?>sub-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>Admin </b>Approved <b>Services</b></span>

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

</div>
                        </div>
                        <div class="notification-column d-none" id="rejectColumn">
                            <div class="col-2 notification-icon">
                                <i class="far fa-envelope"></i>
                                <span class="dotred" id="rejectNotification"></span>
                            </div>
                            <div class="col-8">
                                <span class="notification-text"><b>Admin </b>Rejected <b>Purchases</b></span>

</div>
                            <div class="col-2">
                                <button class="viewbtn"><a
                                        href="<?php echo $baseUrl ?>sub-admin/approvals.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>Admin </b>approved <b>Purchases</b></span>

</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>

</script>

</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 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>

notifications()

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

});

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

});

function notifications() {

$.ajax({
                        type: 'POST',
                        url: "<?php echo $baseUrl ?>" + 'admin/app/notifications.php',
                        data: {
                            getSubNotifications: 'getSubNotifications',
                            subId: subId
                        },
                        success: function(response) {
                            data = JSON.parse(response);

services = parseInt(data.services);
                            products = parseInt(data.products);
                            careClubs = parseInt(data.careClubs);
                            approvals = parseInt(data.approval);
                            reject = parseInt(data.reject);

if (services > 0 || products > 0 || careClubs > 0 || approvals > 0 || reject >
                                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 (reject > 0) {
                                $('#rejectColumn').removeClass('d-none')
                            } else {
                                $('#rejectColumn').addClass('d-none')
                            }

$('#serviceNotification').html(services)
                            $('#productNotification').html(products)
                            $('#packageNotification').html(careClubs)
                            $('#approvalNotification').html(approvals)
                            $('#rejectNotification').html(reject)

}
                    })

}

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

</header>