</div> <!-- End Content Container -->
</main>
</div> <!-- End Flex Wrapper -->

<script>
    // Sidebar Toggle for Mobile
    const btn = document.getElementById('toggleSidebar');
    const sidebar = document.getElementById('sidebar');

    if (btn) {
        btn.addEventListener('click', () => {
            sidebar.classList.toggle('-translate-x-full');
        });
    }

    // ক্লোজ সাইডবার যখন বাইরে ক্লিক করা হবে (মোবাইলে)
    document.addEventListener('click', (e) => {
        if (window.innerWidth < 1024) {
            if (!sidebar.contains(e.target) && !btn.contains(e.target)) {
                sidebar.classList.add('-translate-x-full');
            }
        }
    });
</script>
</body>
</html>