/**
 * Sweet Berries - Выпадающий список игр
 */
(function() {
    'use strict';
    
    function init() {
        var inp = document.querySelector('input[name="s"]');
        if (!inp || !window.sbSearch || !window.sbSearch.games) { return; }
        
        var form = inp.form || inp.closest('.search-form');
        if (!form) { return; }
        
        form.style.position = 'relative';
        
        var dd = document.createElement('div');
        dd.className = 'sb-games-list';
        dd.style.cssText = 'display:none;position:absolute;top:100%;left:0;right:0;max-height:450px;overflow-y:auto;background:#1a1a2e;border:1px solid #2a2a4e;border-radius:0 0 14px 14px;box-shadow:0 10px 40px rgba(0,0,0,0.7);z-index:100000;margin-top:4px;';
        form.appendChild(dd);
        
        inp.setAttribute('autocomplete', 'off');
        
        var games = window.sbSearch.games;
        
        function render(list) {
            if (!list || !list.length) {
                dd.innerHTML = '<div style="padding:20px;text-align:center;color:#888;">Ничего не найдено 😔</div>';
                return;
            }
            var html = '';
            for (var i = 0; i < list.length; i++) {
                var g = list[i];
                html += '<a href="' + g.url + '" style="display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #1e2d4a;text-decoration:none;color:inherit;"'
                    + ' onmouseover="this.style.background=\'#16213e\'" onmouseout="this.style.background=\'transparent\'">'
                    + '<span style="font-size:24px;flex-shrink:0;">🎮</span>'
                    + '<div style="flex:1;min-width:0;">'
                    + '<div style="font-size:16px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + g.name + '</div>'
                    + '<div style="font-size:12px;color:#888;margin-top:2px;">' + g.count + ' гайдов</div>'
                    + '</div>'
                    + '<span style="font-size:14px;color:#e94560;flex-shrink:0;">→</span>'
                    + '</a>';
            }
            dd.innerHTML = html;
        }
        
        function filter(q) {
            q = q.toLowerCase().trim();
            if (!q) { render(games.slice(0, 15)); return; }
            var res = [];
            for (var i = 0; i < games.length; i++) {
                if (games[i].name.toLowerCase().indexOf(q) !== -1) {
                    res.push(games[i]);
                }
            }
            render(res);
        }
        
        inp.addEventListener('input', function() {
            filter(this.value);
            dd.style.display = 'block';
        });
        
        inp.addEventListener('focus', function() {
            filter(this.value);
            dd.style.display = 'block';
        });
        
        document.addEventListener('click', function(e) {
            if (e.target !== inp && !dd.contains(e.target)) dd.style.display = 'none';
        });
        
        inp.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') dd.style.display = 'none';
        });
    }
    
    if (document.readyState === 'complete' || document.readyState === 'interactive') {
        init();
    } else {
        document.addEventListener('DOMContentLoaded', init);
    }
})();