        </section>
        </div>
        <footer class="main-footer">
            <div class="footer-content">
                XtremeBilling: <a href="https://netxtreme.top" rel="nofollow noreferrer noopener" target="_blank">{$_c['CompanyName']}</a>
            </div>
            <div class="back-to-top">
                <button id="backToTopBtn" title="Go to top">
                    <i class="fas fa-arrow-up"></i>
                </button>
            </div>
        </footer>
        
        <!-- Footer Styles -->
        <style>
        .main-footer {
            text-align: center;            /* Center-aligns the content */
            font-size: 10px;               /* Increases the font size */
            padding: 20px 0;               /* Adds more space for the footer content */
            background-color: #f8f9fa;    /* Light background */
            font-family: 'Dancing Script', cursive; /* Handwriting-like font */
            position: relative;
        }
        
        .footer-content {
            margin-bottom: 20px;
        }
        
        .footer-content a {
            font-weight: bold;            /* Makes the company name bold */
            color: #007bff;               /* Link color */
            text-decoration: none;        /* Removes underline */
        }
        
        .footer-content a:hover {
            text-decoration: underline;   /* Underline on hover */
        }
        
        .social-icons {
            margin-top: 20px;
        }
        
        .social-icon {
            margin: 0 10px;
            font-size: 24px;
            color: #007bff;
            transition: color 0.3s ease-in-out;
        }
        
        .social-icon:hover {
            color: #0056b3;
        }
        
        .footer-links {
            margin-top: 20px;
        }
        
        .footer-link {
            color: #007bff;
            text-decoration: none;
            margin: 0 15px;
        }
        
        .footer-link:hover {
            text-decoration: underline;
        }
        
        .back-to-top {
            position: absolute;
            bottom: 20px;
            right: 20px;
        }
        
        #backToTopBtn {
            background-color: #007bff;
            color: white;
            border: none;
            padding: 10px 15px;
            font-size: 18px;
            border-radius: 50%;
            cursor: pointer;
            display: none;
            transition: opacity 0.3s ease;
        }
        
        #backToTopBtn:hover {
            background-color: #0056b3;
        }
        </style>
        
        </div>
        <script src="ui/ui/scripts/jquery.min.js"></script>
        <script src="ui/ui/scripts/bootstrap.min.js"></script>
        <script src="ui/ui/scripts/adminlte.min.js"></script>
        <script src="ui/ui/scripts/plugins/select2.min.js"></script>
        <script src="ui/ui/scripts/pace.min.js"></script>
        <script src="ui/ui/summernote/summernote.min.js"></script>

        <script src="ui/ui/scripts/custom.js"></script>
        <script>
            document.getElementById('openSearch').addEventListener('click', function () {
                document.getElementById('searchOverlay').style.display = 'flex';
            });
        
            document.getElementById('closeSearch').addEventListener('click', function () {
                document.getElementById('searchOverlay').style.display = 'none';
            });
        
            document.getElementById('searchTerm').addEventListener('keyup', function () {
                let query = this.value;
                $.ajax({
                    url: '{$_url}search_user',
                    type: 'GET',
                    data: { query: query },
                    success: function (data) {
                        if (data.trim() !== '') {
                            $('#searchResults').html(data).show();
                        } else {
                            $('#searchResults').html('').hide();
                        }
                    }
                });
            });
        </script>
        
        <script>
            const toggleIcon = document.getElementById('toggleIcon');
            const body = document.body;
            const savedMode = localStorage.getItem('mode');
            if (savedMode === 'dark') {
                body.classList.add('dark-mode');
                toggleIcon.textContent = '🌜';
            }
        
            function setMode(mode) {
                if (mode === 'dark') {
                    body.classList.add('dark-mode');
                    toggleIcon.textContent = '🌜';
                } else {
                    body.classList.remove('dark-mode');
                    toggleIcon.textContent = '🌞';
                }
            }
        
            toggleIcon.addEventListener('click', () => {
                if (body.classList.contains('dark-mode')) {
                    setMode('light');
                    localStorage.setItem('mode', 'light');
                } else {
                    setMode('dark');
                    localStorage.setItem('mode', 'dark');
                }
            });
        </script>
        {if isset($xfooter)}
            {$xfooter}
        {/if}
        {literal}
        <script>
            var listAttApi;
            var posAttApi = 0;
            $(document).ready(function() {
                $('.select2').select2({theme: "bootstrap"});
                $('.select2tag').select2({theme: "bootstrap", tags: true});
                var listAtts = document.querySelectorAll(`button[type="submit"]`);
                listAtts.forEach(function(el) {
                    if (el.addEventListener) { // all browsers except IE before version 9
                        el.addEventListener("click", function() {
                            $(this).html(
                                `<span class="loading"></span>`
                            );
                            // setTimeout(() => {
                            //     $(this).prop("disabled", true);
                            // }, 100);
                        }, false);
                    } else {
                        if (el.attachEvent) { // IE before version 9
                            el.attachEvent("click", function() {
                                $(this).html(
                                    `<span class="loading"></span>`
                                );
                                // setTimeout(() => {
                                //     $(this).prop("disabled", true);
                                // }, 100);
                            });
                        }
                    }
    
                });
                setTimeout(() => {
                    listAttApi = document.querySelectorAll(`[api-get-text]`);
                    apiGetText();
                }, 500);
            });
    
            function apiGetText(){
                var el = listAttApi[posAttApi];
                $.get(el.getAttribute('api-get-text'), function(data) {
                    el.innerHTML = data;
                    posAttApi++;
                    if(posAttApi < listAttApi.length){
                        apiGetText();
                    }
                });
    
            }
    
            function setKolaps() {
                var kolaps = getCookie('kolaps');
                if (kolaps) {
                    setCookie('kolaps', false, 30);
                } else {
                    setCookie('kolaps', true, 30);
                }
                return true;
            }
    
            function setCookie(name, value, days) {
                var expires = "";
                if (days) {
                    var date = new Date();
                    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                    expires = "; expires=" + date.toUTCString();
                }
                document.cookie = name + "=" + (value || "") + expires + "; path=/";
            }
    
            function getCookie(name) {
                var nameEQ = name + "=";
                var ca = document.cookie.split(';');
                for (var i = 0; i < ca.length; i++) {
                    var c = ca[i];
                    while (c.charAt(0) == ' ') c = c.substring(1, c.length);
                    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
                }
                return null;
            }
    
            $(function() {
                $('[data-toggle="tooltip"]').tooltip()
            })
            $("[data-toggle=popover]").popover();
        </script>
        {/literal}

        </body>
<!-- Font Awesome for Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

<!-- Scroll-to-Top JavaScript -->
<script>
    // Show the back-to-top button when the user scrolls down 100px
    window.onscroll = function() {
        var backToTopBtn = document.getElementById("backToTopBtn");
        if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
            backToTopBtn.style.display = "block";
        } else {
            backToTopBtn.style.display = "none";
        }
    };

    // Scroll to the top when the button is clicked
    document.getElementById("backToTopBtn").onclick = function() {
        window.scrollTo({ top: 0, behavior: "smooth" });
    };
</script>
</html>