import $ from 'jquery';
import {MOBILE_WIDTH} from "../constants";

$(document).ready(function () {
    let search = $('.js-search'),
        input = search.find('.js-search-input'),
        btn = search.find('.js-search-btn');

    btn.on('click', function(e){
        if ($(window).width() >= MOBILE_WIDTH) {
            if (!search.hasClass('open')) {
                e.preventDefault();
            }
            search.addClass('open');
            setTimeout(function(){
                input.focus();
            }, 200);
        }
    });

    search.on('click', function(e){
        e.stopPropagation();
    });

    $(document).on('click', function(){
        search.removeClass('open');
        input.val('');
    });
});