            </div>
        </div>
        <!--**********************************
                Content body end
        ***********************************-->
     <!-- Add Google Fonts for Handwriting -->
     <link href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" rel="stylesheet">

     <style>
         /* Apply Handwriting Style Font to Footer */
         .footer {
             display: flex;           /* Enable Flexbox */
             justify-content: center; /* Center horizontally */
             align-items: center;     /* Center vertically */
             flex-direction: column;  /* Stack items vertically */
             font-family: 'Dancing Script', cursive;
             font-size: 18px;         /* Default font size */
             color: #333;             /* Text color */
             text-align: center;      /* Center align text */

         }
 
         /* Optional: Style the links in the footer */
         .footer a {
             color: #4b9cd3;  /* Accent color for links */
             text-decoration: none;
         }
 
         .footer a:hover {
             text-decoration: underline;
         }
 
         /* Media Queries for Small Screens */
         @media (max-width: 600px) {
             .footer {
                 font-size: 14px; /* Smaller font size on smaller screens */
                 padding: 15px;   /* Adjust padding for mobile */
             }
 
             .footer a {
                 font-size: 14px; /* Adjust link size for mobile */
             }
         }
 
         @media (max-width: 400px) {
             .footer {
                 font-size: 12px; /* Even smaller font size on very small screens */
                 padding: 10px;   /* Reduce padding for very small screens */
             }
 
             .footer a {
                 font-size: 12px; /* Adjust link size even further */
             }
         }
     </style>
 </head>
 <body>
 
 <!--**********************************
     Footer start
 ***********************************-->
<div class="container-fluid">
    <div class="footer">
        <div class="footer-content">
            <!-- Copyright Section -->
            <p>© <span id="current-year"></span> Designed & Developed by 
                <a href="https://netxtreme.top" target="_blank" rel="noopener noreferrer">XtremeBilling</a> 
                | Powered by <a href="https://netxtreme.top" target="_blank" rel="nofollow noreferrer noopener">{$_c['CompanyName']}</a>
            </p>
        </div>
    </div>
 </div>
 <!-- Script to update year dynamically -->
 <script>
     const year = new Date().getFullYear();
     document.getElementById('current-year').innerText = year;
 </script>
 
 <!--**********************************
     Footer end
 ***********************************-->
        </div>
        <!--**********************************
            Scripts
        ***********************************-->
        <script src="ui/ui/scripts/jquery.min.js"></script>
        <script src="ui/ui/assets/vendor/global/global.min.js"></script>
        <script src="ui/ui/scripts/bootstrap.min.js"></script>
    	<script src="ui/ui/assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
    	<script src="ui/ui/assets/vendor/chart.js/Chart.bundle.min.js"></script>
    	
    	<!-- Chart piety plugin files -->
        <script src="ui/ui/assets/vendor/peity/jquery.peity.min.js"></script>
    	
    	<!-- Apex Chart -->
    	<!--<script src="ui/ui/assets/vendor/apexchart/apexchart.js"></script>-->
    	
    	<!-- Dashboard 1 -->
    	<script src="ui/ui/assets/js/dashboard/dashboard-1.js"></script>
    	
        <script src="ui/ui/assets/js/custom.min.js"></script>
    	<script src="ui/ui/assets/js/deznav-init.js"></script>
    	<script src="ui/ui/assets/js/demo.js"></script>
        <!--<script src="ui/ui/assets/js/styleSwitcher.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/scripts/custom.js"></script>
        <script src="ui/ui/summernote/summernote.min.js"></script>
        <script src="ui/ui/scripts/adminlte.min.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>
                $(document).ready(function) () {
                // Select2 initialization
                $('.select2').select2({
                    width: '100%',
                    height: '52px',
                    containerCssClass: ':all:'
                });
                $('.select2tag').select2({
                    width: '100%',
                    height: '52px',
                    tags: true,
                    containerCssClass: ':all:'
                });
    
                // Button click event listeners
                var listAtts = document.querySelectorAll(`button[type="submit"]`);
                listAtts.forEach(function(el) {
                    if (el.addEventListener) {
                        el.addEventListener("click", function() {
                            $(this).html(`<span class="loading"></span>`);
                        }, false);
                    } else {
                        if (el.attachEvent) {
                            el.attachEvent("click", function() {
                                $(this).html(`<span class="loading"></span>`);
                            });
                        }
                    }
                });

                var listAtts = document.querySelectorAll(`[api-get-text]`);
                listAtts.forEach(function(el) {
                    $.get(el.getAttribute('api-get-text'), function(data) {
                        el.innerHTML = data;
                    });
                });

                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;
                }
            </script>
        {/literal}
    </body>

</html>