document.addEventListener('DOMContentLoaded', () => {
	
    let isfirsttime = true; 
    const menuButton = document.getElementById('menuButton'); 
	const sidebar = document.getElementById('sidebar');       
	const buttons = document.querySelectorAll('.sidebar-button'); 

	function setActiveButton(button) {
		
		buttons.forEach(btn => btn.classList.remove('active'));

		
		button.classList.add('active');

        
        
        if (!isfirsttime) {
            sidebar.classList.toggle('open'); 
            menuButton.classList.toggle('open-btn'); 
            isfirsttime = false;
        }

		
		
        const btn_key = button.id;
        const search_text = sdbtn_names_db[btn_key];

        
        const url = `/searchinput/?query=${encodeURIComponent(search_text)}`;

        
        fetch(url, {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json',
            },
        })
            .then((response) => {
                if (!response.ok) {
                    throw new Error(`Ошибка сети: ${response.status}`);
                }
                return response.json(); 
            })
            .then((data) => {
                
                const serverdata = data.results;
                
                
                updatepage(serverdata);
                isfirsttime = false;
                lstBeispiel = serverdata.lstBeispiel;
            });

	}

	
	const defaultButton = document.getElementById('sdbtn0');
	setActiveButton(defaultButton);

	
    
	menuButton.addEventListener('click', () => {
		sidebar.classList.toggle('open'); 
		menuButton.classList.toggle('open-btn'); 
	});


	
	buttons.forEach(button => {
		button.addEventListener('click', () => {
			setActiveButton(button); 
		});
	});
});