var provcincedata = []
var citydata = []
var count_all = null
var datakolupgrade
var datadanger_prevention
var datatechnical_building
var dataconstruction_rural
var datamaintenance_project
var datatollhouse_management
var objprovince = {}
var flagquery = 0
var queryparams = ""
var urlParams
var fromDate, toDate;
var specifydate;
var yearparams;
var filterstring = ""
var provincesarray = [];


function showLoaderScreen() {
    $(".divloader").css("display", "flex").hide().fadeIn();
}

function hideLoaderScreen() {
    $(".divloader").fadeOut();
}
$(document).ready(function () {
    getprovince()
    if (document.location.search.length) {
        flagquery = 1

        urlParams = new URLSearchParams(window.location.search);
        queryparams = window.location.search;
        if (urlParams.get('p_t') != null) {
            showLoaderScreen()
            showheaderfilter(queryparams)
            $.ajax({
                url: "https://rms.rmto.ir/api/public/bama" + window.location.search,
                type: "POST",
                success: function (result) {
                    hideLoaderScreen()
                    console.log("result", result)
                    showprojectdatafilter(result.data, urlParams.get('p_t'))
                    showcountall(result.counts)
                    projecttypebama(result.project_status)
                    axisnumber(result.axis_type_count)
                    showyearless(result.project_years)
                    showcitynumberproject(result.province_count)
                    if (urlParams.get('p_c') != null) {
                        showcityname(urlParams.get('p_c'), result.data[0].cities[0].name)
                    }
                    hideLoaderScreen()
                },
                error: function (error) { },
            });
        } else {
            showLoaderScreen()
            showheaderfilter(queryparams)
            $.ajax({
                url: "https://rms.rmto.ir/api/public/bama" + window.location.search,
                type: "POST",
                success: function (result) {
                    hideLoaderScreen()
                    console.log("result", result)
                    showeachcard(result.data)
                    showcountall(result.count_all)
                    projecttypebama(result.project_status)
                    axisnumber(result.axis_type_count)
                    showyearless(result.project_years)
                    showcitynumberproject(result.province_count)
                    if (urlParams.get('p_c') != null) {
                        if (result.data.construction_rural.length != 0) {
                            // alert(result.data.construction_rural[0].cities )
                            showcityname(urlParams.get('p_c'), result.data.construction_rural[0].cities[0].name)

                            // alert("hiiii")
                        } else if (result.data.danger_prevention.length != 0) {
                            // alert("hi")
                            // alert(result.data.danger_prevention[0].cities[0].name)
                            showcityname(urlParams.get('p_c'), result.data.danger_prevention[0].cities[0].name)


                        } else if (result.data.maintenance_project.length != 0) {
                            // alert(result.data.maintenance_project[0].cities)
                            showcityname(urlParams.get('p_c'), result.data.maintenance_project[0].cities[0].name)


                        } else if (result.data.technical_building.length != 0) {
                            // alert(result.data.technical_building[0].cities)
                            showcityname(urlParams.get('p_c'), result.data.technical_building[0].cities[0].name)


                        } else if (result.data.tollhouse_management.length != 0) {
                            // alert(result.data.tollhouse_management[0].cities)
                            showcityname(urlParams.get('p_c'), result.data.tollhouse_management[0].cities[0].name)


                        } else if (result.data.upgrade_safety.length != 0) {
                            // alert(result.data.upgrade_safety[0].cities)
                            showcityname(urlParams.get('p_c'), result.data.upgrade_safety[0].cities[0].name)


                        }
                    }
                    hideLoaderScreen()
                },
                error: function (error) { },
            });
        }
    } else {
        flagquery = 0
        //yasiucomeback
        showprovincefilter()
        showLoaderScreen()
        $.ajax({
            url: "https://rms.rmto.ir/api/public/bama",
            type: "POST",
            success: function (result) {
                hideLoaderScreen()
                console.log("ress", result)
                console.log("testttttttt", result.project_status)
                showeachcard(result.data)

                // showyearlist(result.project_years)
                showyearless(result.project_years)
                showcountall(result.count_all)
                showcountproject(result.counts)
                showcitynumberproject(result.province_count)
                axisnumber(result.axis_type_count)
                projecttypebama(result.project_status)
            },
            error: function (error) {

            },
        });

    }


    $(".projecttypeid").on("click", function () {
        if ($("#dropdown-projecttypeid").css("display") == "none") {

            $(".projecttypeid").attr("src", "../dist/images/bamaicons/down-chevron.svg");
            $("#dropdown-projecttypeid").show(1000)
        } else {

            $(".projecttypeid").attr("src", "../dist/images/bamaicons/arrow-left.svg");
            $("#dropdown-projecttypeid").hide(1000)

        }
    })
})
$(".projectostan").on("click", function () {

    if ($("#dropdown-province").css("display") == "none") {


        $(".projectostan").attr("src", "../dist/images/bamaicons/down-chevron.svg");
        $("#dropdown-province").show(1000)

    } else {


        $(".projectostan").attr("src", "../dist/images/bamaicons/arrow-left.svg");
        $("#dropdown-province").hide(1000)

    }
})
$(".projectcity").on("click", function () {
    if ($(".dropdown-city").css("display") == "none") {


        $(".projectcity").attr("src", "../dist/images/bamaicons/down-chevron.svg");
        $(".dropdown-city").show(1000)

    } else {


        $(".projectcity").attr("src", "../dist/images/bamaicons/arrow-left.svg");
        $(".dropdown-city").hide(1000)

    }
})

$(".projecttypeimage").on("click", function () {
    if ($(".mehvarshowdiv").css("display") == "none") {

        $(".projecttypeimage").attr("src", "../dist/images/bamaicons/down-chevron.svg");
        $(".mehvarshowdiv").show(1000)
    } else {

        $(".projecttypeimage").attr("src", "../dist/images/bamaicons/arrow-left.svg");
        $(".mehvarshowdiv").hide(1000)

    }
})
$(".imagestatusproject").on("click", function () {
    if ($(".statusdivproject").css("display") == "none") {

        $(".imagestatusproject").attr("src", "../dist/images/bamaicons/down-chevron.svg");
        $(".statusdivproject").show(1000)
    } else {

        $(".imagestatusproject").attr("src", "../dist/images/bamaicons/arrow-left.svg");
        $(".statusdivproject").hide(1000)

    }
})

$(".imagedivyear").on("click", function () {
    if ($(".divyearshown").css("display") == "none") {

        $(".imagedivyear").attr("src", "../dist/images/bamaicons/down-chevron.svg");
        $(".divyearshown").show(1000)
    } else {

        $(".imagedivyear").attr("src", "../dist/images/bamaicons/arrow-left.svg");
        $(".divyearshown").hide(1000)

    }
})

$(".projectimportanceimage").on("click", function () {
    if ($(".projectimportancediv").css("display") == "none") {

        $(".projectimportanceimage").attr("src", "../dist/images/bamaicons/down-chevron.svg");
        $(".projectimportancediv").show(1000)
    } else {

        $(".projectimportanceimage").attr("src", "../dist/images/bamaicons/arrow-left.svg");
        $(".projectimportancediv").hide(1000)

    }
})

