[viewBag]



  

<div class="homepage-layout">
    <section class="nav-section nav-section--full" id="games-section">
        <div class="nav-section-header">
            <h2 class="nav-section-title">Читы к играм</h2>
            <span class="nav-section-count">0</span>
        </div>
        
                <div class="section-filter-wrap">
            <input type="text" class="section-filter" id="searchGamesInput" placeholder="Поиск по названию игры..." autocomplete="off" spellcheck="false">
        </div>
        
                <nav class="alpha-nav" id="alphaNav" aria-label="Навигация по буквам">
                    </nav>
        
        <div class="nav-link-columns">
            <div class="nav-link-groups" id="gamesListContainer">
                            </div>
        </div>
        
        <div class="no-filter-results" id="noResultsMessage" hidden>Ничего не найдено</div>
    </section>
    
    <aside class="sidebar-sections">
        <section class="sidebar-block sidebar-block--accent">
            <a href="/contacts" class="paid-help-link">Платная помощь в запуске</a>
        </section>
        
        <section class="sidebar-block">
            <h3 class="sidebar-title">Читы с DMA платами</h3>
            <ul class="sidebar-link-list">
                <li><a href="/dma" class="sidebar-link-item">Читы с DMA платами</a></li>
            </ul>
        </section>
        
        <section class="sidebar-block">
            <h3 class="sidebar-title">Читы для телефонов</h3>
            <ul class="sidebar-link-list">
                <li><a href="/games/pubg-mobile-hacks-android" class="sidebar-link-item">PUBG Mobile Android / IOS</a></li>
                <li><a href="/games/cod-mobile" class="sidebar-link-item">Call of Duty: Mobile</a></li>
                <li><a href="/games/mobile-legends" class="sidebar-link-item">Mobile Legends Bang Bang</a></li>
                <li><a href="/games/free-fire" class="sidebar-link-item">Free Fire Fluorite iOS</a></li>
                <li><a href="/games/delta-force-mobile" class="sidebar-link-item">Delta Force Mobile</a></li>
            </ul>
        </section>
        
        <section class="sidebar-block">
            <h3 class="sidebar-title">Товары / Услуги</h3>
            <ul class="sidebar-link-list">
                <li><a href="/partners" class="sidebar-link-item">Партнёрские товары</a></li>
                <li><a href="/contacts" class="sidebar-link-item">Установка чита</a></li>
                <li><a href="https://plati.market/?ai=555188" class="sidebar-link-item" target="_blank" rel="noopener noreferrer">Рынок цифровых товаров</a></li>
                <li><a href="/articles/bybit-crypto-exchange" class="sidebar-link-item">Проверенная криптобиржа</a></li>
                <li><a href="/articles/bestchange-exchanger" class="sidebar-link-item">Обменник денег</a></li>
            </ul>
        </section>
        
        <section class="sidebar-block sidebar-block--projects">
            <button class="projects-btn" id="projects-btn" type="button">
                Наши проекты
                <svg class="projects-btn-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
            </button>
        </section>
    </aside>
</div>

<!-- Модальное окно проектов -->
<div class="projects-modal-overlay" id="projects-modal" role="dialog" aria-modal="true" aria-labelledby="projects-modal-heading">
    <div class="projects-modal">
        <div class="projects-modal-header">
            <h2 class="projects-modal-title" id="projects-modal-heading">Наши проекты</h2>
            <button class="projects-modal-close" id="projects-modal-close" type="button" aria-label="Закрыть">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
            </button>
        </div>
        <p class="projects-modal-desc">Мы предлагаем широкий выбор приватных читов от различных разработчиков для популярных игр.</p>
        <div class="projects-grid">
            <a href="https://ivsofte.biz/" target="_blank" rel="noopener noreferrer" class="project-card">
                <h3 class="project-card-name">ivsofte.biz</h3>
                <p class="project-card-desc">Основной список читов от различных разработчиков</p>
                <span class="project-card-link">Перейти →</span>
            </a>
            <a href="https://hack.sale/" target="_blank" rel="noopener noreferrer" class="project-card">
                <h3 class="project-card-name">Fecurity Hacks</h3>
                <p class="project-card-desc">Приватные читы Fecurity для популярных игр</p>
                <span class="project-card-link">Перейти →</span>
            </a>
            <a href="https://arcanelia.com/" target="_blank" rel="noopener noreferrer" class="project-card">
                <h3 class="project-card-name">Arcane</h3>
                <p class="project-card-desc">Читы Arcane для различных игр</p>
                <span class="project-card-link">Перейти →</span>
            </a>
        </div>
    </div>
</div>

<script>
(function() {
    // ПОИСК ПО НАЗВАНИЮ ИГРЫ
    var searchInput = document.getElementById('searchGamesInput');
    var gamesContainer = document.getElementById('gamesListContainer');
    var alphaNav = document.getElementById('alphaNav');
    var noResultsMessage = document.getElementById('noResultsMessage');
    
    if (searchInput) {
        searchInput.addEventListener('input', function() {
            var searchTerm = this.value.toLowerCase().trim();
            var letterGroups = gamesContainer.querySelectorAll('.letter-group');
            var hasVisibleGames = false;
            
            letterGroups.forEach(function(group) {
                var games = group.querySelectorAll('.nav-link-li');
                var groupHasVisible = false;
                
                games.forEach(function(game) {
                    var gameName = game.getAttribute('data-game-name') || '';
                    if (searchTerm === '' || gameName.indexOf(searchTerm) !== -1) {
                        game.style.display = '';
                        groupHasVisible = true;
                        hasVisibleGames = true;
                    } else {
                        game.style.display = 'none';
                    }
                });
                
                // Показываем/скрываем группу букв
                group.style.display = groupHasVisible ? '' : 'none';
            });
            
            // Показываем/скрываем сообщение "Ничего не найдено"
            if (noResultsMessage) {
                noResultsMessage.hidden = hasVisibleGames;
            }
            
            // Показываем/скрываем навигацию по буквам при поиске
            if (alphaNav) {
                alphaNav.style.display = searchTerm === '' ? '' : 'none';
            }
        });
    }
    
    // МОДАЛЬНОЕ ОКНО ПРОЕКТОВ
    var projectsBtn = document.getElementById('projects-btn');
    var projectsModal = document.getElementById('projects-modal');
    var projectsModalClose = document.getElementById('projects-modal-close');
    
    if (projectsBtn && projectsModal && projectsModalClose) {
        function openModal() {
            projectsModal.classList.add('active');
            document.body.style.overflow = 'hidden';
        }
        
        function closeModal() {
            projectsModal.classList.remove('active');
            document.body.style.overflow = '';
        }
        
        projectsBtn.addEventListener('click', openModal);
        projectsModalClose.addEventListener('click', closeModal);
        
        projectsModal.addEventListener('click', function(e) {
            if (e.target === projectsModal) {
                closeModal();
            }
        });
        
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape' && projectsModal.classList.contains('active')) {
                closeModal();
            }
        });
    }
    
    // ПЛАВНАЯ ПРОКРУТКА К БУКВАМ
    var alphaLetters = document.querySelectorAll('.alpha-letter');
    alphaLetters.forEach(function(link) {
        link.addEventListener('click', function(e) {
            e.preventDefault();
            var targetId = this.getAttribute('href');
            if (targetId && targetId !== '#') {
                var targetElement = document.querySelector(targetId);
                if (targetElement) {
                    targetElement.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            }
        });
    });
})();
</script>