<!-- ==========================================
             Visual Footer Section
             ========================================== -->
        <footer class="glass-footer mt-auto py-4">
            <div class="container-fluid px-4 d-flex flex-column flex-md-row justify-content-between align-items-center gap-3">
                <div class="footer-text text-center text-md-start">
                    &copy; <?= date('Y') ?> <span class="fw-bold" style="color: #2563eb;">Plexio IT</span>. All rights reserved.
                </div>
                <div class="footer-text text-center text-md-end">
                    Crafted with <i class="fa-solid fa-heart text-danger mx-1"></i> by <span class="fw-bold text-dark">Cyber Phoenix</span>
                </div>
            </div>
        </footer>

    <!-- Note: main-content div is closed in index.php -->
</div> <!-- End .main-wrapper (যেটি user_header.php তে শুরু হয়েছিল) -->

<style>
    /* ==========================================
       Footer Light Theme Style
       ========================================== */
    .glass-footer {
        background: #ffffff;
        border-top: 1px solid rgba(37, 99, 235, 0.1);
        color: #64748b;
        width: 100%;
        margin-top: auto; /* কন্টেন্ট ছোট হলেও ফুটার নিচে থাকবে */
    }
    .footer-text {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
</style>

<!-- Bootstrap 5 JS Bundle -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<!-- Global UI Fix Logic -->
<script>
    document.addEventListener("DOMContentLoaded", function() {
        
        // ১. ডার্ক মোড রিমুভ করা হয়েছে, তাই লোগো সবসময় ডার্ক (কালো লেখা) থাকবে
        const mainLogo = document.getElementById('mainLogo');
        const sidebarLogo = document.getElementById('sidebarLogo');
        if(mainLogo) mainLogo.src = '../assets/images/logo-dark.png';
        if(sidebarLogo) sidebarLogo.src = '../assets/images/logo-dark.png';

        // ২. Layout DOM Fix (মোবাইল ভিউ ফিক্স করার ম্যাজিক)
        // ফুটার যদি ভুল করে main-content এর বাইরে রেন্ডার হয়, এটি অটোমেটিক ভেতরে নিয়ে আসবে
        const footer = document.querySelector('.glass-footer');
        const mainContent = document.querySelector('.main-content');
        
        if(footer && mainContent && footer.parentElement !== mainContent) {
            mainContent.appendChild(footer);
        }
    });
</script>

</body>
</html>