function paginateshowwwww() {
    var width = $(window).width();
    if (width < 766) {
        console.log("peeeee")
        $('div.content').removeClass('col-sm-6').addClass('col-sm-12');
    }


    // Number of items and limits the number of items per page
    var numberOfItems = $("#projectcontent .content").length;
    var limitPerPage = 10;
    // Total pages rounded upwards
    var totalPages = Math.ceil(numberOfItems / limitPerPage);
    // Number of buttons at the top, not counting prev/next,
    // but including the dotted buttons.
    // Must be at least 5:
    var paginationSize = 7;
    var currentPage;

    function showPage(whichPage) {
        if (whichPage < 1 || whichPage > totalPages) return false;
        currentPage = whichPage;
        $("#exampleshowpage .content").hide()
            .slice((currentPage - 1) * limitPerPage,
                currentPage * limitPerPage).show();
        // Replace the navigation items (not prev/next):            
        $(".pagination li").slice(1, -1).remove();
        getPageList(totalPages, currentPage, paginationSize).forEach(item => {
            $("<li>").addClass("page-item")
                .addClass(item ? "current-page" : "disabled")
                .toggleClass("active", item === currentPage).append(
                    $("<a>").addClass("page-link").attr({
                        href: "javascript:void(0)"
                    }).text(item || "...")
                ).insertBefore("#next-page");
        });
        // Disable prev/next when at first/last page:
        $("#previous-page").toggleClass("disabled", currentPage === 1);
        $("#next-page").toggleClass("disabled", currentPage === totalPages);
        return true;
    }

    // Include the prev/next buttons:
    $(".pagination").append(
        $("<li>").addClass("page-item").attr({ id: "previous-page" }).append(
            $("<a>").addClass("page-link").attr({
                href: "javascript:void(0)"
            }).text("قبلی")
        ),
        $("<li>").addClass("page-item").attr({ id: "next-page" }).append(
            $("<a>").addClass("page-link").attr({
                href: "javascript:void(0)"
            }).text("بعدی")
        )
    );
    // Show the page links
    $("#exampleshowpage").show();
    showPage(1);

    // Use event delegation, as these items are recreated later    
    $(document).on("click", ".pagination li.current-page:not(.active)", function () {
        return showPage(+$(this).text());
    });
    $("#next-page").on("click", function () {
        return showPage(currentPage + 1);
    });

    $("#previous-page").on("click", function () {
        return showPage(currentPage - 1);
    });
}

function getPageList(totalPages, page, maxLength) {
    if (maxLength < 5) throw "maxLength must be at least 5";

    function range(start, end) {
        return Array.from(Array(end - start + 1), (_, i) => i + start);
    }

    var sideWidth = maxLength < 9 ? 1 : 2;
    var leftWidth = (maxLength - sideWidth * 2 - 3) >> 1;
    var rightWidth = (maxLength - sideWidth * 2 - 2) >> 1;
    if (totalPages <= maxLength) {
        // no breaks in list
        return range(1, totalPages);
    }
    if (page <= maxLength - sideWidth - 1 - rightWidth) {
        // no break on left of page
        return range(1, maxLength - sideWidth - 1)
            .concat(0, range(totalPages - sideWidth + 1, totalPages));
    }
    if (page >= totalPages - sideWidth - 1 - rightWidth) {
        // no break on right of page
        return range(1, sideWidth)
            .concat(0, range(totalPages - sideWidth - 1 - rightWidth - leftWidth, totalPages));
    }
    // Breaks on both sides
    return range(1, sideWidth)
        .concat(0, range(page - leftWidth, page + rightWidth),
            0, range(totalPages - sideWidth + 1, totalPages));
}

