//  Функция обработчик движения слайдера
function SliderOnFinishMoving(data) {   
    CurrentMinYear = data.min;
    CurrentMaxYear = data.max;
    GetAllPoints(CurrentMinYear, CurrentMaxYear);
}

function OnFindNameUsing(url) {
    //  Добавить в коллекцию, чтобы гарантировать что данный объект появится на карте
    Collections.FindName = url;
    //  Найти метку в коллекции всех меток
    var placemark = Collections.AllGeoObjects.search('options.URL = "' + url + '"').get(0);
    if (placemark !== null) {
        //  Установить новый цвет
        placemark.options.set('preset', 'islands#greenStretchyIcon');
        //  Отцентрировать карту и приблизить
        Map.setCenter(placemark.geometry.getCoordinates(), 13);
        //  Через 5 секунд вернуть обратно прежний цвет
        setTimeout(changePlacemarkPreset, 5000, placemark, 'islands#redStretchyIcon');
    }
}

function changePlacemarkPreset(placemark, preset) {
    placemark.options.set('preset', preset);
}

//  Заполнение массивов из исходного (response.data)
//  В соответствии с параметрами поселения
function FillDataArrays(fromData, isNeedSelect = false) {
    Collections.AllGeoObjects.removeFromMap(Map);

    Collections.All = new Array();
    Collections.AllGeoObjects = new ymaps.geoQuery();
    Collections.SettlementTypes = new Array();
    Collections.Regions = new Array();
    Collections.Names = new Array();
    Collections.FindName = '';
    Collections.isNeedFilters = false;

    Collections.Names = fromData.arrayNameSettlements;
    Collections.SettlementTypes = fromData.arrayNameTypes;
    Collections.Regions = fromData.arrayNameRegions;
    
    AutoCompleteInit(Collections.Names);
    filterCollectionInit(Collections.Filters.Type, Collections.SettlementTypes, 'filterGroupTypes', 'countTypes');
    filterCollectionInit(Collections.Filters.Region, Collections.Regions, 'filterGroupRegions', 'countRegions');

    Collections.All = fromData.arraySettlements;
    LoadCollection(fromData.arraySettlements, isNeedSelect);
}

//  Функция заполнения Яндекс-коллекций Яндекс-объектами из JSON массива
function LoadCollection(fromData, isNeedSelect = false) {
    fromData.forEach(function (element) {
        Collections.AllGeoObjects = Collections.AllGeoObjects.add(CreateYandexPlacemark(element)); //  Добавление
    });
    if (isNeedSelect)
        SelectDataFromArrays();
}

//  Согласно текущим установленным фильтрам собрать нужный массив данных
function SelectDataFromArrays() {
    var insideMap = Collections.AllGeoObjects.searchInside(Map);
    var afterFilters = new ymaps.geoQuery();
    if (!Collections.isNeedFilters) 
        afterFilters = insideMap;
    else        
    {
        var typeFilters = new ymaps.geoQuery();
        var regionFilters = new ymaps.geoQuery();

        //  тут применить фильтры
        //  объединить по признаку типа 
        //  объединить по признаку региона
        //  пересечь две выборки

        for (e in Collections.Filters.Type) {                       
            if (Collections.Filters.Type[e]) {
                typeFilters = insideMap.search('options.Types regexp "{' + e + '}"').add(typeFilters);
            }
        }
        for (e in Collections.Filters.Region) {
            if (Collections.Filters.Region[e]) {
                regionFilters = insideMap.search('options.Regions regexp "{' + e + '}"').add(regionFilters);
            }
        }
        afterFilters = typeFilters.intersect(regionFilters).sort('options.Population desc');
    } 

    var CollectionVisible = afterFilters.slice(0, Collections.VisibleCount).addToMap(Map);
    // Оставшиеся объекты будем удалять с карты.
    Collections.AllGeoObjects.remove(CollectionVisible).removeFromMap(Map).getLength();
}


