var arr = [];
var links = [];
var id = [];
var current = 0;
var val = 0;
var end = 0;
var src;


jQuery(function($) {
    $('input:radio[name=initTermSel]').change(function() {
        getLink();
    });

    $("#date").change(function() {
        var date = $("#date").val();
        $.ajax({
            type: "POST",
            url: "php/date/date.php",
            data: {date: date}
        }).done(function(result) {});
        getLink();
    });

    $( "#map" ).on("load", function() {
        $( "#not_found" ).hide();
        $( "#map" ).show();
    });

    $("#map").on("error", function() {
        $( "#map" ).hide();
        $( "#not_found" ).css("display", "flex");
    });
});

function showMeteogram(domen, point) {
    var model = $('input:radio[name=modelSel]:checked').val();
    var init_term = $('input:radio[name=initTermSel]:checked').val();
    var date = formDate($("#date").val()); 

    sessionStorage.setItem('selectedMeteoModelId', model);

    $.ajax({
        type: "POST",
        url: "../assets/php/meteo/linkhandler.php",
        data: {
            id_domen: domen,
            id_point: point,
            id_model: model,
            id_init_term: init_term,
            date: date
        },
        beforeSend: function() {
            $("#map").hide();
            $("#plug").show();
        }
    }). done(function(result) {
        $("#map").attr("src", result);
        $("#full-screen__map").attr("src", result);
        $('input:radio[name=domenSel]').removeAttr('checked');
        $('input:radio[name=pointSel]').removeAttr('checked');
        $("#map").ready(function() {
            $("#plug").hide();
        });
        $("#map").show();
        $('#component_gmap-container').hide();
        $('.component_map-container').show();
        $('#gmap_button').html('Показать на карте');
    });
}

function getDomenList(section) {
    $.ajax({
        type: "POST",
        url: "../assets/php/meteo/domenhandler.php",
        data: {id_section: section},
        beforeSend: function() {
            $("#map").hide();
            $("#plug").show();
        }
    }).done(function(result) {
        $("#domen_wrapper").empty();
        $("#domen_wrapper").html(result);
        getPointList(1);
    });
}

function getPointList(point) {
    var domen = $('input:radio[name=domenSel]:checked').val();

    $.ajax({
        type: "POST",
        url: "../assets/php/meteo/pointhandler.php",
        data: {
            id_domen: domen,
            id_point: point
        },
        beforeSend: function() {
            $("#map").hide();
            $("#plug").show();
        }
    }).done(function(result) {
        $("#point_wrapper").empty();
        $("#point_wrapper").html(result);

        document.querySelector("#point_wrapper input").checked = true;

        getModelList(2);
    });
}

function getModelList(val) {
    var domen = $('input:radio[name=domenSel]:checked').val();
    var point = $('input:radio[name=pointSel]:checked').val();

    $.ajax({
        type: "POST",
        url: "../assets/php/meteo/modelhandler.php",
        data: {id_domen: domen, id_point: point, val: val},
        beforeSend: function() {
            $("#map").hide();
            $("#plug").show();
        }
    }).done(function(result) {
        $("#model_wrapper").empty();
        $("#model_wrapper").html(result);

        document.querySelector('#model_wrapper input').checked = true;

        let modelId = sessionStorage.getItem('selectedMeteoModelId');
        if(modelId) {
            document.querySelectorAll('#model_wrapper input').forEach((item) => {
                if(item.value == modelId) item.checked = true;
            });
        }

        getLink();
    });
}

function getLink() {
    var domen = $('input:radio[name=domenSel]:checked').val();
    var point = $('input:radio[name=pointSel]:checked').val();
    var model = $('input:radio[name=modelSel]:checked').val();
    var init_term = $('input:radio[name=initTermSel]:checked').val();
    var date = formDate($("#date").val());

    sessionStorage.setItem('selectedMeteoModelId', model);

    $.ajax({
        type: "POST",
        url: "../assets/php/meteo/linkhandler.php",
        data: {
            id_domen: domen,
            id_point: point,
            id_model: model,
            id_init_term: init_term,
            date: date
        },
        beforeSend: function() {
            $("#map").hide();
            $("#plug").show();
        }
    }). done(function(result) {
        $("#map").attr("src", result);
        $("#full-screen__map").attr("src", result);
        $("#map").ready(function() {
            $("#plug").hide();
        });
        $("#map").show();
    });
}

function formDate(obj) {
    var year = obj.substring(0, 4);
    var month = obj.substring(5, 7);
    var day = obj.substring(8);

    var result = year + month + day;

    return result;
}