</div> <!-- End .wrapper (যেটি admin_header.php তে শুরু হয়েছিল) -->

    <!-- Bootstrap 5 JS Bundle (এটি ছাড়া Modal বা Dropdown কাজ করবে না) -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    
    <!-- Mobile Sidebar Toggle Script -->
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const toggleBtn = document.getElementById("sidebarToggle");
            const sidebar = document.getElementById("sidebar");

            // ৩-ডট বা হ্যামবার্গার মেনুতে ক্লিক করলে সাইডবার বের হবে
            if(toggleBtn && sidebar) {
                toggleBtn.addEventListener("click", function(e) {
                    e.preventDefault();
                    sidebar.classList.toggle("show");
                });
            }

            // মোবাইলে সাইডবারের বাইরে (স্ক্রিনের অন্য কোথাও) ক্লিক করলে সাইডবার হাইড হয়ে যাবে
            document.addEventListener('click', function(event) {
                if (sidebar && toggleBtn) {
                    const isClickInsideSidebar = sidebar.contains(event.target);
                    const isClickOnToggleBtn = toggleBtn.contains(event.target);

                    if (!isClickInsideSidebar && !isClickOnToggleBtn && sidebar.classList.contains('show')) {
                        sidebar.classList.remove('show');
                    }
                }
            });
        });
    </script>
</body>
</html>