            </div>
        </main>
    </div>

    <script>
        // Sidebar Toggle & Pin Functionality
        (function() {
            const sidebar = document.getElementById('sidebar');
            const sidebarToggle = document.getElementById('sidebarToggle');
            const pinBtn = document.getElementById('pinBtn');

            // LocalStorage'dan durumu yükle
            const isPinned = localStorage.getItem('sidebarPinned') === 'true';
            const isCollapsed = localStorage.getItem('sidebarCollapsed') === 'true';

            // İlk yükleme durumunu ayarla
            if (isPinned) {
                sidebar.classList.add('pinned');
                pinBtn.classList.add('active');
            }

            if (isCollapsed && !isPinned) {
                sidebar.classList.add('collapsed');
            } else if (isCollapsed && isPinned) {
                sidebar.classList.add('collapsed', 'pinned');
            }

            // Toggle butonu - sidebar'ı aç/kapat
            sidebarToggle.addEventListener('click', function() {
                const isPinned = sidebar.classList.contains('pinned');

                if (isPinned) {
                    // Pinli modda: collapsed class'ını toggle et
                    sidebar.classList.toggle('collapsed');
                } else {
                    // Pinsiz modda: sidebar'ı tamamen gizle/göster
                    sidebar.classList.toggle('collapsed');
                }

                // Durumu kaydet
                localStorage.setItem('sidebarCollapsed', sidebar.classList.contains('collapsed'));
            });

            // Pin butonu - sidebar'ı sabitle
            pinBtn.addEventListener('click', function() {
                sidebar.classList.toggle('pinned');
                pinBtn.classList.toggle('active');

                const isPinned = sidebar.classList.contains('pinned');

                // Pin durumunu kaydet
                localStorage.setItem('sidebarPinned', isPinned);

                // Eğer pin kaldırıldıysa ve sidebar kapalıysa, tamamen gizle
                if (!isPinned && sidebar.classList.contains('collapsed')) {
                    // collapsed durumunu koru
                }
            });

            // Sidebar dışına tıklandığında (mobil için)
            document.addEventListener('click', function(e) {
                const isPinned = sidebar.classList.contains('pinned');
                const isCollapsed = sidebar.classList.contains('collapsed');

                // Pin'li değilse ve açıksa ve dışarı tıklandıysa kapat
                if (!isPinned && !isCollapsed &&
                    !sidebar.contains(e.target) &&
                    !sidebarToggle.contains(e.target)) {
                    sidebar.classList.add('collapsed');
                    localStorage.setItem('sidebarCollapsed', 'true');
                }
            });
        })();
    </script>
</body>
</html>