function showeachcard(data) {
    var lidata = ""
    datakolupgrade = data.upgrade_safety
    datadanger_prevention = data.danger_prevention
    datatechnical_building = data.technical_building
    dataconstruction_rural = data.construction_rural
    datamaintenance_project = data.maintenance_project
    datatollhouse_management = data.tollhouse_management
    for (var i = 0; i < datakolupgrade.length; i++) {
        if (datakolupgrade[i].path != null) {
            lidata = lidata + '<div class="col-sm-6 content"><a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id=' + datakolupgrade[i].id + '&p_t=3" target = "_blank">\
               <div class="carddata rounded">\
                    <div class="cardtext">\
                      <div class="rowtext">\
                        <span> اداره کل :' + datakolupgrade[i].province_fa + ' </span>\
                        <span> تاریخ شروع : ' + datakolupgrade[i].contract_date + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>شهرستان : ' + datakolupgrade[i].city_1_fa + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>نام محور : ' + datakolupgrade[i].axis_name + ' </span>\
                      </div>\
                      <div class="circularimage">\
                      <img src="https://rms.rmto.ir/storage' + datakolupgrade[i].path.slice(6) + '">\
                      </div>\
                      <hr style="border: 1px solid #ff5c0f;" />\
                    </div>\
                    <div class="cardtext">\
                      <div class="rowtext showiconstar">\
                        <img src="../dist/images/bamaicons/oprative-bama.svg" />\
                        <div class="scorebama"><div class="starbama"><img src="../dist/images/star.svg"></div><span>' + showrating(datakolupgrade[i].rate) + '</span></div>\
                      </div>\
                      <div class="rowtext">\
                    <span>عنوان پروژه:' + datakolupgrade[i].project_name + ' </span>\
                      </div>\
                      <div class="rowtext">\
                        <span> آخرین وضعیت پروژه :' + showprojectfa(datakolupgrade[i].project_status_fa) + ' </span>\
                      </div>\
                    </div>\
                  </div>\
              </a></div>'
        } else {
            lidata = lidata + '<div class="col-sm-6 content"><a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id=' + datakolupgrade[i].id + '&p_t=3" target = "_blank">\
               <div class="carddata rounded">\
                    <div class="cardtext">\
                      <div class="rowtext">\
                        <span> اداره کل :' + datakolupgrade[i].province_fa + ' </span>\
                        <span> تاریخ شروع : ' + datakolupgrade[i].contract_date + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>شهرستان : ' + datakolupgrade[i].city_1_fa + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>نام محور : ' + datakolupgrade[i].axis_name + ' </span>\
                      </div>\
                      <div class="circularimage">\
                      <img src="../dist/images/notavailable.jpg">\
                      </div>\
                      <hr style="border: 1px solid #ff5c0f;" />\
                    </div>\
                    <div class="cardtext">\
                      <div class="rowtext showiconstar">\
                        <img src="../dist/images/bamaicons/oprative-bama.svg" />\
                        <div class="scorebama"><div class="starbama"><img src="../dist/images/star.svg"></div><span>' + showrating(datakolupgrade[i].rate) + '</span></div>\
                      </div>\
                      <div class="rowtext">\
                    <span>عنوان پروژه:' + datakolupgrade[i].project_name + ' </span>\
                      </div>\
                      <div class="rowtext">\
                        <span> آخرین وضعیت پروژه :' + showprojectfa(datakolupgrade[i].project_status_fa) + ' </span>\
                      </div>\
                    </div>\
                  </div>\
              </a></div>'
        }

    }
    for (var i = 0; i < datadanger_prevention.length; i++) {
        if (datadanger_prevention[i].path != null) {
            lidata = lidata + '<div class="col-sm-6 content"><a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id=' + datadanger_prevention[i].id + '&p_t=2" target = "_blank">\
               <div class="carddata rounded">\
                    <div class="cardtext">\
                      <div class="rowtext">\
                        <span> اداره کل :' + datadanger_prevention[i].province_fa + ' </span>\
                        <span> تاریخ شروع : ' + datadanger_prevention[i].contract_date + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>شهرستان : ' + datadanger_prevention[i].city_1_fa + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>نام محور : ' + datadanger_prevention[i].axis_name + ' </span>\
                      </div>\
                      <div class="circularimage">\
              <img src="https://rms.rmto.ir/storage' + datadanger_prevention[i].path.slice(6) + '">\
                      </div>\
                      <hr style="border: 1px solid #ff5c0f;" />\
                    </div>\
                    <div class="cardtext">\
                      <div class="rowtext showiconstar">\
                        <img src="../dist/images/bamaicons/dangerpoint-bama.svg" />\
                        <div class="scorebama"><div class="starbama"><img src="../dist/images/star.svg"></div><span>' + showrating(datadanger_prevention[i].rate) + '</span></div>\
                      </div>\
                      <div class="rowtext">\
                        <span>عنوان پروژه:' + datadanger_prevention[i].project_name + ' </span>\
                      </div>\
                      <div class="rowtext">\
                        <span> آخرین وضعیت پروژه :' + showprojectfa(datadanger_prevention[i].project_status_fa) + ' </span>\
                      </div>\
                    </div>\
                  </div>\
              </a></div>'
        } else {
            lidata = lidata + '<div class="col-sm-6 content"><a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id=' + datadanger_prevention[i].id + '&p_t=2" target = "_blank">\
               <div class="carddata rounded">\
                    <div class="cardtext">\
                      <div class="rowtext">\
                        <span> اداره کل :' + datadanger_prevention[i].province_fa + ' </span>\
                        <span> تاریخ شروع : ' + datadanger_prevention[i].contract_date + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>شهرستان : ' + datadanger_prevention[i].city_1_fa + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>نام محور : ' + datadanger_prevention[i].axis_name + ' </span>\
                      </div>\
                      <div class="circularimage">\
                                    <img src="../dist/images/notavailable.jpg">\
                      </div>\
                      <hr style="border: 1px solid #ff5c0f;" />\
                    </div>\
                    <div class="cardtext">\
                      <div class="rowtext showiconstar">\
                        <img src="../dist/images/bamaicons/dangerpoint-bama.svg" />\
                        <div class="scorebama"><div class="starbama"><img src="../dist/images/star.svg"></div><span>' + showrating(datadanger_prevention[i].rate) + '</span></div>\
                      </div>\
                      <div class="rowtext">\
                        <span>عنوان پروژه:' + datadanger_prevention[i].project_name + ' </span>\
                      </div>\
                      <div class="rowtext">\
                        <span> آخرین وضعیت پروژه :' + showprojectfa(datadanger_prevention[i].project_status_fa) + ' </span>\
                      </div>\
                    </div>\
                  </div>\
              </a></div>'
        }

    }
    for (var i = 0; i < datatechnical_building.length; i++) {
        if (datatechnical_building[i].path != null) {
            lidata = lidata + '<div class="col-sm-6 content"><a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id=' + datatechnical_building[i].id + '&p_t=4" target = "_blank">\
               <div class="carddata rounded">\
                    <div class="cardtext">\
                      <div class="rowtext">\
                        <span> اداره کل :' + datatechnical_building[i].province_fa + ' </span>\
                        <span> تاریخ شروع : ' + datatechnical_building[i].contract_date + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>شهرستان : ' + datatechnical_building[i].city_1_fa + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>نام محور : ' + datatechnical_building[i].axis_name + ' </span>\
                      </div>\
                      <div class="circularimage">\
                       <img src="https://rms.rmto.ir/storage' + datatechnical_building[i].path.slice(6) + '">\
                      </div>\
                      <hr style="border: 1px solid #ff5c0f;" />\
                    </div>\
                    <div class="cardtext">\
                      <div class="rowtext showiconstar">\
                        <img src="../dist/images/bamaicons/abniefani-bama.svg" />\
                        <div class="scorebama"><div class="starbama"><img src="../dist/images/star.svg"></div><span>' + showrating(datatechnical_building[i].rate) + '</span></div>\
                      </div>\
                      <div class="rowtext">\
                        <span>عنوان پروژه:' + datatechnical_building[i].project_name + ' </span>\
                      </div>\
                      <div class="rowtext">\
                        <span> آخرین وضعیت پروژه :' + showprojectfa(datatechnical_building[i].project_status_fa) + ' </span>\
                      </div>\
                    </div>\
                  </div>\
              </a></div>'
        } else {
            lidata = lidata + '<div class="col-sm-6 content"><a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id=' + datatechnical_building[i].id + '&p_t=4" target = "_blank">\
               <div class="carddata rounded">\
                    <div class="cardtext">\
                      <div class="rowtext">\
                        <span> اداره کل :' + datatechnical_building[i].province_fa + ' </span>\
                        <span> تاریخ شروع : ' + datatechnical_building[i].contract_date + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>شهرستان : ' + datatechnical_building[i].city_1_fa + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>نام محور : ' + datatechnical_building[i].axis_name + ' </span>\
                      </div>\
                      <div class="circularimage">\
                    <img src="../dist/images/notavailable.jpg">\
                      </div>\
                      <hr style="border: 1px solid #ff5c0f;" />\
                    </div>\
                    <div class="cardtext">\
                      <div class="rowtext showiconstar">\
                        <img src="../dist/images/bamaicons/abniefani-bama.svg" />\
                        <div class="scorebama"><div class="starbama"><img src="../dist/images/star.svg"></div><span>' + showrating(datatechnical_building[i].rate) + '</span></div>\
                      </div>\
                      <div class="rowtext">\
                        <span>عنوان پروژه:' + datatechnical_building[i].project_name + ' </span>\
                      </div>\
                      <div class="rowtext">\
                        <span> آخرین وضعیت پروژه :' + showprojectfa(datatechnical_building[i].project_status_fa) + ' </span>\
                      </div>\
                    </div>\
                  </div>\
              </a></div>'
        }

    }
    for (var i = 0; i < datamaintenance_project.length; i++) {
        if (datamaintenance_project[i].path != null) {
            lidata = lidata + '<div class="col-sm-6 content"><a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id=' + datamaintenance_project[i].id + '&p_t=1" target = "_blank">\
               <div class="carddata rounded">\
                    <div class="cardtext">\
                      <div class="rowtext">\
                        <span> اداره کل :' + datamaintenance_project[i].province_fa + ' </span>\
                        <span> تاریخ شروع : ' + datamaintenance_project[i].contract_date + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>شهرستان : ' + datamaintenance_project[i].city_1_fa + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>نام محور : ' + datamaintenance_project[i].axis_name + ' </span>\
                      </div>\
                      <div class="circularimage">\
               <img src="https://rms.rmto.ir/storage' + datamaintenance_project[i].path.slice(6) + '">\
                      </div>\
                      <hr style="border: 1px solid #ff5c0f;" />\
                    </div>\
                    <div class="cardtext">\
                      <div class="rowtext showiconstar">\
                        <img src="../dist/images/bamaicons/abniefani-bama.svg" />\
                        <div class="scorebama"><div class="starbama"><img src="../dist/images/star.svg"></div><span> از 3' + datamaintenance_project[i].rate + '  </span></div>\
                      </div>\
                      <div class="rowtext">\
                    <span>عنوان پروژه:' + datamaintenance_project[i].project_name + ' </span>\
                      </div>\
                      <div class="rowtext">\
                        <span> آخرین وضعیت پروژه :' + showprojectfa(datamaintenance_project[i].project_status_fa) + ' </span>\
                      </div>\
                    </div>\
                  </div>\
              </a></div>'
        } else {
            lidata = lidata + '<div class="col-sm-6 content"><a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id=' + datamaintenance_project[i].id + '&p_t=1" target = "_blank">\
               <div class="carddata rounded">\
                    <div class="cardtext">\
                      <div class="rowtext">\
                        <span> اداره کل :' + datamaintenance_project[i].province_fa + ' </span>\
                        <span> تاریخ شروع : ' + datamaintenance_project[i].contract_date + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>شهرستان : ' + datamaintenance_project[i].city_1_fa + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>نام محور : ' + datamaintenance_project[i].axis_name + ' </span>\
                      </div>\
                      <div class="circularimage">\
                                     <img src="../dist/images/notavailable.jpg">\
                      </div>\
                      <hr style="border: 1px solid #ff5c0f;" />\
                    </div>\
                    <div class="cardtext">\
                      <div class="rowtext showiconstar">\
                        <img src="../dist/images/bamaicons/abniefani-bama.svg" />\
                        <div class="scorebama"><div class="starbama"><img src="../dist/images/star.svg"></div><span>' + showrating(datamaintenance_project[i].rate) + '</span></div>\
                      </div>\
                      <div class="rowtext">\
                    <span>عنوان پروژه:' + datamaintenance_project[i].project_name + ' </span>\
                      </div>\
                      <div class="rowtext">\
                        <span> آخرین وضعیت پروژه :' + showprojectfa(datamaintenance_project[i].project_status_fa) + ' </span>\
                      </div>\
                    </div>\
                  </div>\
              </a></div>'
        }

    }
    for (var i = 0; i < datatollhouse_management.length; i++) {
        //   if ()
        if (datatollhouse_management[i].path != null) {
            lidata = lidata + '<div class="col-sm-6 content"><a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id=' + datatollhouse_management[i].id + '&p_t=5" target = "_blank">\
               <div class="carddata rounded">\
                    <div class="cardtext">\
                      <div class="rowtext">\
                        <span> اداره کل :' + datatollhouse_management[i].province_fa + ' </span>\
                        <span> تاریخ شروع : ' + datatollhouse_management[i].contract_date + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>شهرستان : ' + datatollhouse_management[i].city_1_fa + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>نام محور : ' + datatollhouse_management[i].axis_name + ' </span>\
                      </div>\
                      <div class="circularimage">\
                      <img src="https://rms.rmto.ir/storage' + datatollhouse_management[i].path.slice(6) + '">\
                      </div>\
                      <hr style="border: 1px solid #ff5c0f;" />\
                    </div>\
                    <div class="cardtext">\
                      <div class="rowtext showiconstar">\
                        <img src="../dist/images/bamaicons/green-home-bama.svg" />\
                        <div class="scorebama"><div class="starbama"><img src="../dist/images/star.svg"></div><span>' + showrating(datatollhouse_management[i].rate) + '</span></div>\
                      </div>\
                      <div class="rowtext">\
                        <span>عنوان پروژه:' + datatollhouse_management[i].project_name + ' </span>\
                      </div>\
                      <div class="rowtext">\
                        <span> آخرین وضعیت پروژه :' + showprojectfa(datatollhouse_management[i].project_status_fa) + ' </span>\
                      </div>\
                    </div>\
                  </div>\
              </a></div>'
        } else {
            lidata = lidata + '<div class="col-sm-6 content"><a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id=' + datatollhouse_management[i].id + '&p_t=5" target = "_blank">\
               <div class="carddata rounded">\
                    <div class="cardtext">\
                      <div class="rowtext">\
                        <span> اداره کل :' + datatollhouse_management[i].province_fa + ' </span>\
                        <span> تاریخ شروع : ' + datatollhouse_management[i].contract_date + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>شهرستان : ' + datatollhouse_management[i].city_1_fa + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>نام محور : ' + datatollhouse_management[i].axis_name + ' </span>\
                      </div>\
                      <div class="circularimage">\
                                            <img src="../dist/images/notavailable.jpg">\
                      </div>\
                      <hr style="border: 1px solid #ff5c0f;" />\
                    </div>\
                    <div class="cardtext">\
                      <div class="rowtext showiconstar">\
                        <img src="../dist/images/bamaicons/green-home-bama.svg" />\
                        <div class="scorebama"><div class="starbama"><img src="../dist/images/star.svg"></div><span>' + showrating(datatollhouse_management[i].rate) + '</span></div>\
                      </div>\
                      <div class="rowtext">\
                        <span>عنوان پروژه:' + datatollhouse_management[i].project_name + ' </span>\
                      </div>\
                      <div class="rowtext">\
                        <span> آخرین وضعیت پروژه :' + showprojectfa(datatollhouse_management[i].project_status_fa) + ' </span>\
                      </div>\
                    </div>\
                  </div>\
              </a></div>'
        }

    }
    $("#projectcontent").append(lidata)
    paginateshowwwww()
}

