                        </div><!-- .nk-content-body -->
                    </div><!-- .nk-content-inner -->
                </div><!-- .container-fluid -->
            </div><!-- .nk-content -->
            
            <!-- Footer -->
            <div class="nk-footer">
                <div class="container-fluid">
                    <div class="nk-footer-wrap">
                        <div class="nk-footer-copyright">
                            &copy; <?php echo date('Y'); ?> 
                            <a href="<?php echo getCleanUrl('index'); ?>"><?php echo SITE_NAME; ?></a>
                            <?php if (defined('ENABLE_CONTACT') && ENABLE_CONTACT): ?>
                            - <a href="<?php echo getCleanUrl('contact'); ?>"><?php echo $lang_navigation['FOOTER_LINK_CONTACT'] ?? 'Contact'; ?></a>
                            <?php endif; ?>
                            <?php if (defined('PRIVACY_POLICY_URL') && !empty(PRIVACY_POLICY_URL)): ?>
                            - <a href="<?php echo htmlspecialchars(PRIVACY_POLICY_URL); ?>" target="_blank"><?php echo $lang_navigation['FOOTER_LINK_PRIVACY_POLICY'] ?? 'Privacy Policy'; ?></a>
                            <?php endif; ?>
                        </div>
                        <div class="col-md-6 d-flex justify-content-md-end">
                            <ul class="nav nav-sm">
                                <?php if (defined('ENABLE_FAQS') && ENABLE_FAQS): ?>
                                <li class="nav-item">
                                    <a class="nav-link text-muted" href="<?php echo getCleanUrl('faq'); ?>"><?php echo $lang_navigation['FOOTER_LINK_HELP'] ?? 'Help'; ?></a>
                                </li>
                                <?php endif; ?>
                                <?php if (defined('ENABLE_NEWS') && ENABLE_NEWS): ?>
                                <li class="nav-item">
                                    <a class="nav-link text-muted" href="<?php echo getCleanUrl('news'); ?>"><?php echo $lang_navigation['FOOTER_LINK_NEWS'] ?? 'News'; ?></a>
                                </li>
                                <?php endif; ?>
                                
                                    <?php if (defined('SOCIAL_FACEBOOK') && !empty(SOCIAL_FACEBOOK)): ?>
                                    <li class="nav-item">
                                        <a class="nav-link text-muted" href="<?php echo htmlspecialchars(SOCIAL_FACEBOOK); ?>" target="_blank" title="<?php echo $lang_navigation['FOOTER_SOCIAL_FACEBOOK'] ?? 'Facebook'; ?>">
                                            <i class="bi bi-facebook"></i>
                                        </a>
                                    </li>
                                    <?php endif; ?>
                                    <?php if (defined('SOCIAL_X') && !empty(SOCIAL_X)): ?>
                                    <li class="nav-item">
                                        <a class="nav-link text-muted" href="<?php echo htmlspecialchars(SOCIAL_X); ?>" target="_blank" title="<?php echo $lang_navigation['FOOTER_SOCIAL_TITLE_TWITTER'] ?? 'Twitter'; ?>">
                                            <i class="bi bi-twitter"></i>
                                        </a>
                                    </li>
                                    <?php endif; ?>
                                    <?php if (defined('SOCIAL_LINKEDIN') && !empty(SOCIAL_LINKEDIN)): ?>
                                    <li class="nav-item">
                                        <a class="nav-link text-muted" href="<?php echo htmlspecialchars(SOCIAL_LINKEDIN); ?>" target="_blank" title="<?php echo $lang_navigation['FOOTER_SOCIAL_LINKEDIN'] ?? 'LinkedIn'; ?>">
                                            <i class="bi bi-linkedin"></i>
                                        </a>
                                    </li>
                                    <?php endif; ?>
                                    <?php if (defined('SOCIAL_BLUESKY') && !empty(SOCIAL_BLUESKY)): ?>
                                    <li class="nav-item">
                                        <a class="nav-link text-muted" href="<?php echo htmlspecialchars(SOCIAL_BLUESKY); ?>" target="_blank" title="<?php echo $lang_navigation['FOOTER_SOCIAL_BLUESKY'] ?? 'Bluesky'; ?>">
                                            <i class="bi bi-bluesky"></i>
                                        </a>
                                    </li>
                                    <?php endif; ?>
                                    <?php if (defined('SOCIAL_INSTAGRAM') && !empty(SOCIAL_INSTAGRAM)): ?>
                                    <li class="nav-item">
                                        <a class="nav-link text-muted" href="<?php echo htmlspecialchars(SOCIAL_INSTAGRAM); ?>" target="_blank" title="<?php echo $lang_navigation['FOOTER_SOCIAL_INSTAGRAM'] ?? 'Instagram'; ?>">
                                            <i class="bi bi-instagram"></i>
                                        </a>
                                    </li>
                                    <?php endif; ?>
                                    <?php if (defined('SOCIAL_YOUTUBE') && !empty(SOCIAL_YOUTUBE)): ?>
                                    <li class="nav-item">
                                        <a class="nav-link text-muted" href="<?php echo htmlspecialchars(SOCIAL_YOUTUBE); ?>" target="_blank" title="<?php echo $lang_navigation['FOOTER_SOCIAL_YOUTUBE'] ?? 'Youtube'; ?>">
                                            <i class="bi bi-youtube"></i>
                                        </a>
                                    </li>
                                    <?php endif; ?>
                                    <li class="nav-item">
                                 <div class="nav-link text-muted"><?php echo $lang_navigation['FOOTER_POWERED_BY'] ?? 'Powered by'; ?> <a href="https://supportengine.cloud" target="_blank" class="text-primary text-decoration-none"><?php echo $lang_navigation['FOOTER_SUPPORTENGINE_LINK_TEXT'] ?? 'SupportEngine'; ?></a></div>
                              </li>
                            </ul>
                        </div>
                    </div><!-- .nk-footer-wrap -->
                </div><!-- .container-fluid -->
            </div>
            <!-- Footer End -->
            
        </div><!-- .nk-wrap -->
    </div><!-- .nk-main -->
