// start: Search Box
$('.search-box-open').click(function() {
    $('.search-box').addClass('show')
    $('html').addClass('overflow-hidden')
})

$('.search-box-close').click(function() {
    $('.search-box').removeClass('show')
    $('html').removeClass('overflow-hidden')
})
// end: Search Box



// start: Busines Item Features
$('.business-item-bottom-features-header').click(function() {
    $(this).toggleClass('active')
})
// end: Busines Item Features


function categoryAutocomplete(inp) {
    var selected = -1;

    inp.on('input', function () {
        $.ajax({
            url: '/ajax/ajax_search_cat.php?hint=' + inp.val(),
            success: function (result) {
                removeAutocomplete();
                selected = -1;

                var resp = JSON.parse(result);
                var ul = $(document.createElement('ul'));
                ul.addClass('form-control-autocomplete-list');

                resp.data.forEach(function (item) {
                    var li = $(document.createElement('li'));
                    li.html(item.keyword);

                    li.click(function () {
                        inp.val($.trim($(this).text()));
                        removeAutocomplete();
                    })

                    ul.append(li);
                })

                inp.after(ul);
            }
        })
    })

    inp.keydown(function (e) {
        var items = inp.parent().find('.form-control-autocomplete-list li');
        switch (e.key) {
            case 'ArrowDown':
                selected++;
                setActive(items);
                break;
            case 'ArrowUp':
                selected--;
                setActive(items);
                break;
            case 'Enter':
                if (selected < 0) return;
                e.preventDefault();
                items.eq(selected).click();
                break;
        }
    })

    function setActive(items) {
        items.removeClass('active');

        if (selected >= items.length) selected = 0;
        if (selected < 0) selected = items.length - 1;

        items.eq(selected).addClass('active');
    }

}
categoryAutocomplete($('#business'))

function locationAutocomplete(inp) {
    var selected = -1;

    inp.on('input', function () {
        $.ajax({
            url: '/ajax/ajax_search_loc.php?hint=' + inp.val(),
            success: function (result) {
                removeAutocomplete();
                selected = -1;

                var resp = JSON.parse(result);
                var ul = $(document.createElement('ul'));
                ul.addClass('form-control-autocomplete-list');

                resp.data.forEach(function (item) {
                    var li = $(document.createElement('li'));
                    li.text(item.stripped_name);
                    li.attr("data-id", item.town_id);

                    li.click(function () {
                        inp.val($.trim($(this).text()));
                        $("#a_id").val($.trim($(this).data("id")));
                        removeAutocomplete();
                    })

                    ul.append(li);
                })

                inp.after(ul);
            }
        })
    })

    inp.keydown(function (e) {
        var items = inp.parent().find('.form-control-autocomplete-list li');
        switch (e.key) {
            case 'ArrowDown':
                selected++;
                setActive(items);
                break;
            case 'ArrowUp':
                selected--;
                setActive(items);
                break;
            case 'Enter':
                if (selected < 0) return;
                e.preventDefault();
                items.eq(selected).click();
                break;
        }
    })

    function setActive(items) {
        items.removeClass('active');

        if (selected >= items.length) selected = 0;
        if (selected < 0) selected = items.length - 1;

        items.eq(selected).addClass('active');
    }

}
locationAutocomplete($('#location'))

$(document).click(function (e) {
    if (!$(e.target).is('.form-control-autocomplete-list, .form-control-autocomplete-list li')) {
        removeAutocomplete();
    }
})

function removeAutocomplete() {
    $('.form-control-autocomplete-list').remove();
}