$("#rookeshnegah").on('click', function () {
    if (flagquery == 1) {
        if (queryparams.indexOf("p_t") != -1) {
            var uri = window.location.toString();
            if (uri.indexOf("?") > 0) {
                var clean_uri = uri.substring(0, uri.indexOf("?"));
                window.history.replaceState({}, document.title, clean_uri);
            }
            location.reload()
            window.location.href = window.location.href + "?p_t=1"
        } else {
            window.location.href = window.location.href + "&p_t=1"
        }
    } else {
        window.location.href = window.location.href + "?p_t=1"
    }
})
$("#hadesekhisz").on('click', function () {
    if (flagquery == 1) {
        if (queryparams.indexOf("p_t") != -1) {
            var uri = window.location.toString();
            if (uri.indexOf("?") > 0) {
                var clean_uri = uri.substring(0, uri.indexOf("?"));
                window.history.replaceState({}, document.title, clean_uri);
            }
            location.reload()
            window.location.href = window.location.href + "?p_t=2"
        } else {
            window.location.href = window.location.href + "&p_t=2"
        }
    } else {
        window.location.href = window.location.href + "?p_t=2"
    }
})
$("#abnienegah").on('click', function () {
    if (flagquery == 1) {
        if (queryparams.indexOf("p_t") != -1) {
            var uri = window.location.toString();
            if (uri.indexOf("?") > 0) {
                var clean_uri = uri.substring(0, uri.indexOf("?"));
                window.history.replaceState({}, document.title, clean_uri);
            }
            location.reload()
            window.location.href = window.location.href + "?p_t=4"
        } else {
            window.location.href = window.location.href + "&p_t=4"
        }
    } else {
        window.location.href = window.location.href + "?p_t=4"
    }
})
$("#rahdarkhanebeh").on('click', function () {
    if (flagquery == 1) {
        if (queryparams.indexOf("p_t") != -1) {
            var uri = window.location.toString();
            if (uri.indexOf("?") > 0) {
                var clean_uri = uri.substring(0, uri.indexOf("?"));
                window.history.replaceState({}, document.title, clean_uri);
            }
            location.reload()
            window.location.href = window.location.href + "?p_t=5"
        } else {
            window.location.href = window.location.href + "&p_t=5"
        }
    } else {
        window.location.href = window.location.href + "?p_t=5"
    }
})
$("#erteghayeimeni").on('click', function () {
    if (flagquery == 1) {
        if (queryparams.indexOf("p_t") != -1) {
            var uri = window.location.toString();
            if (uri.indexOf("?") > 0) {
                var clean_uri = uri.substring(0, uri.indexOf("?"));
                window.history.replaceState({}, document.title, clean_uri);
            }
            location.reload()
            window.location.href = window.location.href + "?p_t=3"
        } else {
            window.location.href = window.location.href + "&p_t=3"
        }
    } else {
        window.location.href = window.location.href + "?p_t=3"
    }
})