//  Функция создания Яндекс-объекта из одного элемента JSON массива
function CreateYandexPlacemark(fromElement) {
    var coord = fromElement.Position.split(' ');
    var placemark = new ymaps.Placemark([coord[0], coord[1]],
        {
            iconContent: fromElement.Title,   //  Содержимое названия
            hintContent: fromElement.Position//  Содержимое подписи при наведении
        },
        {
            preset: 'islands#redStretchyIcon'
        }
    );

    function compose (elem) {
        var t = '';
        fromElement[elem].forEach(function (element) {
            t += ' {' + element + '}';
        });
        return t + ' ';
    }

    //Добавить свойство - Имя поселения
    placemark.options.set('Name', fromElement.Title);
    placemark.options.set('URL', fromElement.URL);
    placemark.options.set('Population', fromElement.Population);
    placemark.options.set('Types', compose('Type'));
    placemark.options.set('Regions', compose('Region'));

    //  Переопределяем стадартный обработчик нажатия
    placemark.events.add('click', function (e) {
        e.preventDefault(); //  Запрещаем стандартный обработчик

        var targetURL = e.get('target').options.get('URL');

        //  Вызов запроса на получение данных о поселении
        GetInfoAboutSettlement(targetURL, PrintInfoAboutSettlement);
        //  Показать боковую панель
        if ($('#sidebar-left, #content').hasClass('active')) {
            //  Панель скрыта. Должна выехать
            $('#sidebar-left, #content').removeClass('active');
            $('.collapse.in').toggleClass('in');
            $('a[aria-expanded=true]').attr('aria-expanded', 'false');
        }
        else
            //  Панель есть. Выбор, нужно ли её скрывать
            if (targetURL === document.getElementById('settlement-url').innerHTML) {
                $('#sidebar-left, #content').addClass('active');
                $('.collapse.in').toggleClass('in');
                $('a[aria-expanded=true]').attr('aria-expanded', 'false');
            }


    });
    return placemark;
}


// функция динамической сортировки
function compareValues(key, order = 'asc') {
    return function (a, b) {
        if (!a.hasOwnProperty(key) || !b.hasOwnProperty(key)) {
            // свойства нет ни в одном из объектов
            return 0;
        }

        const varA = (typeof a[key] === 'string') ?
            a[key].toUpperCase() : a[key];
        const varB = (typeof b[key] === 'string') ?
            b[key].toUpperCase() : b[key];

        let comparison = 0;
        if (varA > varB) {
            comparison = 1;
        } else if (varA < varB) {
            comparison = -1;
        }
        return (
            (order === 'desc') ? (comparison * -1) : comparison
        );
    };
}

function OpenRightPanel(addclass) {
    $('#sidebar-right, #content').removeClass('active');
    $('#sidebar-right, #content').addClass(addclass);
    $('.collapse.in').toggleClass('in');
    $('a[aria-expanded=true]').attr('aria-expanded', 'false');  
}

function CloseRightPanel() {
    $('#sidebar-right, #content').addClass('active');
    $('#sidebar-right, #content').removeClass('export');
    $('#sidebar-right, #content').removeClass('import');
    $('.collapse.in').toggleClass('in');
    $('a[aria-expanded=true]').attr('aria-expanded', 'false');
}

function exportSidebarButton() { 
    //  панель закрыта
    if ($('#sidebar-right, #content').hasClass('active')) {
        switchRightSidebar('export');
        OpenRightPanel('export');
    }//  панель открыта
    else {
        //  был открыт импорт, нужно обновить содержимое
        if ($('#sidebar-right, #content').hasClass('import')) {
            switchRightSidebar('export');
            $('#sidebar-right, #content').removeClass('import');
            $('#sidebar-right, #content').addClass('export');
        }
        //  был открыт экспорт, при повторном нажатии нужно скрыть панель
        //else
        //    CloseRightPanel();
    }
}

function importSidebarButton() {
    //  панель закрыта
    if ($('#sidebar-right, #content').hasClass('active')) {
        switchRightSidebar('import');
        OpenRightPanel('import');
    }//  панель открыта
    else {
        //  был открыт экспорт, нужно обновить содержимое
        if ($('#sidebar-right, #content').hasClass('export')) {
            switchRightSidebar('import');
            $('#sidebar-right, #content').removeClass('export');
            $('#sidebar-right, #content').addClass('import');
        }
        //  был открыт импорт, при повторном нажатии нужно скрыть панель
        //else
        //    CloseRightPanel();
    }    
}

function switchRightSidebar(flag) {
    if (flag === 'export')
    {
        printExportCollection();
        document.getElementById('sidebar-right-header-title').innerHTML = 'Экспорт';
        document.getElementById('export-to-word').hidden = false;
        document.getElementById('export-to-excel').hidden = false;
        document.getElementById('sidebar-right-text-export').hidden = false;

        document.getElementById('import-button').hidden = true;
        document.getElementById('sidebar-right-text-import').hidden = true;
    } else if (flag === 'import')
    {
        document.getElementById('sidebar-right-header-title').innerHTML = 'Импорт';
        document.getElementById('export-to-word').hidden = true;
        document.getElementById('export-to-excel').hidden = true;
        document.getElementById('sidebar-right-text-export').hidden = true;

        document.getElementById('import-button').hidden = false;
        document.getElementById('sidebar-right-text-import').hidden = false;
    }
    
}

