$(document).ready(function () {

    setTimeout(function () {
        const citiesJson = 'https://f.hubspotusercontent40.net/hubfs/2704296/Polish%20cities/polish-cities.json',
            $cityField = $('.hs-form').find('input[name="city"]')

        $cityField.parent('.input').addClass('ui-front')

        $.getJSON(citiesJson, function (data) {
            const allCities = data.polandCities,
                results = []

            for (let i = 0; i < allCities.length; i++) {
                let cityName = allCities[i].name,
                    cityWoj = allCities[i].woj !== undefined ? ", woj. " + allCities[i].woj : '',
                    cityPow = allCities[i].pow !== undefined ? ", pow. " + allCities[i].pow : '',
                    cityComplete = cityName + cityPow + cityWoj

                results.push({
                    value: cityComplete,
                    label: cityComplete,
                    desc: cityComplete,
                })
            }

            $cityField.autocomplete({
                source: results,
                minLength: 2,
                open: function (event, ui) {
                    $(this).parent('.input').addClass('select-menu--open')
                },
                close: function (event, ui) {
                    $(this).parent('.input').removeClass('select-menu--open')
                }
            }).data("ui-autocomplete")._renderItem = function(ul, item) {
                return $("<li class='ui-menu-item'><div class='ui-menu-item-wrapper'>" + item.label + "</div></li>").appendTo(ul);
            };

            // Overrides the default autocomplete filter function to search only from the beginning of the string
            $.ui.autocomplete.filter = function (array, term) {
                var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex(term), "i");
                return $.grep(array, function (value) {
                    return matcher.test(value.label || value.value || value);
                });
            };
        })

    }, 1000)
})