function showprojectdatafilter(data, number) {
    var lidata = ""

    for (var i = 0; i < data.length; i++) {
        lidata = lidata + '<div class="col-sm-6 content"><a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id=' + data[i].id + '&p_t=' + number + '" target = "_blank">\
               <div class="carddata rounded">\
                    <div class="cardtext">\
                      <div class="rowtext">\
                        <span> اداره کل :' + data[i].province_fa + ' </span>\
                        <span> تاریخ شروع : ' + data[i].contract_date + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>شهرستان : ' + data[i].city_1_fa + '</span>\
                      </div>\
                      <div class="rowtext">\
                        <span>نام محور : ' + data[i].axis_name + ' </span>\
                      </div>\
                      <div class="circularimage">\
                      <img src="'+ showimagefilter(data[i].path) + '">\
                      </div>\
                      <hr style="border: 1px solid #ff5c0f;" />\
                    </div>\
                    <div class="cardtext">\
                      <div class="rowtext showiconstar">\
                        <img src="' + showimage(number) + '" />\
                        <div class="scorebama"><div class="starbama"><img src="../dist/images/star.svg"></div><span>' + showrating(data[i].rate) + '</span></div>\
                      </div>\
                      <div class="rowtext">\
                        <span> عنوان پروژه :' + data[i].project_name + ' </span>\
                      </div>\
                      <div class="rowtext">\
                        <span> آخرین وضعیت پروژه :' + showprojectfa(data[i].project_status_fa) + ' </span>\
                      </div>\
                    </div>\
                  </div>\
                  </a></div>'
    }
    $("#projectcontent").append(lidata)
    paginateshowwwww()



}
function showimagefilter(data) {
    if (data != null) {
        return "https://rms.rmto.ir/storage" + data.slice(6)
    }
    else {
        return "../dist/images/notavailable.jpg"
    }
}
function showcountall(num) {

    $("#countall").append(
        '<span class="count-this filteritem counter-for-rahdari counter-for" >' + num + '</span>'
    )
    counternum()
}

function counternum() {
    $('.count-this').each(function () {

        // Start the counting from a specified number - in this case, 0!
        $(this).prop('Counter', 0).animate({
            Counter: $(this).text()
        }, {
            // Speed of counter in ms, default animation style
            duration: 2000,
            easing: 'swing',
            step: function (now) {
                // Round up the number
                $(this).text(Math.ceil(now));
            }
        });
    });
}

// function showyearlist(obj) {
//     var fullnum = 0;
//     $.each(obj, function (key, value) {
//         if (value != 0) {
//             if (parseInt(key) > 1395) {

//                 // $("#startyear").append('<div class="projecttype" id="year' + key + '" onclick="showyearclick(' + key + ')"><p class= "pcolor" > ' + key + ' </p ><p class="numberproject" >(' + value + ')</p></div >')
//             }
//             else {
//                 fullnum += value

//             }

//         }

//     })
//     $("#startyear").append('<div class="projecttype" id="year' + 1395 + '" onclick="showyearclick(' + 1395 + ')"><p class= "pcolor" > سال 1395 و ماقبل  </p ><p class="numberproject" >(' + fullnum + ')</p></div >')

// }
function showyearfilter(num) {
    var showfilter = '<div class="premove" id="p_y' + num + '"><div class="projecttype projectremove "><h4 class="pcolor  pfont"> ' + num + ' </h4></div><span style="color: #FF1493;margin-right: 33%;font-size: 18px;cursor: pointer" id="p_yremove' + num + '">x</span></div>'
    $("#card-tools").append(showfilter)
}

function showyearless(obj) {
    var fullnum = 0;
    console.log("obj", obj)
    $.each(obj, function (key, value) {
        if (value != 0) {
            if (parseInt(key) > 1395) {

                $("#startyear").append('<div class="col-sm-4 pb-3 yearstyle" id="year' + value + '" onclick="showyearclick(' + key + ')">' + key + ' <span class="laststatus">(' + value + ')</span></div>')
            } else {
                fullnum += value;

            }

        }

    })
    if (fullnum == 0) {

    }
    else {

        $("#startyear").append('<div class="col-sm-6 projecttype" id="year' + 1395 + '" onclick="showyearclick(' + 1395 + ')" style="display:flex ; cursor:pointer"><p class= "pcolor" > سال 1395 و ماقبل  </p ><p class="laststatus" >(' + fullnum + ')</p></div >')
    }

}

function showcountproject(obj) {
    $("#rookeshnegah").append(
        '<p class="numberproject numberproshow" >(' + obj.maintenance_project_count + ')</p>'

    )
    $("#hadesekhisz").append(
        '<p class="numberproject numberproshow" >(' + obj.danger_prevention_count + ')</p>'

    )
    $("#erteghayeimeni").append(
        '<p class="numberproject numberproshow" >(' + obj.upgrade_safety_count + ')</p>'

    )
    $("#abnienegah").append(
        '<p class="numberproject numberproshow" >(' + obj.technical_building_count + ')</p>'

    )
    $("#rahdarkhanebeh").append(
        '<p class="numberproject numberproshow" >(' + obj.tollhouse_management_count + ')</p>'

    )
}

function axisnumber(obj) {
    $.each(obj, function (key, value) {
        if (key == 1) {
            $("#sharyani").append('<span class="numaxis">(' + value + ')</span>')
        }
        if (key == 2) {
            $("#asli").append('<span class="numaxis">(' + value + ')</span>')

        }
        if (key == 3) {
            $("#faryi").append('<span class="numaxis">(' + value + ')</span>')

        }
        if (key == 4) {
            $("#roostayi").append('<span class="numaxis">(' + value + ')</span>')

        }
    })
}

function projecttypebama(array) {
    $("#status0").append('<span class="numtype">(' + array[0] + ')</span>')
    $("#status1").append('<span class="numtype">(' + array[1] + ')</span>')
    $("#status2").append('<span class="numtype">(' + array[2] + ')</span>')
    $("#status3").append('<span class="numtype">(' + array[3] + ')</span>')
    $("#status4").append('<span class="numtype">(' + array[4] + ')</span>')
    $("#status5").append('<span class="numtype">(' + array[5] + ')</span>')
    $("#status6").append('<span class="numtype">(' + array[6] + ')</span>')
    $("#status7").append('<span class="numtype">(' + array[7] + ')</span>')
    $("#status8").append('<span class="numtype">(' + array[8] + ')</span>')
}

function showprovincefilter() {
    var provincearray = [];
    var ostandata = [];
    $.ajax({
        url: "https://rms.rmto.ir/public/contents/provinces",
        type: "GET",
        success: function (result) {
            provincearray = result.data
            for (var i = 0; i < provincearray.length; i++) {
                ostandata = ostandata + '<div class="col-sm-4 provinceshow" onclick="newsee(' + provincearray[i].id + ')" id="province' + provincearray[i].id + '"> ' + provincearray[i].name_fa + '<span class="numtype"></span></div>'

            }
            $("#appendostan").append(ostandata);

        },
        error: function (error) {

        },
    });

}

function newsee(id) {
    if (flagquery == 1) {
        if (queryparams.indexOf("p_p") != -1) {
            var uri = window.location.toString();
            if (uri.indexOf("?") > 0) {
                var clean_uri = uri.substring(0, uri.indexOf("?"));
                window.history.replaceState({}, document.title, clean_uri);
            }
            location.reload()
            window.location.href = window.location.href + "?p_p=" + id
        } else {
            window.location.href = window.location.href + "&p_p=" + id
        }
    } else {
        window.location.href = window.location.href + "?p_p=" + id
    }

}