function checkBoxChange(e) {
    if (e.checked) {
        // пользователь передумал и решил вернуть поселение в экспорт   
        var element = new Object();
        element.name = e.parentElement.innerText;
        element.url = e.id;
        Collections.Export.push(element);
    }
    else
    {
        //  пользователь убрал отметку экспорта. удаляем поселение из коллекции
        //  но отрисовку пока не делаем, вдруг он захочет вернуть отметку (т.е. добавить в экспорт)
        Collections.Export = jQuery.grep(Collections.Export, function (element) {
            return element.url !== e.id;
        });
    }
}

function addToExport() {
    var element = new Object();
    element.name = $("#settlement-title")[0].innerHTML;
    element.url = $("#settlement-url")[0].innerHTML;

    //  нельзя добавить уже добавленное поселение
    if (!Collections.Export.some(currentValue => currentValue.url === element.url)){
        Collections.Export.push(element);
        printExportCollection();
    }
    
}

function filterRegionChange(e) {
    //console.log($("#"+e.id));
    var name = e.parentElement.parentElement.parentElement.children[1].innerText;
    Collections.Filters.Region[name] = e.checked;
}

function filterTypeChange(e) {
    //console.log($("#" + e.id));
    var name = e.parentElement.parentElement.parentElement.children[1].innerText;
    Collections.Filters.Type[name] = e.checked;
}

function defaultFilters() {
    for (e in Collections.Filters.Type) {
        Collections.Filters.Type[e] = true;
    } 
    for (e in Collections.Filters.Region) {
        Collections.Filters.Region[e] = true;
    }

    $("#filterGroups input").each(function (index, element) {
        element.checked = true;
    });
    Collections.isNeedFilters = false;
    SelectDataFromArrays();

    //console.log($("#filterGroupRegions")[0].children);
}

function activeFilters() {
    Collections.isNeedFilters = true;
    SelectDataFromArrays();
}

function checkOriginImportForm() {
    //  выставить значения по дефолту
    //$('input').removeClass('is-valid');
    $('input').removeClass('is-invalid');
    $("#lat-error")[0].innerHTML = 'Неверное значение.';
    $("#long-error")[0].innerHTML = 'Неверное значение.';
    $("#hasBeginning-error")[0].innerHTML = 'Не верный год.';

    var form_data = new Array();

    form_data["url"] = $("input#import-url");
    form_data["title"] = $("input#import-title");
    form_data["lat"] = $("input#import-lat");
    form_data["long"] = $("input#import-long");
    form_data["founder"] = $("input#import-founder");
    form_data["hasBeginning"] = $("input#import-hasBeginning");
    form_data["legend"] = $("textarea#import-legend");

    var valid = true;

    //  регулярное выражение:
    //  ^ - с начала строки
    //  \d\d - две цифры
    //  [.] - разделитель точка
    //  \d+ - после разделителя 1 и более цифр
    //  $ - окончание строки
    //  гарантирует, что введенное значение является координатой
    var coordValidate = /^\d\d[.]\d+$/;
    var lat = form_data["lat"].val();
    var long = form_data["long"].val();

    if (!coordValidate.test(lat)) {
        //  значение не соответствует шаблону
        //  вывод ошибки
        $('#import-lat, #content').addClass('is-invalid');
        valid = false;
    }
    else if (Number(lat) < Collections.MapArea[0][0] || Number(lat) > Collections.MapArea[1][0]) {
        //  значение не попадает в пределы карты
        $("#lat-error")[0].innerHTML = 'Значение не попадает в пределы карты.';
        valid = false;
        $('#import-lat, #content').addClass('is-invalid');
    }

    if (!coordValidate.test(long)) {
        //  значение не соответствует шаблону
        //  вывод ошибки
        $('#import-long, #content').addClass('is-invalid');
        valid = false;
    }
    else if (Number(long) < Collections.MapArea[0][1] || Number(long) > Collections.MapArea[1][1]) {
        //  значение не попадает в пределы карты
        $("#long-error")[0].innerHTML = 'Значение не попадает в пределы карты.';
        valid = false;
        $('#import-long, #content').addClass('is-invalid');
    }

    var year = form_data["hasBeginning"].val();
    if (year !== '') {
        var yearValidate = /^\d{1,4}$/;
        if (!yearValidate.test(year)) {
            //  значение не соответствует шаблону
            //  вывод ошибки
            $('#import-hasBeginning, #content').addClass('is-invalid');
            valid = false;
        }
        else if (Number(year) > MaxYear) {
            //  значение больше текущего года
            $("#hasBeginning-error")[0].innerHTML = 'Значение больше текущего года';
            valid = false;
            $('#import-hasBeginning, #content').addClass('is-invalid');
        }
    }

    //  если поля формы верны, составляем строку и возвращаем её для отправки на сервер
    if (valid) {
        var y = '';
        for (key in form_data) {
            //  если поле это url
            //  ему нужна доп проверка
            if (key === 'url') {
                y += '|' + key + '~';
                //  если НЕ установлен флаг "только чтение", т.е. пользователь ВВЕЛ СВОЙ url
                if (!form_data[key][0].readOnly)
                    y += form_data[key].val();
                //  иначе url считается пустым и будет создан на сервере
            }
            else
                y += '|' + key + '~' + form_data[key].val();
        }
        y += '|';
        return y;        
    }
    //  если поля не верны, пользователь увидит ошибку, а вместо строки вернем null
    else
        return null;
}

