// Простейшая версия

// Когда страница загрузится
document.addEventListener('DOMContentLoaded', function() {
    const searchInput = document.getElementById('searchInput');
    const langButtons = document.querySelectorAll('.lang-btn');
    const container = document.getElementById('dictionaryContainer');
    
    // Поиск при вводе
    searchInput.addEventListener('input', function() {
        const searchText = this.value.toLowerCase().trim();
        container.innerHTML = '';
        
        if (!searchText) {
            container.innerHTML = '<div class="initial-message">Барои дидани калимаҳо, дар боло калимаро нависед</div>';
            return;
        }
        
        // Фильтруем слова
        const results = dictionary.filter(word => 
            word.tj.toLowerCase().includes(searchText) ||
            word.ru.toLowerCase().includes(searchText) ||
            word.en.toLowerCase().includes(searchText)
        );
        
        // Счетчик
        const count = document.createElement('div');
        count.className = 'word-count';
        count.textContent = results.length + ' калима ёфт шуд: "' + searchText + '"';
        container.appendChild(count);
        
        // Если нет результатов
        if (results.length === 0) {
            const msg = document.createElement('div');
            msg.className = 'no-results';
            msg.textContent = 'Ҳеҷ калима ёфт нашуд: "' + searchText + '"';
            container.appendChild(msg);
            return;
        }
        
        // Активный язык
        const activeLang = document.querySelector('.lang-btn.active').getAttribute('data-lang');
        
        // Показываем слова
        results.forEach(word => {
            const div = document.createElement('div');
            div.className = 'word-item';
            
            let html = '';
            if (activeLang === 'all') {
                html = `
                    <div class="translations">
                        <div class="translation">
                            <span class="lang-label">Тоҷикӣ:</span>
                            <span>${word.tj}</span>
                        </div>
                        <div class="translation">
                            <span class="lang-label">Русӣ:</span>
                            <span>${word.ru}</span>
                        </div>
                        <div class="translation">
                            <span class="lang-label">Англисӣ:</span>
                            <span>${word.en}</span>
                        </div>
                    </div>
                `;
            } else if (activeLang === 'tj') {
                html = `
                    <div class="translations">
                        <div class="translation">
                            <span class="lang-label">Тоҷикӣ:</span>
                            <span>${word.tj}</span>
                        </div>
                    </div>
                `;
            } else if (activeLang === 'ru') {
                html = `
                    <div class="translations">
                        <div class="translation">
                            <span class="lang-label">Русӣ:</span>
                            <span>${word.ru}</span>
                        </div>
                    </div>
                `;
            } else if (activeLang === 'en') {
                html = `
                    <div class="translations">
                        <div class="translation">
                            <span class="lang-label">Англисӣ:</span>
                            <span>${word.en}</span>
                        </div>
                    </div>
                `;
            }
            
            div.innerHTML = html;
            container.appendChild(div);
        });
    });
    
    // Кнопки языка
    langButtons.forEach(btn => {
        btn.addEventListener('click', function() {
            langButtons.forEach(b => b.classList.remove('active'));
            this.classList.add('active');
            
            // Если есть поисковый запрос, обновляем
            if (searchInput.value.trim()) {
                searchInput.dispatchEvent(new Event('input'));
            }
        });
    });
    
    // Фокус на поле поиска
    searchInput.focus();
});