function showcityappend(data) {
    $("#appendcity").empty()
    var citydata = ""
    var citylist = [];
    $.ajax({
        url: "https://rms.rmto.ir/public/contents/provinces/" + data,
        type: "GET",
        success: function (result) {
            citylist = result.data
            console.log("citylist", citylist)
            for (var i = 0; i < citylist.length; i++) {

                citydata = citydata + '<div class="col-sm-4 provinceshow" onclick="cityclick(' + citylist[i].id + ')" id="city' + citylist[i].id + '"> ' + citylist[i].name_fa + '</div>'
            }
            console.log("citydata", citydata)
            $("#appendcity").append(citydata)

        },
        error: function (error) {

        },
    });
}
for (var i = 0; i < 36; i++) {
    $("#province" + i).click(function () {
        alert("#province" + i)
        // console.log("jiiii")
        if (flagquery == 1) {
            if (queryparams.indexOf("p_p") != -1) {
                var uri = window.location.toString();
                if (uri.indexOf("?") > 0) {
                    var clean_uri = uri.substring(0, uri.indexOf("?"));
                    window.history.replaceState({}, document.title, clean_uri);
                }
                location.reload()
                window.location.href = window.location.href + "?p_p=" + i
            } else {
                window.location.href = window.location.href + "&p_p=" + i
            }
        } else {
            window.location.href = window.location.href + "?p_p=" + i
        }
    });
}

function mehvartypefunc(num) {
    if (flagquery == 1) {
        if (queryparams.indexOf("r_t") != -1) {
            var uri = window.location.toString();
            if (uri.indexOf("?") > 0) {
                var clean_uri = uri.substring(0, uri.indexOf("?"));
                window.history.replaceState({}, document.title, clean_uri);
            }
            location.reload()
            window.location.href = window.location.href + "?r_t=" + num
        } else {
            window.location.href = window.location.href + "&r_t=" + num
        }
    } else {
        window.location.href = window.location.href + "?r_t=" + num
    }
}

function projectstatus(id) {
    if (flagquery == 1) {
        if (queryparams.indexOf("p_s") != -1) {
            var uri = window.location.toString();
            if (uri.indexOf("?") > 0) {
                var clean_uri = uri.substring(0, uri.indexOf("?"));
                window.history.replaceState({}, document.title, clean_uri);
            }
            location.reload()
            window.location.href = window.location.href + "?p_s=" + id
        } else {
            window.location.href = window.location.href + "&p_s=" + id
        }
    } else {
        window.location.href = window.location.href + "?p_s=" + id
    }
}

function showyearclick(num) {
    if (flagquery == 1) {
        if (queryparams.indexOf("p_y") != -1) {
            var uri = window.location.toString();
            if (uri.indexOf("?") > 0) {
                var clean_uri = uri.substring(0, uri.indexOf("?"));
                window.history.replaceState({}, document.title, clean_uri);
            }
            location.reload()
            window.location.href = window.location.href + "?p_y=" + num
        } else {
            window.location.href = window.location.href + "&p_y=" + num
        }
    } else {
        window.location.href = window.location.href + "?p_y=" + num
    }
}

function projectimportance(id) {
    if (flagquery == 1) {
        if (queryparams.indexOf("p_r") != -1) {
            var uri = window.location.toString();
            if (uri.indexOf("?") > 0) {
                var clean_uri = uri.substring(0, uri.indexOf("?"));
                window.history.replaceState({}, document.title, clean_uri);
            }
            location.reload()
            window.location.href = window.location.href + "?p_r=" + id
        } else {
            window.location.href = window.location.href + "&p_r=" + id
        }
    } else {
        window.location.href = window.location.href + "?p_r=" + id
    }
}

function showheaderfilter(query) {
    if (urlParams.get('p_t') != null) {
        if (urlParams.get('p_t') == 1) {
            filterstring = filterstring + '<div class="itemchoosen">\
                                              <span class="spanfilter"> روکش آسفالت (نگهداری راه ها )</span>\
                                              <span class="spandelet" id="p_t1">X</span>\
                                             </div>'

            $("#dropdown-projecttypeid").empty()
            $("#dropdown-projecttypeid").append('<div class="col-sm-6 projectlist " id="rookeshnegah">\
  روکش آسفالت (نگهداری راه ها)\
  <img src="../dist/images/bamaicons/rookesh-bama.svg" style="width: 20px; height: 20px;"/>\
                         </div>')


        }
        if (urlParams.get('p_t') == 2) {
            filterstring = filterstring + '<div class="itemchoosen">\
                                              <span class="spanfilter"> رفع نقاط حادثه خیز / پرتصادف</span>\
                                              <span class="spandelet" id="p_t2">X</span>\
                                             </div>'
            $("#dropdown-projecttypeid").empty()
            $("#dropdown-projecttypeid").append('<div class="col-sm-6 projectlist " id="hadesekhisz">\
 رفع نقاط حادثه خیز / پرتصادف\
  <img src="../dist/images/bamaicons/dangerpoint-bama.svg" style="width: 20px; height: 20px;"/>\
                         </div>')


        }



        if (urlParams.get('p_t') == 3) {
            filterstring = filterstring + '<div class="itemchoosen">\
                                              <span class="spanfilter"> ارتقای ایمنی راه</span>\
                                              <span  class="spandelet" id="p_t3">X</span>\
                                             </div>'
            $("#dropdown-projecttypeid").empty()
            $("#dropdown-projecttypeid").append('<div class="col-sm-6 projectlist " id="erteghayeimeni">\
 ارتقای ایمنی راه\
  <img src="../dist/images/bamaicons/oprative-bama.svg" style="width: 20px; height: 20px;"/>\
                         </div>')




        }
        if (urlParams.get('p_t') == 4) {
            filterstring = filterstring + '<div class="itemchoosen">\
                                              <span class="spanfilter"> ابنیه فنی (نگهداری ابنیه فنی ) </span>\
                                              <span  class="spandelet" id="p_t4">X</span>\
                                             </div>'
            $("#dropdown-projecttypeid").empty()

            $("#dropdown-projecttypeid").append('<div class="col-sm-6 projectlist " id="abnienegah">\
ابنیه فنی (نگهداری ابنیه فنی )\
  <img src="../dist/images/bamaicons/abniefani-bama.svg" style="width: 20px; height: 20px;"/>\
                         </div>')



        }
        if (urlParams.get('p_t') == 5) {
            filterstring = filterstring + '<div class="itemchoosen">\
                                              <span class="spanfilter">راهدارخانه ها (بهسازی و نوسازی )</span>\
                                              <span  class="spandelet" id="p_t5">X</span>\
                                             </div>'
            $("#dropdown-projecttypeid").empty()
            $("#dropdown-projecttypeid").append('<div class="col-sm-6 projectlist " id="rahdarkhanebeh">\
راهدارخانه ها (بهسازی و نوسازی )\
  <img src="../dist/images/bamaicons/green-home-bama.svg" style="width: 20px; height: 20px;"/>\
                         </div>')



        }
        // console.log("test" ,filterstring )

    }


    if (urlParams.get('p_p') != null) {
        // alert("mn")
        showprovincefilteredit(urlParams.get('p_p'))

    } else {

        showprovincefilter()
    }
    if (urlParams.get('r_t') != null) {
        showmehvartype(urlParams.get('r_t'))

    }

    if (urlParams.get('p_s') != null) {
        showprojectstatus(urlParams.get('p_s'))

    }
    if (urlParams.get('p_y') != null) {
        showyearshownfilter(urlParams.get('p_y'))
    }

    if (urlParams.get('p_r') != null) {
        showimportance(urlParams.get('p_r'))
    }

    $(".projectchoose").append(filterstring)

}

function showprovincefilteredit(id) {
    var provincestring = ""
    var ostanstring = ""
    var provincearrayy = [];
    $.ajax({
        url: "https://rms.rmto.ir/public/contents/provinces",
        type: "GET",
        success: function (result) {
            provincearrayy = result.data
            for (var i = 0; i < provincearrayy.length; i++) {
                if (provincearrayy[i].id == id) {
                    showcityappend(id)
                    console.log("lllll", provincearrayy[i].name_fa)
                    provincestring = provincestring + '<div class="itemchoosen">\
                                              <span class="spanfilter">' + provincearrayy[i].name_fa + '</span>\
                                              <span  class="spandelet" id="p_p' + provincearrayy[i].id + '">X</span>\
                                             </div>'

                    ostanstring = '<div class="col-sm-4 provinceshow" > ' + provincearrayy[i].name_fa + '</div>'

                }

            }

            $("#appendostan").empty()
            $("#appendostan").append(ostanstring)
            $(".projectchoose").append(provincestring)

        },
        error: function (error) {

        },
    });




}