function checkEditedImportForm() {
    //  выставить значения по дефолту
    //$('input').removeClass('is-valid');
    $('input').removeClass('is-invalid');
    $("#edited-hasBeginning-error")[0].innerHTML = 'Не верный год.';

    var form_data = new Array();

    form_data["url"] = $("input#import-edited-url");
    form_data["beforeTitle"] = $("input#import-before-title");
    form_data["beforeUrl"] = $("input#import-before-url");
    form_data["hasBeginning"] = $("input#import-edited-hasBeginning");
    form_data["source"] = $("input#import-edited-source");
    form_data["title"] = $("input#import-edited-title");
    form_data["populationAll"] = $("input#import-edited-populationAll");
    form_data["populationFemale"] = $("input#import-edited-populationFemale");
    form_data["populationMale"] = $("input#import-edited-populationMale");
    form_data["region"] = $("#import-edited-region");
    form_data["type"] = $("#import-edited-type"); 

    //Вот так можно получить значение атрибута value, выбранной опции:
    //console.log($("#test_228").val());
    //А вот так можно получить текст выбранной опции:
    //console.log($("#test_228 option:selected").text());

    var valid = true;

    

    var year = form_data["hasBeginning"].val();
    if (year !== '') {
        var yearValidate = /^\d{1,4}$/;
        if (!yearValidate.test(year)) {
            //  значение не соответствует шаблону
            //  вывод ошибки
            $('#import-edited-hasBeginning, #content').addClass('is-invalid');
            valid = false;
        }
        else if (Number(year) > MaxYear) {
            //  значение больще текущего года
            $("#edited-hasBeginning-error")[0].innerHTML = 'Значение больше текущего года';
            valid = false;
            $('#import-edited-hasBeginning, #content').addClass('is-invalid');
        }
    }

    var digitValidate = /^\d+$/;
    var popAll = form_data["populationAll"].val();
    var popMale = form_data["populationMale"].val();
    var popFemale = form_data["populationFemale"].val();

    if (popAll !== '') {
        if (!digitValidate.test(popAll)) {
            //  значение не соответствует шаблону
            //  вывод ошибки
            $('#import-edited-populationAll, #content').addClass('is-invalid');
            valid = false;
        }
    }

    if (popMale !== '') {
        if (!digitValidate.test(popMale)) {
            //  значение не соответствует шаблону
            //  вывод ошибки
            $('#import-edited-populationMale, #content').addClass('is-invalid');
            valid = false;
        }
    }

    if (popFemale !== '') {
        if (!digitValidate.test(popFemale)) {
            //  значение не соответствует шаблону
            //  вывод ошибки
            $('#import-edited-populationFemale, #content').addClass('is-invalid');
            valid = false;
        }
    }

    //  если поля формы верны, составляем строку и возвращаем её для отправки на сервер
    if (valid) {
        var y = '';
        for (key in form_data) {
            y += '|' + key + '~' + form_data[key].val();
        }
        y += '|';
        return y;
    }
    //  если поля не верны, пользователь увидит ошибку, а вместо строки вернем null
    else
        return null;
}

function importFormSubmit(contentType) {
    var data = '';
    if (contentType === 'origin-import') {
        data = checkOriginImportForm();
    }
    else if (contentType === 'edited-import') {       
        data = checkEditedImportForm();
    }
    if (data !== null) {
        $.when(ImportForm(data, contentType)).done(function (data) {
            console.log(data);
            var text = '';
            $('#modal-result-text').html(data);
            $('#resultDeleteModal').modal();
        });
    } 
}


