/**
 * Search toggle for ЦДО Кяхта
 */
(function($) {
    'use strict';
    
    $(document).ready(function() {
        
        // Кнопка поиска и контейнер
        var $searchToggle = $('#search-toggle');
        var $searchContainer = $('.header-search-container');
        var $searchForm = $searchContainer.find('form');
        var $searchInput = $searchContainer.find('input[type="search"]');
        
        // Клик по кнопке поиска
        $searchToggle.on('click', function(e) {
            e.preventDefault();
            
            // Показываем/скрываем контейнер
            $searchContainer.slideToggle(300, function() {
                if ($searchContainer.is(':visible')) {
                    $searchInput.focus();
                }
            });
        });
        
        // Закрытие при клике вне
        $(document).on('click', function(e) {
            if (!$(e.target).closest('.header-search-toggle, .header-search-container').length) {
                $searchContainer.slideUp(300);
            }
        });
        
        // Проверка перед отправкой формы
        $searchForm.on('submit', function(e) {
            var searchValue = $searchInput.val().trim();
            
            if (searchValue === '') {
                e.preventDefault();
                // Визуальное предупреждение
                $searchInput.css('border-color', '#C6A15B');
                $searchInput.css('box-shadow', '0 0 15px rgba(198, 161, 91, 0.5)');
                
                // Через 300 мс убираем подсветку
                setTimeout(function() {
                    $searchInput.css('border-color', '');
                    $searchInput.css('box-shadow', '');
                }, 300);
                
                return false;
            }
            
            // Если всё ок, закрываем контейнер
            $searchContainer.slideUp(300);
        });
        
        // Сбрасываем подсветку при начале ввода
        $searchInput.on('input', function() {
            $(this).css('border-color', '');
            $(this).css('box-shadow', '');
        });
        
    });
    
})(jQuery);