function getprovince() {
    $.ajax({
        url: "https://rms.rmto.ir/public/contents/provinces",
        type: "GET",
        success: function (result) {
            provincesarray = result.data
        },
        error: function (error) {

        },
    });
}

function cityclick(num) {
    if (flagquery == 1) {
        // console.log("pitikohearflag1")
        // console.log("quwery", queryparams.indexOf("p_c"))
        if (queryparams.indexOf("p_c") != -1) {
            // console.log("p_p;")
            var uri = window.location.toString();
            if (uri.indexOf("?") > 0) {
                var clean_uri = uri.substring(0, uri.indexOf("?"));
                window.history.replaceState({}, document.title, clean_uri);
            }
            location.reload()
            window.location.href = window.location.href + "?p_c=" + num
        } else {
            // console.log("clickcitytest")
            window.location.href = window.location.href + "&p_c=" + num
        }
    } else {
        // console.log("pitikohearflagelse")
        window.location.href = window.location.href + "?p_c=" + num
    }


}

function showmehvartype(id) {
    var mehvarheader = ""
    var mehvarfilter = ""
    if (id == 1) {
        mehvarfilter = '<div class="col-sm-3 filtermehvrtype"  ><span>شریانی</span> </div>'
        mehvarheader = '<div class="itemchoosen"><span class="spanfilter"> شریانی</span><span class="spandelet" id="r_t1">X</span></div>'
    } else if (id == 2) {
        mehvarfilter = '<div class="col-sm-3 filtermehvrtype"  ><span>اصلی</span> </div>'
        mehvarheader = '<div class="itemchoosen"><span class="spanfilter"> اصلی</span><span class="spandelet" id="r_t2">X</span></div>'

    } else if (id == 3) {
        mehvarfilter = '<div class="col-sm-3 filtermehvrtype"  ><span>فرعی</span> </div>'
        mehvarheader = '<div class="itemchoosen"><span class="spanfilter"> فرعی</span><span class="spandelet" id="r_t3">X</span></div>'

    } else if (id == 4) {
        mehvarfilter = '<div class="col-sm-3 filtermehvrtype" <span>روستایی</span> </div>'
        mehvarheader = '<div class="itemchoosen"><span class="spanfilter"> روستایی</span><span class="spandelet" id="r_t4">X</span></div>'

    }

    $(".mehvarshowdiv").empty()
    $(".mehvarshowdiv").append(mehvarfilter)
    $(".projectchoose").append(mehvarheader)



}

function showprojectstatus(id) {
    var statusheader = ""
    var statusfilter = ""
    if (id == 0) {
        statusfilter = '<div class="col-sm-4 provinceshow "> توسط استان ها بروزرسانی نشده </div>'
        statusheader = '<div class="itemchoosen"><span class="spanfilter"> توسط استان ها بروزرسانی نشده </span><span class="spandelet" id="p_s0">X</span></div>'

    } else if (id == 1) {
        statusfilter = '<div class="col-sm-4 provinceshow"> در دست برنامه ریزی اولیه  </div>'
        statusheader = '<div class="itemchoosen"><span class="spanfilter"> در دست برنامه ریزی اولیه </span><span class="spandelet" id="p_s1">X</span></div>'

    } else if (id == 2) {
        statusfilter = '<div class="col-sm-4 provinceshow ">  در دست مطالعه و تهیه اسناد مناقصه  </div>'
        statusheader = '<div class="itemchoosen"><span class="spanfilter">  در دست مطالعه و تهیه اسناد مناقصه </span><span class="spandelet" id="p_s2">X</span></div>'

    } else if (id == 3) {
        statusfilter = '<div class="col-sm-4 provinceshow ">  در دست مناقصه  </div>'
        statusheader = '<div class="itemchoosen"><span class="spanfilter">  در دست مناقصه </span><span class="spandelet" id="p_s3">X</span></div>'

    } else if (id == 4) {
        statusfilter = '<div class="col-sm-4 provinceshow "> در حال تجهیز کارگاه </div>'
        statusheader = '<div class="itemchoosen"><span class="spanfilter">  در حال تجهیز کارگاه </span><span class="spandelet" id="p_s4">X</span></div>'

    } else if (id == 5) {
        statusfilter = '<div class="col-sm-4 provinceshow ">  در حال اجرا فعال </div>'
        statusheader = '<div class="itemchoosen"><span class="spanfilter">  در حال اجرا فعال </span><span class="spandelet" id="p_s5">X</span></div>'

    } else if (id == 6) {
        statusfilter = '<div class="col-sm-4 provinceshow ">   در حال اجرا متوقف </div>'
        statusheader = '<div class="itemchoosen"><span class="spanfilter">  در حال اجرا متوقف  </span><span class="spandelet" id="p_s6">X</span></div>'

    } else if (id == 7) {
        statusfilter = '<div class="col-sm-4 provinceshow ">  در حال اجرا فعال </div>'
        statusheader = '<div class="itemchoosen"><span class="spanfilter">  در حال اجرا فعال </span><span class="spandelet" id="p_s7">X</span></div>'

    } else if (id == 8) {
        statusfilter = '<div class="col-sm-4 provinceshow ">  در حال اجرا فعال </div>'
        statusheader = '<div class="itemchoosen"><span class="spanfilter">  در حال اجرا فعال </span><span class="spandelet" id="p_s8">X</span></div>'

    }
    $("#projectstatusshow").empty()
    $("#showstatussec").empty()

    $("#projectstatusshow").append(statusfilter)
    $(".projectchoose").append(statusheader)

}

function showyearshownfilter(id) {
    var stringyear = ""
    var stringfilter = ""
    if (id == 1395) {
        stringyear = '<div class="col-sm-5 borderfilter yearstyle" >  1395</div>'
        stringfilter = '<div class="itemchoosen"><span class="spanfilter"> 1395  </span><span class="spandelet" id="p_y1">X</span></div>'

    } else if (id == 1396) {
        stringyear = '<div class="col-sm-5 borderfilter yearstyle" >  1396</div>'
        stringfilter = '<div class="itemchoosen"><span class="spanfilter">  1396 </span><span class="spandelet" id="p_y2">X</span></div>'

    } else if (id == 1397) {
        stringyear = '<div class="col-sm-5 borderfilter yearstyle" >  1397</div>'
        stringfilter = '<div class="itemchoosen"><span class="spanfilter">  1397 </span><span class="spandelet" id="p_y3">X</span></div>'

    } else if (id == 1398) {
        stringyear = '<div class="col-sm-5 borderfilter yearstyle" >  1398</div>'
        stringfilter = '<div class="itemchoosen"><span class="spanfilter">  1398 </span><span class="spandelet" id="p_y4">X</span></div>'

    } else if (id == 1399) {
        stringyear = '<div class="col-sm-5 borderfilter yearstyle" > 1399 </div>'
        stringfilter = '<div class="itemchoosen"><span class="spanfilter"> 1399  </span><span class="spandelet" id="p_y5">X</span></div>'

    }
    else if (id == 1400) {
        stringyear = '<div class="col-sm-5 borderfilter yearstyle" > 1400 </div>'
        stringfilter = '<div class="itemchoosen"><span class="spanfilter"> 1400  </span><span class="spandelet" id="p_y6">X</span></div>'

    }

    $(".startyear").empty()
    $(".startyear").append(stringyear)
    $(".projectchoose").append(stringfilter)
}