</div><!-- .nk-app-root -->

<!-- JavaScript for Vertical Layout -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Additional JavaScript for vertical layout functionality
    
    // Handle active menu highlighting based on current page
    const currentPath = window.location.pathname;
    const menuLinks = document.querySelectorAll('.nk-menu-link');
    
    menuLinks.forEach(link => {
        const href = link.getAttribute('href');
        if (href && (currentPath.includes(href) || (href.includes('index') && currentPath === '/'))) {
            link.closest('.nk-menu-item').classList.add('active');
        }
    });
    
    // Smooth scroll for anchor links
    const anchorLinks = document.querySelectorAll('a[href^="#"]');
    anchorLinks.forEach(link => {
        link.addEventListener('click', function(e) {
            e.preventDefault();
            const target = document.querySelector(this.getAttribute('href'));
            if (target) {
                target.scrollIntoView({
                    behavior: 'smooth',
                    block: 'start'
                });
            }
        });
    });
    
    // Auto-hide alerts after 5 seconds
    const alerts = document.querySelectorAll('.alert:not(.alert-permanent)');
    alerts.forEach(alert => {
        setTimeout(() => {
            if (alert && alert.parentNode) {
                alert.style.transition = 'opacity 0.5s ease-out';
                alert.style.opacity = '0';
                setTimeout(() => {
                    if (alert && alert.parentNode) {
                        alert.remove();
                    }
                }, 500);
            }
        }, 15000);
    });
    
    // Tooltip initialization if Bootstrap tooltips are used
    if (typeof bootstrap !== 'undefined' && bootstrap.Tooltip) {
        const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
        tooltipTriggerList.map(function (tooltipTriggerEl) {
            return new bootstrap.Tooltip(tooltipTriggerEl);
        });
    }
    
    // Dropdown hover for desktop
    if (window.innerWidth >= 992) {
        const dropdownElements = document.querySelectorAll('.dropdown');
        dropdownElements.forEach(dropdown => {
            dropdown.addEventListener('mouseenter', function() {
                const dropdownMenu = this.querySelector('.dropdown-menu');
                if (dropdownMenu) {
                    dropdownMenu.classList.add('show');
                }
            });
            
            dropdown.addEventListener('mouseleave', function() {
                const dropdownMenu = this.querySelector('.dropdown-menu');
                if (dropdownMenu) {
                    dropdownMenu.classList.remove('show');
                }
            });
        });
    }
});

// Add loading animation for forms
document.addEventListener('submit', function(e) {
    const form = e.target;
    const submitBtn = form.querySelector('button[type="submit"], input[type="submit"]');
    
    if (submitBtn && !form.hasAttribute('data-no-loading')) {
        const originalText = submitBtn.textContent || submitBtn.value;
        
        // Use setTimeout to allow form submission to proceed first
        setTimeout(() => {
            submitBtn.disabled = true;
            if (submitBtn.tagName === 'BUTTON') {
                submitBtn.innerHTML = '<i class="bi bi-arrow-clockwise spin me-2"></i><?php echo addslashes($lang_navigation['FORM_PROCESSING_TEXT'] ?? 'Processing...'); ?>';
            } else {
                submitBtn.value = '<?php echo addslashes($lang_navigation['FORM_PROCESSING_TEXT'] ?? 'Processing...'); ?>';
            }
            
            // Re-enable after 10 seconds as fallback
            setTimeout(() => {
                submitBtn.disabled = false;
                if (submitBtn.tagName === 'BUTTON') {
                    submitBtn.innerHTML = originalText;
                } else {
                    submitBtn.value = originalText;
                }
            }, 10000);
        }, 50); // Small delay to ensure form submits first
    }
});

// Add CSS for spinning animation
const style = document.createElement('style');
style.textContent = `
    .spin {
        animation: spin 1s linear infinite;
    }
    
    @keyframes spin {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }
    
    .nk-sidebar .simplebar-content {
        padding-right: 0 !important;
    }
    
    /* Custom scrollbar for sidebar */
    .nk-sidebar-menu::-webkit-scrollbar {
        width: 4px;
    }
    
    .nk-sidebar-menu::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 2px;
    }
    
    .nk-sidebar-menu::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 2px;
    }
    
    .nk-sidebar-menu::-webkit-scrollbar-thumb:hover {
        background: rgba(255, 255, 255, 0.5);
    }
`;
document.head.appendChild(style);
</script>


</body>
</html> 