let page_iterator = 2


function load_routes (el) {
    event.preventDefault()
    // let el_parent = el.parentNode
    // let new_el = el_parent.previousSibling.previousSibling
    // let new_el_dataset = new_el.dataset
    // if (new_el_dataset){
    // let number_last_route = new_el_dataset['numberOfRoute']
    // let number_last_route = el.dataset['lastRoute']
    let number_last_route = el.id
    let data = {
     'from_el':parseInt(number_last_route) + 1,
     'to_el':parseInt(number_last_route) + 11
    }
    $.ajax({
        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
        url: '/ru/routes/find_routes/',
        type: "POST",
        // async: true,
        cache: false,
        processData: false,
        contentType: false,
        // enctype: 'json',
        data: JSON.stringify(data),
        success: function(data){
            // new_el.parentNode.insertBefore(data.html, new_el.nextSibling);
            let url_insert = ".page_routes_" + page_iterator
            document.querySelector(url_insert).innerHTML = data.html
            let old_page_iterator = page_iterator
            page_iterator++

            let new_page_routes = document.createElement("div")
            new_page_routes.classList.add("page_routes_" + page_iterator)
            $(new_page_routes).insertAfter(".page_routes_" + old_page_iterator);
            // document.querySelector(".info_profile").innerHTML = data.html;
            el.setAttribute("id",parseInt(number_last_route) + 11)
            // number_last_route = parseInt(number_last_route) + "11"
        },
        error: function (data){

            document.querySelector(".block-finded-routes").innerHTML = data.responseJSON.html;

        }
    });
    // }

}