function showimportance(num) {
    var importancestring = ""
    var importancheader = ""
    if (num == 3) {
        importancestring = '<div class="col-sm-5 borderfilter yearstyle" >بسیار حایز اهمیت</div>'
        importancheader = '<div class="itemchoosen"><span class="spanfilter">بسیار حایز اهمیت </span><span class="spandelet" id="p_r3">X</span></div>'
    } else if (num == 2) {
        importancestring = '<div class="col-sm-5 borderfilter yearstyle" > عادی </div>'
        importancheader = '<div class="itemchoosen"><span class="spanfilter"> عادی </span><span class="spandelet" id="p_r2">X</span></div>'


    } else if (num == 1) {
        importancestring = '<div class="col-sm-5 borderfilter yearstyle">  پروژه با اهمیت کم </div>'
        importancheader = '<div class="itemchoosen"><span class="spanfilter">   پروژه با اهمیت کم  </span><span class="spandelet" id="p_r1">X</span></div>'


    }
    $("#importancediv").empty()
    $("#importancediv").append(importancestring)
    $(".projectchoose").append(importancheader)

}
$(document).on('click', '#p_r1', function () {
    // alert("p_tremove1")
    // code here
    $("#importancediv").empty()
    var uri = window.location.toString();
    if (uri.indexOf("?") > 0) {
        removeURLParameter(uri, 'p_r')
    }
    // location.reload()

});
$(document).on('click', '#p_r2', function () {
    // alert("p_tremove2")
    // code here
    $("#importancediv").empty()
    var uri = window.location.toString();
    if (uri.indexOf("?") > 0) {
        removeURLParameter(uri, 'p_r')
    }
    // location.reload()

});
$(document).on('click', '#p_r3', function () {

    // alert("p_tremove3")
    // code here
    $("#importancediv").empty()
    var uri = window.location.toString();
    if (uri.indexOf("?") > 0) {
        removeURLParameter(uri, 'p_r')
    }
    // location.reload()

});
$(document).on('click', '#p_tremove4', function () {
    // alert("p_tremove4")
    $("#p_t4").empty()
    var uri = window.location.toString();
    if (uri.indexOf("?") > 0) {
        removeURLParameter(uri, 'p_t')
    }
    // location.reload()
    // code here
});
$(document).on('click', '#p_tremove5', function () {
    // alert("p_tremove5")
    $("#p_t5").empty()
    // location.reload()
    var uri = window.location.toString();
    if (uri.indexOf("?") > 0) {
        // console.log("hipitikoo6666")

        // var clean_uri = uri.substring(0, uri.indexOf("?"));
        removeURLParameter(uri, 'p_t')
        // window.history.replaceState({}, document.title, clean_uri);

    }
    // location.reload()
    // code here
});

function removeURLParameter(url, parameter) {
    console.log("hipitikoo", parameter)
    //prefer to use l.search if you have a location/link object
    var urlparts = url.split('?');
    // console.log("urlparts", urlparts)
    if (urlparts.length >= 2) {
        console.log("lala")

        var prefix = encodeURIComponent(parameter) + '=';
        var pars = urlparts[1].split(/[&;]/g);
        // console.log("pars", pars)
        //reverse iteration as may be destructive
        for (var i = pars.length; i-- > 0;) {
            //idiom for string.startsWith
            if (pars[i].lastIndexOf(prefix, 0) !== -1) {
                pars.splice(i, 1);
            }
        }
        // console.log("parss", pars)
        if (pars.length > 0) {
            url = urlparts[0] + '?' + pars.join('&');
        } else {
            url = urlparts[0]
        }

        // console.log("urlll", url)
        window.location.href = url
        // console.log("windowa", window.location.href)
        // location.reload()
        // return url;

    } else {
        console.log("urlllelse", url)

        return url;
    }
}
for (var i = 0; i <= 36; i++) {
    $(document).on('click', '#p_p' + i, function () {

        var uri = window.location.toString();
        if (uri.indexOf("?") > 0) {
            removeURLParameter(uri, 'p_p')
        }
        // location.reload()
        // code here
    });
}
for (var i = 0; i <= 23; i++) {
    $(document).on('click', '#p_s' + i, function () {

        var uri = window.location.toString();
        if (uri.indexOf("?") > 0) {
            removeURLParameter(uri, 'p_s')
        }
        // location.reload()
        // code here
    });
}
for (var i = 0; i <= 1000; i++) {
    $(document).on('click', '#p_c' + i, function () {
        var uri = window.location.toString();
        if (uri.indexOf("?") > 0) {
            removeURLParameter(uri, 'p_c')
        }
        // location.reload()
        // code here
    });
}
for (var i = 0; i <= 4; i++) {
    $(document).on('click', '#r_t' + i, function () {
        var uri = window.location.toString();
        if (uri.indexOf("?") > 0) {
            removeURLParameter(uri, 'r_t')
        }
        // location.reload()
        // code here
    });
}
for (var i = 0; i <= 5; i++) {
    $(document).on('click', '#p_t' + i, function () {
        var uri = window.location.toString();
        if (uri.indexOf("?") > 0) {
            removeURLParameter(uri, 'p_t')
        }
        // location.reload()
        // code here
    });
}
for (var i = 0; i <= 15; i++) {
    $(document).on('click', '#p_s' + i, function () {
        var uri = window.location.toString();
        if (uri.indexOf("?") > 0) {
            removeURLParameter(uri, 'p_s')
        }
        // location.reload()
        // code here
    });
}
for (var i = 0; i <= 5; i++) {
    $(document).on('click', '#p_r' + i, function () {
        var uri = window.location.toString();
        if (uri.indexOf("?") > 0) {
            removeURLParameter(uri, 'p_r')
        }
        // location.reload()
        // code here
    });
}
for (var i = 0; i <= 6; i++) {
    $(document).on('click', '#p_y' + i, function () {
        var uri = window.location.toString();
        if (uri.indexOf("?") > 0) {
            removeURLParameter(uri, 'p_y')
        }
        // location.reload()
        // code here
    });
}

function showcityname(id, name) {
    var cityfiltername = ""
    var cityfilterdiv = ""

    cityfiltername = '<div class="col-sm-4 provinceshow " >' + name + '</div>'
    cityfilterdiv = '<div class="itemchoosen"><span class="spanfilter">' + name + '</span><span class="spandelet" id="p_c' + id + '">X</span></div>'

    $("#dropdown-city").empty()
    $("#dropdown-city").append(cityfiltername)
    $(".projectchoose").append(cityfilterdiv)
}

function showprojectfa(str) {

    if (str == null) {
        // console.log("hi")
        return "توسط استان بروزرسانی نشده است "
    } else {
        // console.log("byy")
        return str
    }
}

function showrating(num) {
    // console.log("pitukooo")
    if (num == null) {
        return "-از 3"
    } else {
        return num + "از 3"
    }
}

function showimage(num) {
    if (num == 1) {
        return "../dist/images/bamaicons/rookesh-bama.svg"
    } else if (num == 2) {
        return "../dist/images/bamaicons/dangerpoint-bama.svg"
    } else if (num == 4) {
        return "../dist/images/bamaicons/abniefani-bama.svg"
    } else if (num == 5) {
        return "../dist/images/bamaicons/green-home-bama.svg"
    } else if (num == 3) {
        return "../dist/images/bamaicons/oprative-bama.svg"
    }


}

function showcitynumberproject(obj) {
    $.each(obj, function (key, value) {
        $("#province" + key).append('<span class="numtype">' + value + '</span>')
    })
}