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;
function showLoaderScreen() {
    $(".starter-loader-container").css("display", "flex").hide().fadeIn();
}

function hideLoaderScreen() {
    $(".starter-loader-container").fadeOut();
}
$(document).ready(function () {
    specifydate = moment().locale('fa').format('L');
    // alert(specifydate.substring(0, 4))
    $("#year_id").append('<option value="' + specifydate.substring(0, 4) + '">' + specifydate.substring(0, 4) + '</option>')
    for (var i = 1; i < 10; i++) {
        $("#year_id").append('<option value="' + parseInt(specifydate.substring(0, 4) - i) + '">' + parseInt(specifydate.substring(0, 4) - i) + '</option>')
    }
    fromDate = $("#datepickfromdate").persianDatepicker({
        format: "YYYY/MM/DD",
        autoClose: true,
        onSelect: function (unix) {
            fromDate.touched = true;

            $('#datepicktodate').prop('disabled', '');

            if (
                fromDate.getState().selected.unixDate >=
                toDate.getState().selected.unixDate
            ) {
                toDate.setDate(fromDate.getState().selected.unixDate);
            }

            if (toDate && toDate.options && toDate.options.minDate != unix) {
                let cachedValue = toDate.getState().selected.unixDate;

                toDate.options = { minDate: unix };

                if (toDate.touched) {
                    toDate.setDate(cachedValue);
                }
            }
        },
    });
    toDate = $("#datepicktodate").persianDatepicker({
        format: "YYYY/MM/DD",
        autoClose: true,
        onSelect: function (unix) {
            toDate.touched = true;

            /*if (fromDate && fromDate.options && fromDate.options.maxDate != unix) {
      
              let cachedValue = fromDate.getState().selected.unixDate;
      
              fromDate.options = { maxDate: unix };
      
              if (fromDate.touched) {
      
                fromDate.setDate(cachedValue);
      
              }
      
            }*/
        },
    });
    $("#city-filters").empty()
    $("#city-filters").append('<p class="titlecard"> شهرستان </p>')
    $("#city-filters").append('<hr>')


    $("card-tools").empty()
    $.ajax({
        url: "https://rms.rmto.ir/public/contents/provinces",
        type: "GET",
        success: function (result) {
            showprovincecenter(result.data)
            provcincedata = result.data
            // console.log("provcincedata", provcincedata)
        },
        error: function (error) {
            // hideLoaderScreen();
            //console.log(error);
        },
    });
    // console.log("uurl", window.location.href)
    if (document.location.search.length) {
        showLoaderScreen()
        // console.log("true")
        flagquery = 1
        // query string exists
        urlParams = new URLSearchParams(window.location.search);
        // console.log("params", urlParams.get('p_t'))
        queryparams = window.location.search
        // console.log(window.location.search); // true
        if (urlParams.get('p_t') != null) {

            // console.log("rmsp-t")
            $.ajax({
                url: "https://rms.rmto.ir/api/public/bama" + window.location.search,
                type: "POST",
                success: function (result) {
                    console.log("result" , result)
                    showprojectdatafilter(result.data, urlParams.get('p_t'))
                    showcountall(result.counts)
                    // showcountproject(result.counts)
                    objprovince = result.province_count
                    showprovinceeach(result.province_count, 0)
                    if (urlParams.get('p_y') != null) {
                        yearparams = urlParams.get('p_y')
                        showcitylistselect(urlParams.get('p_y'))
                        console.log("year", yearparams)
                    }

                    else {
                        showyearlist(result.project_years)
                        showyearless(result.project_years)

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

                    //     showratingnum(result.axis_type_count)
                    // }
                    if (urlParams.get('r_t') == null) {

                        axisnumber(result.axis_type_count)
                    }

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

                        projecttypebama(result.project_status)
                    }
                    if (urlParams.get('p_c') != null) {
                        // alert("hi")
                        if (result.data.length != 0) {
                            // alert(result.data.construction_rural[0].cities )
                            showcityfiltershow(urlParams.get('p_c'), result.data[0].cities[0].name)
                            showcityfiltername(urlParams.get('p_c'), result.data[0].cities[0].name)

                            // alert("hiiii")
                        }

                    }
                    hideLoaderScreen()
                },
                error: function (error) {
                    // hideLoaderScreen();
                    //console.log(error);
                },
            });
            if (urlParams.get('p_p') != null) {
                $.ajax({
                    url: "https://rms.rmto.ir/public/contents/provinces/" + urlParams.get('p_p'),
                    type: "GET",
                    success: function (result) {
                        citydata = result.data
                        // console.log("citydata", citydata)

                        // showprovinceafterfilter(id)
                        // console.log("pitikoohear")
                        // if (urlParams.get('p_c') != null) {
                        //     showcityfiltershow(urlParams.get('p_c'))
                        // }
                        showprovinceafterfilter(urlParams.get('p_p'))
                        if (urlParams.get('p_c') != null) {
                            // alert("hi")
                            // showcityfiltername()

                        }
                        else {
                            showcity(result.data)

                        }

                    },
                    error: function (error) {
                        // hideLoaderScreen();
                        //console.log(error);
                    },
                });

                showprovincefilter(urlParams.get('p_p'))

            }
            if (urlParams.get('p_y') != null) {
                $("#year_id").val(urlParams.get('p_y'))
                showyearfilter(urlParams.get('p_y'))
                $(document).on('click', '#p_yremove' + urlParams.get('p_y'), function () {
                    var uri = window.location.toString();
                    if (uri.indexOf("?") > 0) {
                        removeURLParameter(uri, 'p_y')
                    }
                    // location.reload()
                    // code here
                });
            }

            if (urlParams.get('p_t') == 1) {
                var showtext = '<div class="premove" id="p_t1">\
                    <div class="projecttype projectremove " >\
                        <h4 class="pcolor  pfont"> روکش آسفالت (نگهداری راه ها ) </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px;cursor: pointer" id="p_tremove1">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#numberproject5").empty()
                $("#numberproject4").empty()
                $("#numberproject3").empty()
                $("#numberproject2").empty()
                // $("#numberproject1").empty()

            }
            else if (urlParams.get('p_t') == 2) {
                var showtext = '<div class="premove"  id="p_t2">\
                    <div class="projecttype projectremove"+>\
                        <h4 class="pcolor  pfont">رفع نقاط حادثه خیز / پرتصادف </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px;cursor: pointer" id="p_tremove2">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#numberproject5").empty()
                $("#numberproject4").empty()
                $("#numberproject3").empty()
                // $("#numberproject2").empty()
                $("#numberproject1").empty()


            }
            else if (urlParams.get('p_t') == 3) {
                var showtext = '<div class="premove"  id="p_t3">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont">ارتقای ایمنی راه </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px;cursor: pointer" id="p_tremove3">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                // $("#numberproject3").empty()
                $("#numberproject4").empty()
                $("#numberproject5").empty()
                $("#numberproject2").empty()
                $("#numberproject1").empty()



            }
            else if (urlParams.get('p_t') == 4) {
                var showtext = '<div class="premove"  id="p_t4">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont">ابنیه فنی (نگهداری ابنیه فنی ) </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px;cursor: pointer" id="p_tremove4">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                // $("#numberproject4").empty()
                $("#numberproject5").empty()
                $("#numberproject3").empty()
                $("#numberproject2").empty()
                $("#numberproject1").empty()


            }
            else if (urlParams.get('p_t') == 5) {
                var showtext = '<div class="premove"  id="p_t5">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> راهدارخانه ها (بهسازی و نوسازی ) </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_tremove5">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#numberproject4").empty()
                $("#numberproject3").empty()
                $("#numberproject2").empty()
                $("#numberproject1").empty()


            }

            if (urlParams.get('p_r') == 1) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> یک ستاره  </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="starup'+ urlParams.get('p_r') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#rate2").empty()
                $("#rate3").empty()
                

            }

            if (urlParams.get('p_r') == 2) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> دو ستاره </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="starup'+ urlParams.get('p_r') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#rate1").empty()
                $("#rate3").empty()
            

            }

            if (urlParams.get('p_r') == 3) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> سه ستاره </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="starup'+ urlParams.get('p_r') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#rate1").empty()
                $("#rate2").empty()
               

            }
            if (urlParams.get('r_t') == 1) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> شریانی  </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="mehvarype'+ urlParams.get('r_t') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#asli").empty()
                $("#faryi").empty()
                $("#roostayi").empty()

            }
            if (urlParams.get('r_t') == 2) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> اصلی  </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="mehvarype'+ urlParams.get('r_t') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#sharyani").empty()
                $("#faryi").empty()
                $("#roostayi").empty()

            }
            if (urlParams.get('r_t') == 3) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> فرعی </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="mehvarype'+ urlParams.get('r_t') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#sharyani").empty()
                $("#asli").empty()
                $("#roostayi").empty()

            }
            if (urlParams.get('r_t') == 4) {
                // console.log("jii")
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> روستایی</h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="mehvarype'+ urlParams.get('r_t') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#sharyani").empty()
                $("#faryi").empty()
                $("#asli").empty()

            }
            // p-s

            if (urlParams.get('p_s') == 1) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> در دست برنامه ریزی اولیه  </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status7").empty()
                $("#status2").empty()
                $("#status3").empty()
                $("#status4").empty()
                $("#status5").empty()
                $("#status6").empty()
                $("#status8").empty()
                $("#status0").empty()

            }
            else if (urlParams.get('p_s') == 2) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> در دست مطالعه و تهیه اسناد مناقصه  </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status7").empty()
                $("#status8").empty()
                $("#status3").empty()
                $("#status4").empty()
                $("#status5").empty()
                $("#status6").empty()
                $("#status1").empty()
                $("#status0").empty()


            }
            else if (urlParams.get('p_s') == 3) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> در دست مناقصه </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status7").empty()
                $("#status8").empty()
                $("#status2").empty()
                $("#status4").empty()
                $("#status5").empty()
                $("#status6").empty()
                $("#status1").empty()
                $("#status0").empty()


            }
            else if (urlParams.get('p_s') == 4) {
                // console.log("jii")
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> در حال تجهیز کارگاه</h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status7").empty()
                $("#status8").empty()
                $("#status2").empty()
                $("#status3").empty()
                $("#status5").empty()
                $("#status6").empty()
                $("#status1").empty()
                $("#status0").empty()


            }
            else if (urlParams.get('p_s') == 5) {
                // console.log("jii")
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> در حال اجرا / فعال</h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status7").empty()
                $("#status8").empty()
                $("#status2").empty()
                $("#status3").empty()
                $("#status4").empty()
                $("#status6").empty()
                $("#status1").empty()
                $("#status0").empty()


            }
            else if (urlParams.get('p_s') == 6) {
                // console.log("jii")
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> در حال اجرا / متوقف</h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status7").empty()
                $("#status8").empty()
                $("#status2").empty()
                $("#status3").empty()
                $("#status4").empty()
                $("#status5").empty()
                $("#status1").empty()
                $("#status0").empty()


            }
            else if (urlParams.get('p_s') == 7) {
                // console.log("jii")
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> در حال آماده سازی برای افتتاح</h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status6").empty()
                $("#status8").empty()
                $("#status2").empty()
                $("#status3").empty()
                $("#status4").empty()
                $("#status5").empty()
                $("#status1").empty()
                $("#status0").empty()


            }
            else if (urlParams.get('p_s') == 8) {
                // console.log("jii")
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> تکمیل و خاتمه یافته و بهره برداری شده </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status6").empty()
                $("#status7").empty()
                $("#status2").empty()
                $("#status3").empty()
                $("#status4").empty()
                $("#status5").empty()
                $("#status1").empty()
                $("#status0").empty()


            }
            else if (urlParams.get('p_s') == 0) {
                // console.log("jii")
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> توسط استان بروز رسانی نشده است </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status6").empty()
                $("#status7").empty()
                $("#status2").empty()
                $("#status3").empty()
                $("#status4").empty()
                $("#status5").empty()
                $("#status1").empty()
                $("#status8").empty()


            }
        }
        else {
            // console.log("bamaaaaa")
            $.ajax({
                url: "https://rms.rmto.ir/api/public/bama" + window.location.search,
                type: "POST",
                success: function (result) {
                    // console.log("pitikooooo", result.data)
                    showprojectdata(result.data)
                    showcountall(result.count_all)
                    showcountproject(result.counts)
                    // showyearlist(result.project_years)
                    objprovince = result.province_count
                    showprovinceeach(result.province_count, 0)
                    if (urlParams.get('p_y') != null) {
                        showcitylistselect(urlParams.get('p_y'))
                        yearparams = urlParams.get('p_y')
                        console.log("year", yearparams)
                    }
                    else {
                        showyearlist(result.project_years)
                        showyearless(result.project_years)


                    }
                    

                    if (urlParams.get('r_t') == null) {

                        axisnumber(result.axis_type_count)
                    }
                    if (urlParams.get('p_s') == null) {

                        projecttypebama(result.project_status)
                    }
                    if (urlParams.get('p_r') == null) {

                        showratingnum(result.axis_type_count)
                    }
                    if (urlParams.get('p_c') != null) {
                        // alert("hi")
                        if (result.data.construction_rural.length != 0) {
                            // alert(result.data.construction_rural[0].cities )
                            showcityfiltershow(urlParams.get('p_c'), result.data.construction_rural[0].cities[0].name)
                            showcityfiltername(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)
                            showcityfiltershow(urlParams.get('p_c'), result.data.danger_prevention[0].cities[0].name)
                            showcityfiltername(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)
                            showcityfiltershow(urlParams.get('p_c'), result.data.maintenance_project[0].cities[0].name)
                            showcityfiltername(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)
                            showcityfiltershow(urlParams.get('p_c'), result.data.technical_building[0].cities[0].name)
                            showcityfiltername(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)
                            showcityfiltershow(urlParams.get('p_c'), result.data.tollhouse_management[0].cities[0].name)
                            showcityfiltername(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)
                            showcityfiltershow(urlParams.get('p_c'), result.data.upgrade_safety[0].cities[0].name)
                            showcityfiltername(urlParams.get('p_c'), result.data.upgrade_safety[0].cities[0].name)


                        }
                    }
                    hideLoaderScreen()
                },
                error: function (error) {
                    // hideLoaderScreen();
                    //console.log(error);
                },
            });

            // if (urlParams.get('p_c') != null) {
            //     // alert("hi")
            //     showcityfiltershow(urlParams.get('p_c'))
            // }
            if (urlParams.get('p_y') != null) {
                $("#year_id").val(urlParams.get('p_y'))
                showyearfilter(urlParams.get('p_y'))
                console.log("kk", urlParams.get('p_y'))
                console.log("uu", '#p_yremove' + queryparams.indexOf("p_y"))
                $(document).on('click', '#p_yremove' + urlParams.get('p_y'), function () {
                    var uri = window.location.toString();
                    if (uri.indexOf("?") > 0) {
                        removeURLParameter(uri, 'p_y')
                    }
                    // location.reload()
                    // code here
                });
            }
            if (urlParams.get('p_p') != null) {
                $.ajax({
                    url: "https://rms.rmto.ir/public/contents/provinces/" + urlParams.get('p_p'),
                    type: "GET",
                    success: function (result) {
                        citydata = result.data
                        // console.log("citydata", citydata)
                        showprovinceafterfilter(urlParams.get('p_p'))
                        // showprovinceafterfilter(id)
                        // console.log("pitikoohear")
                        // if (urlParams.get('p_c') != null) {
                        //     showcityfiltershow(urlParams.get('p_c'))
                        // }
                        if (urlParams.get('p_c') != null) {
                            // alert("hi")
                            // showcityfiltername()

                        }
                        else {
                            showcity(result.data)

                        }

                    },
                    error: function (error) {
                        // hideLoaderScreen();
                        //console.log(error);
                    },
                });

                showprovincefilter(urlParams.get('p_p'))

            }

            if (urlParams.get('p_r') == 1) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> یک ستاره  </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="starup'+ urlParams.get('p_r') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#rate2").empty()
                $("#rate3").empty()


            }

            if (urlParams.get('p_r') == 2) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> دو ستاره </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="starup'+ urlParams.get('p_r') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#rate1").empty()
                $("#rate3").empty()


            }

            if (urlParams.get('p_r') == 3) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> سه ستاره </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="starup'+ urlParams.get('p_r') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#rate1").empty()
                $("#rate2").empty()


            }
            if (urlParams.get('r_t') == 1) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> شریانی  </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="mehvarype'+ urlParams.get('r_t') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#asli").empty()
                $("#faryi").empty()
                $("#roostayi").empty()


            }
            if (urlParams.get('r_t') == 2) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> اصلی  </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="mehvarype'+ urlParams.get('r_t') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#sharyani").empty()
                $("#faryi").empty()
                $("#roostayi").empty()

            }
            if (urlParams.get('r_t') == 3) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> فرعی </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="mehvarype'+ urlParams.get('r_t') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#sharyani").empty()
                $("#asli").empty()
                $("#roostayi").empty()

            }
            if (urlParams.get('r_t') == 4) {
                // console.log("jii")
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> روستایی</h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="mehvarype'+ urlParams.get('r_t') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#sharyani").empty()
                $("#faryi").empty()
                $("#asli").empty()

            }
            if (urlParams.get('p_s') == 1) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> در دست برنامه ریزی اولیه  </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status7").empty()
                $("#status2").empty()
                $("#status3").empty()
                $("#status4").empty()
                $("#status5").empty()
                $("#status6").empty()
                $("#status8").empty()
                $("#status0").empty()


            }
            else if (urlParams.get('p_s') == 2) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> در دست مطالعه و تهیه اسناد مناقصه  </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status7").empty()
                $("#status1").empty()
                $("#status3").empty()
                $("#status4").empty()
                $("#status5").empty()
                $("#status6").empty()
                $("#status8").empty()
                $("#status0").empty()


            }
            else if (urlParams.get('p_s') == 3) {
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> در دست مناقصه </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status7").empty()
                $("#status1").empty()
                $("#status2").empty()
                $("#status4").empty()
                $("#status5").empty()
                $("#status6").empty()
                $("#status8").empty()
                $("#status0").empty()


            }
            else if (urlParams.get('p_s') == 4) {
                // console.log("jii")
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> در حال تجهیز کارگاه</h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status7").empty()
                $("#status1").empty()
                $("#status2").empty()
                $("#status3").empty()
                $("#status5").empty()
                $("#status6").empty()
                $("#status8").empty()
                $("#status0").empty()


            }
            else if (urlParams.get('p_s') == 5) {
                // console.log("jii")
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> در حال اجرا / فعال</h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status7").empty()
                $("#status1").empty()
                $("#status2").empty()
                $("#status3").empty()
                $("#status4").empty()
                $("#status6").empty()
                $("#status8").empty()
                $("#status0").empty()


            }
            else if (urlParams.get('p_s') == 6) {
                // console.log("jii")
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> در حال اجرا / متوقف</h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status7").empty()
                $("#status1").empty()
                $("#status2").empty()
                $("#status3").empty()
                $("#status4").empty()
                $("#status5").empty()
                $("#status8").empty()
                $("#status0").empty()


            }
            else if (urlParams.get('p_s') == 7) {
                // console.log("jii")
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> در حال آماده سازی برای افتتاح</h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status6").empty()
                $("#status1").empty()
                $("#status2").empty()
                $("#status3").empty()
                $("#status4").empty()
                $("#status5").empty()
                $("#status8").empty()
                $("#status0").empty()



            }
            else if (urlParams.get('p_s') == 8) {
                // console.log("jii")
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> تکمیل و خاتمه یافته و بهره برداری شده </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status6").empty()
                $("#status1").empty()
                $("#status2").empty()
                $("#status3").empty()
                $("#status4").empty()
                $("#status5").empty()
                $("#status7").empty()
                $("#status0").empty()


            }
            else if (urlParams.get('p_s') == 0) {
                // console.log("jii")
                var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> توسط استان بروز رسانی نشده است </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="p_s'+ urlParams.get('p_s') + '">x</span>\
                </div>'
                $("#card-tools").append(showtext)
                $("#status6").empty()
                $("#status7").empty()
                $("#status2").empty()
                $("#status3").empty()
                $("#status4").empty()
                $("#status5").empty()
                $("#status1").empty()
                $("#status8").empty()


            }

        }

    } else {
        showLoaderScreen()
        flagquery = 0
        $.ajax({
            url: "https://rms.rmto.ir/api/public/bama",
            type: "POST",
            success: function (result) {
                showprojectdata(result.data)
                showyearlist(result.project_years)
                showyearless(result.project_years)
                showcountall(result.count_all)
                showcountproject(result.counts)
                objprovince = result.province_count
                showprovinceeach(result.province_count, 0)
                axisnumber(result.axis_type_count)
                projecttypebama(result.project_status)
                hideLoaderScreen()
            },
            error: function (error) {
                // hideLoaderScreen();
                //console.log(error);
            },
        });
        // alert("bye")

        // no query string exists
    }


})
function showcityfiltershow(num, name) {
    // console.log("nummm", num)
    var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont"> '+ name + '</h4>\
                        </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px; cursor: pointer" id="cityshow'+ num + '">x</span>\
                </div>'
    $("#card-tools").append(showtext)

}
function projecttypebama(array) {
    $("#status0").append('<p class="numberproject">(' + array[0] + ')</p>')
    $("#status1").append('<p class="numberproject">(' + array[1] + ')</p>')
    $("#status2").append('<p class="numberproject">(' + array[2] + ')</p>')
    $("#status3").append('<p class="numberproject">(' + array[3] + ')</p>')
    $("#status4").append('<p class="numberproject">(' + array[4] + ')</p>')
    $("#status5").append('<p class="numberproject">(' + array[5] + ')</p>')
    $("#status6").append('<p class="numberproject">(' + array[6] + ')</p>')
    $("#status7").append('<p class="numberproject">(' + array[7] + ')</p>')
    $("#status8").append('<p class="numberproject">(' + array[8] + ')</p>')
}
function axisnumber(obj) {
    $.each(obj, function (key, value) {
        if (key == 1) {
            $("#sharyani").append('<p class="numberproject">(' + value + ')</p>')
        }
        if (key == 2) {
            $("#asli").append('<p class="numberproject">(' + value + ')</p>')

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

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

        }
    })
}
function showprovincefilter(id) {
    // console.log("id", id)
    $.ajax({
        url: "https://rms.rmto.ir/public/contents/provinces",
        type: "GET",
        success: function (result) {
            provcincedata = result.data
            // console.log("ppppppp", provcincedata)
            for (var i = 0; i < provcincedata.length; i++) {
                if (provcincedata[i].id == id) {
                    var showtext = '<div class="premove">\
                    <div class="projecttype projectremove">\
                        <h4 class="pcolor  pfont">'+ provcincedata[i].name_fa + ' </h4>\
                                                </div>\
                    <span style="color: #FF1493;margin-right: 33%;font-size: 18px;cursor: pointer" id="p_p'+ provcincedata[i].id + '">x</span>\
                </div>'
                    $("#card-tools").append(showtext)
                }
            }
        },
        error: function (error) {
            // hideLoaderScreen();
            //console.log(error);
        },
    });

    // console.log("provcincedata", provcincedata)
}
function showcityfilter(id) {

}
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 <= 1000; i++) {
    $(document).on('click', '#cityshow' + i, function () {
        var uri = window.location.toString();
        if (uri.indexOf("?") > 0) {
            removeURLParameter(uri, 'p_c')
        }
        // location.reload()
        // code here
    });
}

function showprovinceeach(obj, flag) {
    // console.log("flag", flag)
    // console.log("obj", obj)
    if (flag == 0) {
        $.each(obj, function (key, value) {
            if (key == 1) {
                // id = "projecttype' + data[i].id + '"
                $("#projecttype1").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )
            }
            if (key == 2) {
                $("#projecttype2").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 3) {
                $("#projecttype3").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 4) {
                $("#projecttype4").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 5) {
                $("#projecttype5").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            // if (key == 6) {
            //     $("#projecttype6").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // }
            // if (key == 7) {
            //     $("#projecttype7").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // }
            // if (key == 8) {
            //     $("#projecttype8").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // }
            // if (key == 9) {
            //     $("#projecttype9").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // }
            // if (key == 10) {
            //     $("#projecttype10").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // }
            // if (key == 11) {
            //     $("#projecttype11").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // }
            // if (key == 12) {
            //     $("#projecttype12").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // }
            // if (key == 13) {
            //     $("#projecttype13").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // }
            // if (key == 14) {
            //     $("#projecttype14").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // }
            // if (key == 15) {
            //     $("#projecttype15").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )
            // }
            // if (key == 16) {
            //     $("#projecttype16").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // }
            // if (key == 17) {
            //     $("#projecttype17").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // }
            // if (key == 18) {
            //     $("#projecttype18").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // }
            // if (key == 19) {
            //     $("#projecttype19").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // }
            // if (key == 20) {
            //     $("#projecttype20").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )
            // }
            // if (key == 21) {
            //     $("#projecttype21").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // } if (key == 22) {
            //     $("#projecttype22").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // } if (key == 23) {
            //     $("#projecttype23").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // } if (key == 24) {
            //     $("#projecttype24").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // } if (key == 25) {
            //     $("#projecttype25").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // } if (key == 26) {
            //     $("#projecttype26").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // } if (key == 27) {
            //     $("#projecttype27").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // } if (key == 28) {
            //     $("#projecttype28").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // } if (key == 29) {
            //     $("#projecttype29").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // } if (key == 30) {
            //     $("#projecttype30").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // } if (key == 31) {
            //     $("#projecttype31").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // } if (key == 32) {
            //     $("#projecttype32").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // } if (key == 33) {
            //     $("#projecttype33").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // } if (key == 34) {
            //     $("#projecttype34").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // } if (key == 35) {
            //     $("#projecttype35").append(
            //         '<p class="numberproject">(' + value + ')</p>'
            //     )

            // }
        });
    }
    else {
        $.each(obj, function (key, value) {
            if (key == 6) {
                $("#projecttype6").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 7) {
                $("#projecttype7").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 8) {
                $("#projecttype8").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 9) {
                $("#projecttype9").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 10) {
                $("#projecttype10").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 11) {
                $("#projecttype11").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 12) {
                $("#projecttype12").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 13) {
                $("#projecttype13").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 14) {
                $("#projecttype14").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 15) {
                $("#projecttype15").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )
            }
            if (key == 16) {
                $("#projecttype16").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 17) {
                $("#projecttype17").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 18) {
                $("#projecttype18").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 19) {
                $("#projecttype19").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }
            if (key == 20) {
                $("#projecttype20").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )
            }
            if (key == 21) {
                $("#projecttype21").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            } if (key == 22) {
                $("#projecttype22").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            } if (key == 23) {
                $("#projecttype23").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            } if (key == 24) {
                $("#projecttype24").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            } if (key == 25) {
                $("#projecttype25").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            } if (key == 26) {
                $("#projecttype26").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            } if (key == 27) {
                $("#projecttype27").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            } if (key == 28) {
                $("#projecttype28").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            } if (key == 29) {
                $("#projecttype29").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            } if (key == 30) {
                $("#projecttype30").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            } if (key == 31) {
                $("#projecttype31").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            } if (key == 32) {
                $("#projecttype32").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            } if (key == 33) {
                $("#projecttype33").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            } if (key == 34) {
                $("#projecttype34").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            } if (key == 35) {
                $("#projecttype35").append(
                    '<p class="numberproject">(' + value + ')</p>'
                )

            }

        }
        )
    }

}

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

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

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

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

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

    )
}
function showprojectdatafilter(data, number) {
    console.log("datalen" , data.length)
    var j =0 
    for (var i = 0; i < data.length; i=i+2) {
        // console.log()
        // if (i==0) {
        //     j==0
        // }
        // else {

        //     j=i+1
        // }
        // console.log("jj" , j)
        // console.log("ii" , i)
        if (data[i].path != null) {
            // console.log("pitiko" , data[i+1].path , i+1 , data[i].path)
            console.log("pathhhhhhhhh")
            if (i+1>=data.length) {
                console.log("iiiiii" , i+1)
                console.log("hiii")
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ data[i].id + '&p_t=' + number + '" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="https://rms.rmto.ir/storage'+ data[i].path.slice(6) + '">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ data[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(data[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> '+ showprojectname(number) + ' </p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle">'+ data[i].contract_date + '</p>\
                            </div>\
                                </div>\
                            <div class="textshown">\
                                 <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> '+ data[i].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                    <p class="pstyle">'+ showprojectstat(data[i].project_status) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                            <div class="paragraphsecond">\
                                    <p class="pcolor"> عنوان پروژه : </p>\
                                    <p class="pstyle"> ' + data[i].project_name + ' </p>\
                                </div>\
                                <div class="showrate">\
                                <div class="divimdb">\
                                <span class="spanimdb">\
                                RMS\
                                </span>\
                                </div>\
                                <div class="ratespan">\
                                <span class="spannfirstt">\
                                '+ showratekol(data[i].rate) +'\
                                </span>\
                                <div class="divfive">\
                                <span>\
                                /\
                                </span>\
                                <span>\
                                3\
                                </span>\
                                </div>\
                                    </div>\
                                    <img src="../dist/images/star.svg">\
                                    <span class="spannsecond">\
                                    '+showratedesc(data[i].rate_desc) +'\
                                    </span>\
                                </div>\
                            </div>\
                        </div>\
                        </div>\
                    </div>\
                    </a>\
                </li>'
            }
            else {
                console.log("hiii" ,data[i+1] )
                if (data[i+1].path!= null) {
                    console.log("hiii")
                    var lidata = '<li class="content">\
                <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ data[i].id + '&p_t=' + number + '" target = "_blank">\
                    <div class="showeachproject">\
                        <img class="imageshown" src="https://rms.rmto.ir/storage'+ data[i].path.slice(6) + '">\
                            <div class="showdiv">\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor">اداره کل:</p>\
                                        <p class="pstyle"> '+ data[i].province_fa + ' </p>\
                                    </div>\
                                    <div class="paragraphsecond">\
                                        <p class="pcolor"> شهرستان : </p>\
                                        <p class="pstyle"> ' + showCityy(data[i]) + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor">پروژه :</p>\
                                        <p class="pstyle"> '+ showprojectname(number) + ' </p>\
                                    </div>\
                                    <div class="paragraphshown">\
                                    <p class="pcolor"> تاریخ شروع :</p>\
                                    <p class="pstyle">'+ data[i].contract_date + '</p>\
                                </div>\
                                </div>\
                                <div class="textshown">\
                                     <div class="paragraphshown">\
                                        <p class="pcolor">نام محور :</p>\
                                        <p class="pstyle"> '+ data[i].axis_name + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                    <div class="paragraphsecond">\
                                        <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                        <p class="pstyle">'+ showprojectstat(data[i].project_status) + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                <div class="paragraphsecond">\
                                        <p class="pcolor"> عنوان پروژه : </p>\
                                        <p class="pstyle"> ' + data[i].project_name + ' </p>\
                                    </div>\
                                    <div class="showratee">\
                                    <div class="divimdb">\
                                    <span class="spanimdb">\
                                    RMS\
                                    </span>\
                                    </div>\
                                    <div class="ratespan">\
                                    <span class="spannfirstt">\
                                   '+showratekol(data[i].rate) +'\
                                    </span>\
                                    <div class="divfive">\
                                    <span>\
                                    /\
                                    </span>\
                                    <span>\
                                    3\
                                    </span>\
                                    </div>\
                                        </div>\
                                        <img src="../dist/images/star.svg">\
                                        <span class="spannsecond">\
                                        '+showratedesc(data[i].rate_desc) +'\
                                        </span>\
                                    </div>\
                                </div>\
                            </div>\
                        </div>\
                        </a>\
                         <div class="vl"></div>\
                          <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ data[i+1].id + '&p_t=' + number + '" target = "_blank">\
                    <div class="showeachproject">\
                        <img class="imageshown" src="https://rms.rmto.ir/storage'+ data[i+1].path.slice(6) + '">\
                            <div class="showdiv">\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor">اداره کل:</p>\
                                        <p class="pstyle"> '+ data[i + 1].province_fa + ' </p>\
                                    </div>\
                                    <div class="paragraphsecond">\
                                        <p class="pcolor"> شهرستان : </p>\
                                        <p class="pstyle"> ' + showCityy(data[i + 1]) + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor">پروژه :</p>\
                                        <p class="pstyle"> '+ showprojectname(number) + ' </p>\
                                    </div>\
                                    <div class="paragraphshown">\
                                    <p class="pcolor"> تاریخ شروع :</p>\
                                    <p class="pstyle">'+ data[i + 1].contract_date + '</p>\
                                </div>\
                                </div>\
                                <div class="textshown">\
                                     <div class="paragraphshown">\
                                        <p class="pcolor">نام محور :</p>\
                                        <p class="pstyle"> '+ data[i+1].axis_name + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                    <div class="paragraphsecond">\
                                        <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                        <p class="pstyle">'+ showprojectstat(data[i + 1].project_status) + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                <div class="paragraphsecond">\
                                        <p class="pcolor"> عنوان پروژه : </p>\
                                        <p class="pstyle"> ' + data[i+1].project_name + ' </p>\
                                    </div>\
                                    <div class="showrate">\
                                    <div class="divimdb">\
                                    <span class="spanimdb">\
                                    RMS\
                                    </span>\
                                    </div>\
                                    <div class="ratespan">\
                                    <span class="spannfirstt">\
                                    '+showratekol(data[i+1].rate) +'\
                                    </span>\
                                    <div class="divfive">\
                                    <span>\
                                    /\
                                    </span>\
                                    <span>\
                                    3\
                                    </span>\
                                    </div>\
                                        </div>\
                                        <img src="../dist/images/star.svg">\
                                        <span class="spannsecond">\
                                        '+showratedesc(data[i+1].rate_desc) +'\
                                        </span>\
                                    </div>\
                                </div>\
                            </div>\
                        </div>\
                        </a>\
                    </li>'
    
                }
                else {
                    console.log("hiii")
                    var lidata = '<li class="content">\
                <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ data[i].id + '&p_t=' + number + '" target = "_blank">\
                    <div class="showeachproject">\
                        <img class="imageshown" src="https://rms.rmto.ir/storage'+ data[i].path.slice(6) + '">\
                            <div class="showdiv">\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor">اداره کل:</p>\
                                        <p class="pstyle"> '+ data[i].province_fa + ' </p>\
                                    </div>\
                                    <div class="paragraphsecond">\
                                        <p class="pcolor"> شهرستان : </p>\
                                        <p class="pstyle"> ' + showCityy(data[i]) + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor">پروژه :</p>\
                                        <p class="pstyle"> '+ showprojectname(number) + ' </p>\
                                    </div>\
                                    <div class="paragraphsecond">\
                                        <p class="pcolor"> عنوان پروژه : </p>\
                                        <p class="pstyle"> ' + data[i].project_name + ' </p>\
                                    </div>\
                                    <div class="showrate">\
                                    <div class="divimdb">\
                                    <span class="spanimdb">\
                                    RMS\
                                    </span>\
                                    </div>\
                                    <div class="ratespan">\
                                    <span class="spannfirstt">\
                                    '+showratekol(data[i].rate) +'\
                                    </span>\
                                    <div class="divfive">\
                                    <span>\
                                    /\
                                    </span>\
                                    <span>\
                                    3\
                                    </span>\
                                    </div>\
                                        </div>\
                                        <img src="../dist/images/star.svg">\
                                        <span class="spannsecond">\
                                        '+showratedesc(data[i].rate_desc) +'\
                                        </span>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle">'+ data[i].contract_date + '</p>\
                                    </div>\
                                     <div class="paragraphshown">\
                                        <p class="pcolor">نام محور :</p>\
                                        <p class="pstyle"> '+ data[i].axis_name + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                    <div class="paragraphsecond">\
                                        <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                        <p class="pstyle">'+ showprojectstat(data[i].project_status) + '</p>\
                                    </div>\
                                </div>\
                            </div>\
                        </div>\
                        </a>\
                         <div class="vl"></div>\
                          <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ data[i+1].id + '&p_t=' + number + '" target = "_blank">\
                    <div class="showeachproject">\
                        <img class="imageshown" src="../dist/images/No_image_available.svg">\
                            <div class="showdiv">\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor">اداره کل:</p>\
                                        <p class="pstyle"> '+ data[i + 1].province_fa + ' </p>\
                                    </div>\
                                    <div class="paragraphsecond">\
                                        <p class="pcolor"> شهرستان : </p>\
                                        <p class="pstyle"> ' + showCityy(data[i + 1]) + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor">پروژه :</p>\
                                        <p class="pstyle"> '+ showprojectname(number) + ' </p>\
                                    </div>\
                                    <div class="paragraphsecond">\
                                        <p class="pcolor"> عنوان پروژه : </p>\
                                        <p class="pstyle"> ' + data[i + 1].project_name + ' </p>\
                                    </div>\
                                    <div class="showrate">\
                                    <div class="divimdb">\
                                    <span class="spanimdb">\
                                    RMS\
                                    </span>\
                                    </div>\
                                    <div class="ratespan">\
                                    <span class="spannfirstt">\
                                    '+ showratekol(data[i+1].rate)+'\
                                    </span>\
                                    <div class="divfive">\
                                    <span>\
                                    /\
                                    </span>\
                                    <span>\
                                    3\
                                    </span>\
                                    </div>\
                                        </div>\
                                        <img src="../dist/images/star.svg">\
                                        <span class="spannsecond">\
                                        '+showratedesc(data[i+1].rate_desc) +'\
                                        </span>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle">'+ data[i + 1].contract_date + '</p>\
                                    </div>\
                                     <div class="paragraphshown">\
                                        <p class="pcolor">نام محور :</p>\
                                        <p class="pstyle"> '+ data[i+1].axis_name + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                    <div class="paragraphsecond">\
                                        <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                        <p class="pstyle">'+ showprojectstat(data[i + 1].project_status) + '</p>\
                                    </div>\
                                </div>\
                            </div>\
                        </div>\
                        </a>\
                    </li>'
    
                }
              
            }
          
        }
        else {
            console.log("hearrrpath")
                if (i+1 >= data.length) {
                console.log("pitikoolastone")

                    var lidata = '<li class="content">\
                <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ data[i].id + '&p_t=' + number + '" target = "_blank">\
                    <div class="showeachproject">\
                        <img class="imageshown" src="../dist/images/No_image_available.svg">\
                            <div class="showdiv">\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor">اداره کل:</p>\
                                        <p class="pstyle"> '+ data[i].province_fa + ' </p>\
                                    </div>\
                                    <div class="paragraphsecond">\
                                        <p class="pcolor"> شهرستان : </p>\
                                        <p class="pstyle">'+ showCityy(data[i]) + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor">پروژه :</p>\
                                        <p class="pstyle"> '+ showprojectname(number) + ' </p>\
                                    </div>\
                                    <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle">'+ data[i].contract_date + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                       <div class="paragraphshown">\
                                        <p class="pcolor">نام محور :</p>\
                                        <p class="pstyle"> '+ data[i].axis_name + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                 <div class="paragraphsecond">\
                                        <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                        <p class="pstyle">'+ showprojectstat(data[i].project_status) + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                <div class="paragraphsecond">\
                                <p class="pcolor"> عنوان پروژه : </p>\
                                <p class="pstyle"> ' + data[i].project_name + ' </p>\
                            </div>\
                            <div class="showrate">\
                            <div class="divimdb">\
                            <span class="spanimdb">\
                            RMS\
                            </span>\
                            </div>\
                            <div class="ratespan">\
                            <span class="spannfirstt">\
                            '+showratekol(data[i].rate) +'\
                            </span>\
                            <div class="divfive">\
                            <span>\
                            /\
                            </span>\
                            <span>\
                            3\
                            </span>\
                            </div>\
                                </div>\
                                <img src="../dist/images/star.svg">\
                                <span class="spannsecond">\
                                '+  showratedesc(data[i].rate_desc)+'\
                                </span>\
                            </div>\
                               </div>\
                            </div>\
                        </div>\
                        </a>\
                    </li>'
                }
                else {
                console.log("pitikoolasttwo")

                    var lidata = '<li class="content">\
                <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ data[i].id + '&p_t=' + number + '" target = "_blank">\
                    <div class="showeachproject">\
                        <img class="imageshown" src="../dist/images/No_image_available.svg">\
                            <div class="showdiv">\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor">اداره کل:</p>\
                                        <p class="pstyle"> '+ data[i].province_fa + ' </p>\
                                    </div>\
                                    <div class="paragraphsecond">\
                                        <p class="pcolor"> شهرستان : </p>\
                                        <p class="pstyle">'+ showCityy(data[i]) + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor">پروژه :</p>\
                                        <p class="pstyle"> '+ showprojectname(number) + ' </p>\
                                    </div>\
                                    <div class="paragraphshown">\
                                    <p class="pcolor"> تاریخ شروع :</p>\
                                    <p class="pstyle">'+ data[i].contract_date + '</p>\
                                </div>\
                                </div>\
                                <div class="textshown">\
                                       <div class="paragraphshown">\
                                        <p class="pcolor">نام محور :</p>\
                                        <p class="pstyle"> '+ data[i].axis_name + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                 <div class="paragraphsecond">\
                                        <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                        <p class="pstyle">'+ showprojectstat(data[i].project_status) + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                <div class="paragraphsecond">\
                                <p class="pcolor"> عنوان پروژه : </p>\
                                <p class="pstyle"> ' + data[i].project_name + ' </p>\
                            </div>\
                            <div class="showratee">\
                            <div class="divimdb">\
                            <span class="spanimdb">\
                            RMS\
                            </span>\
                            </div>\
                            <div class="ratespan">\
                            <span class="spannfirstt">\
                            '+showratekol(data[i].rate) +'\
                            </span>\
                            <div class="divfive">\
                            <span>\
                            /\
                            </span>\
                            <span>\
                            3\
                            </span>\
                            </div>\
                                </div>\
                                <img src="../dist/images/star.svg">\
                                <span class="spannsecond">\
                                '+  showratedesc(data[i].rate_desc)+'\
                                </span>\
                            </div>\
                               </div>\
                            </div>\
                        </div>\
                        </a>\
                         <div class="vl"></div>\
                         <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ data[i+1].id + '&p_t=' + number + '" target = "_blank">\
                    <div class="showeachproject">\
                        <img class="imageshown" src="../dist/images/No_image_available.svg">\
                            <div class="showdiv">\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcolor">اداره کل:</p>\
                                        <p class="pstyle"> '+ data[i+1].province_fa + ' </p>\
                                    </div>\
                                    <div class="paragraphsecond">\
                                        <p class="pcolor"> شهرستان : </p>\
                                        <p class="pstyle">'+ showCityy(data[i+1]) + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                    <div class="paragraphshown">\
                                        <p class="pcol or">پروژه :</p>\
                                        <p class="pstyle"> '+ showprojectname(number) + ' </p>\
                                    </div>\
                                    <div class="paragraphshown">\
                                    <p class="pcolor"> تاریخ شروع :</p>\
                                    <p class="pstyle">'+ data[i+1].contract_date + '</p>\
                                </div>\
                                </div>\
                                <div class="textshown">\
                                       <div class="paragraphshown">\
                                        <p class="pcolor">نام محور :</p>\
                                        <p class="pstyle"> '+ data[i+1].axis_name + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                 <div class="paragraphsecond">\
                                        <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                        <p class="pstyle">'+ showprojectstat(data[i+1].project_status) + '</p>\
                                    </div>\
                                </div>\
                                <div class="textshown">\
                                <div class="paragraphsecond">\
                                <p class="pcolor"> عنوان پروژه : </p>\
                                <p class="pstyle"> ' + data[i+1].project_name + ' </p>\
                            </div>\
                            <div class="showrate">\
                            <div class="divimdb">\
                            <span class="spanimdb">\
                            RMS\
                            </span>\
                            </div>\
                            <div class="ratespan">\
                            <span class="spannfirstt">\
                            '+showratekol(data[i+1].rate) +'\
                            </span>\
                            <div class="divfive">\
                            <span>\
                            /\
                            </span>\
                            <span>\
                            3\
                            </span>\
                            </div>\
                                </div>\
                                <img src="../dist/images/star.svg">\
                                <span class="spannsecond">\
                                '+showratedesc(data[i+1].rate_desc) +'\
                                </span>\
                            </div>\
                               </div>\
                            </div>\
                        </div>\
                        </a>\
                    </li>'
                }
            
           
          
        }
        // console.log("liaaa" ,lidata )

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

}
function showprojectname(number) {
    if (number == 1) {
        return "روکش آسفالت (نگهداری راه ها )"
    }
    else if (number == 2) {
        return "رفع نقاط حادثه خیز / پر تصادف"
    }
    else if (number == 3) {
        return "ارتقای ایمنی راه "
    }
    else if (number == 4) {
        return "ابنیه فنی (نگهداری ابنیه فنی)"
    }
    else if (number == 5) {
        return "راهدارخانه ها (بهسازی و نوسازی )"
    }
}
function showprojectdata(data) {
    // console.log("projectres", data.upgrade_safety)
    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
    console.log("datakolupgrade", datakolupgrade.length)
    console.log("datadanger_prevention", datadanger_prevention.length)
    console.log("datatechnical_building", datatechnical_building.length)
    console.log("dataconstruction_rural", dataconstruction_rural.length)
    console.log("datamaintenance_project", datamaintenance_project.length)
    console.log("datatollhouse_management", datatollhouse_management.length)

    for (var i = 0; i < datakolupgrade.length; i=i+2) {
        // console.log("tttt" , datakolupgrade[i].path.slice(6) )
        if (datakolupgrade[i].path != null) {

            if (i + 1 >= datakolupgrade.length) {
                console.log("https://rms.rmto.ir/public'+ datakolupgrade[i].path.substring(0, 5) + '")
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datakolupgrade[i].id + '&p_t=3" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="https://rms.rmto.ir/storage'+ datakolupgrade[i].path.slice(6) + '">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datakolupgrade[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datakolupgrade[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> ارتقای ایمنی راه </p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle">'+ datakolupgrade[i].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                                     <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> '+ datakolupgrade[i].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                            <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                    <p class="pstyle">'+ showprojectstat(datakolupgrade[i].project_status) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                            <div class="paragraphsecond">\
                            <p class="pcolor"> عنوان پروژه : </p>\
                            <p class="pstyle"> ' + datakolupgrade[i].project_name + ' </p>\
                        </div>\
                        <div class="showrate">\
                        <div class="divimdb">\
                        <span class="spanimdb">\
                        RMS\
                        </span>\
                        </div>\
                        <div class="ratespan">\
                        <span class="spannfirstt">\
                        '+  showratekol(datakolupgrade[i].rate)+'\
                        </span>\
                        <div class="divfive">\
                        <span>\
                        /\
                        </span>\
                        <span>\
                        3\
                        </span>\
                        </div>\
                            </div>\
                            <img src="../dist/images/star.svg">\
                            <span class="spannsecond">\
                            '+showratedesc(datakolupgrade[i].rate_desc) +'\
                            </span>\
                        </div>\
                           </div>\
                        </div>\
                    </div>\
                    </a>\
                    </li>'
            }
            else {
                if (datakolupgrade[i+1].path!=null) {
                    var lidata = '<li class="content">\
                    <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datakolupgrade[i].id + '&p_t=3" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datakolupgrade[i].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datakolupgrade[i].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datakolupgrade[i]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> ارتقای ایمنی راه </p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                            <p class="pcolor"> تاریخ شروع :</p>\
                                            <p class="pstyle">'+ datakolupgrade[i].contract_date + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                         <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> '+ datakolupgrade[i].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                     <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                            <p class="pstyle">'+ showprojectstat(datakolupgrade[i].project_status) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                    <div class="paragraphsecond">\
                                    <p class="pcolor"> عنوان پروژه : </p>\
                                    <p class="pstyle"> ' + datakolupgrade[i].project_name + ' </p>\
                                </div>\
                                <div class="showratee">\
                                <div class="divimdb">\
                                <span class="spanimdb">\
                                RMS\
                                </span>\
                                </div>\
                                <div class="ratespan">\
                                <span class="spannfirstt">\
                                '+  showratekol(datakolupgrade[i].rate)  +'\
                                </span>\
                                <div class="divfive">\
                                <span>\
                                /\
                                </span>\
                                <span>\
                                3\
                                </span>\
                                </div>\
                                    </div>\
                                    <img src="../dist/images/star.svg">\
                                    <span class="spannsecond">\
                                    '+showratedesc(datakolupgrade[i].rate_desc) +'\
                                    </span>\
                                </div>\
                                   </div>\
                                </div>\
                            </div>\
                            </a>\
                            <div class="vl"></div>\
                             <a  class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datakolupgrade[i + 1].id + '&p_t=3" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datakolupgrade[i+1].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datakolupgrade[i + 1].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datakolupgrade[i + 1]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> ارتقای ایمنی راه </p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle">'+ datakolupgrade[i + 1].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                                                        <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> '+ datakolupgrade[i + 1].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                     <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                            <p class="pstyle">'+ showprojectstat(datakolupgrade[i + 1].project_status) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                    <div class="paragraphsecond">\
                                    <p class="pcolor"> عنوان پروژه : </p>\
                                    <p class="pstyle"> ' + datakolupgrade[i+1].project_name + ' </p>\
                                </div>\
                                <div class="showrate">\
                                <div class="divimdb">\
                                <span class="spanimdb">\
                                RMS\
                                </span>\
                                </div>\
                                <div class="ratespan">\
                                <span class="spannfirstt">\
                                '+ showratekol(datakolupgrade[i+1].rate) +'\
                                </span>\
                                <div class="divfive">\
                                <span>\
                                /\
                                </span>\
                                <span>\
                                3\
                                </span>\
                                </div>\
                                    </div>\
                                    <img src="../dist/images/star.svg">\
                                    <span class="spannsecond">\
                                    '+showratedesc(datakolupgrade[i+1].rate_desc) +'\
                                    </span>\
                                </div>\
                                   </div>\
                                </div>\
                            </div>\
                            </a>\
                        </li>'
                }
                else {
                    var lidata = '<li class="content">\
                    <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datakolupgrade[i].id + '&p_t=3" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datakolupgrade[i].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datakolupgrade[i].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datakolupgrade[i]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> ارتقای ایمنی راه </p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                            <p class="pcolor"> تاریخ شروع :</p>\
                                            <p class="pstyle">'+ datakolupgrade[i].contract_date + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                         <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> '+ datakolupgrade[i].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                     <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                            <p class="pstyle">'+ showprojectstat(datakolupgrade[i].project_status) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                    <div class="paragraphsecond">\
                                    <p class="pcolor"> عنوان پروژه : </p>\
                                    <p class="pstyle"> ' + datakolupgrade[i].project_name + ' </p>\
                                </div>\
                                <div class="showratee">\
                                <div class="divimdb">\
                                <span class="spanimdb">\
                                RMS\
                                </span>\
                                </div>\
                                <div class="ratespan">\
                                <span class="spannfirstt">\
                                '+ showratekol(datakolupgrade[i].rate) +'\
                                </span>\
                                <div class="divfive">\
                                <span>\
                                /\
                                </span>\
                                <span>\
                                3\
                                </span>\
                                </div>\
                                    </div>\
                                    <img src="../dist/images/star.svg">\
                                    <span class="spannsecond">\
                                    '+showratedesc(datakolupgrade[i].rate_desc) +'\
                                    </span>\
                                </div>\
                                   </div>\
                                </div>\
                            </div>\
                            </a>\
                            <div class="vl"></div>\
                             <a  class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datakolupgrade[i + 1].id + '&p_t=3" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="../dist/images/No_image_available.svg">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datakolupgrade[i + 1].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datakolupgrade[i + 1]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> ارتقای ایمنی راه </p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle">'+ datakolupgrade[i + 1].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                                                        <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> '+ datakolupgrade[i + 1].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                     <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                            <p class="pstyle">'+ showprojectstat(datakolupgrade[i + 1].project_status) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                    <div class="paragraphsecond">\
                                    <p class="pcolor"> عنوان پروژه : </p>\
                                    <p class="pstyle"> ' + datakolupgrade[i+1].project_name + ' </p>\
                                </div>\
                                <div class="showrate">\
                                <div class="divimdb">\
                                <span class="spanimdb">\
                                RMS\
                                </span>\
                                </div>\
                                <div class="ratespan">\
                                <span class="spannfirstt">\
                                '+ showratekol(datakolupgrade[i+1].rate) +'\
                                </span>\
                                <div class="divfive">\
                                <span>\
                                /\
                                </span>\
                                <span>\
                                3\
                                </span>\
                                </div>\
                                    </div>\
                                    <img src="../dist/images/star.svg">\
                                    <span class="spannsecond">\
                                    '+showratedesc(datakolupgrade[i+1].rate_desc) +'\
                                    </span>\
                                </div>\
                                   </div>\
                                </div>\
                            </div>\
                            </a>\
                        </li>'
                }
             
            }
          
        }
        else {
            if (i + 1 >= datakolupgrade.length) {
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datakolupgrade[i].id + '&p_t=3" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datakolupgrade[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datakolupgrade[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> ارتقای ایمنی راه </p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle">'+ datakolupgrade[i].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                                  <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> '+ datakolupgrade[i].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                             <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                    <p class="pstyle">'+ showprojectstat(datakolupgrade[i].project_status) + '</p>\
                                </div>\
                             </div>\
                             <div class="textshown">\
                             <div class="paragraphsecond">\
                             <p class="pcolor"> عنوان پروژه : </p>\
                             <p class="pstyle"> ' + datakolupgrade[i].project_name + ' </p>\
                         </div>\
                         <div class="showrate">\
                         <div class="divimdb">\
                         <span class="spanimdb">\
                         RMS\
                         </span>\
                         </div>\
                         <div class="ratespan">\
                         <span class="spannfirstt">\
                         ' +showratekol(datakolupgrade[i].rate)+ '\
                         </span>\
                         <div class="divfive">\
                         <span>\
                         /\
                         </span>\
                         <span>\
                         3\
                         </span>\
                         </div>\
                             </div>\
                             <img src="../dist/images/star.svg">\
                             <span class="spannsecond">\
                             '+showratedesc(datakolupgrade[i].rate_desc) +'\
                             </span>\
                         </div>\
                            </div>\
                        </div>\
                    </div>\
                    </a>\
                    </li>'
            }
            else {
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datakolupgrade[i].id + '&p_t=3" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datakolupgrade[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datakolupgrade[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> ارتقای ایمنی راه </p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle">'+ datakolupgrade[i].contract_date + '</p>\
                            </div>\
                            </div>\
                             <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> '+ datakolupgrade[i].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                    <p class="pstyle">'+ showprojectstat(datakolupgrade[i].project_status) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                            <div class="paragraphsecond">\
                            <p class="pcolor"> عنوان پروژه : </p>\
                            <p class="pstyle"> ' + datakolupgrade[i].project_name + ' </p>\
                        </div>\
                        <div class="showratee">\
                        <div class="divimdb">\
                        <span class="spanimdb">\
                        RMS\
                        </span>\
                        </div>\
                        <div class="ratespan">\
                        <span class="spannfirstt">\
                        '+showratekol(datakolupgrade[i].rate) +'\
                        </span>\
                        <div class="divfive">\
                        <span>\
                        /\
                        </span>\
                        <span>\
                        3\
                        </span>\
                        </div>\
                            </div>\
                            <img src="../dist/images/star.svg">\
                            <span class="spannsecond">\
                            '+showratedesc(datakolupgrade[i].rate_desc) +'\
                            </span>\
                        </div>\
                           </div>\
                        </div>\
                    </div>\
                    </a>\
                      <div class="vl"></div>\
                     <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datakolupgrade[i+1].id + '&p_t=3" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datakolupgrade[i+1].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datakolupgrade[i+1]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> ارتقای ایمنی راه </p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle">'+ datakolupgrade[i+1].contract_date + '</p>\
                            </div>\
                            </div>\
                             <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> '+ datakolupgrade[i+1].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                    <p class="pstyle">'+ showprojectstat(datakolupgrade[i+1].project_status) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                            <div class="paragraphsecond">\
                            <p class="pcolor"> عنوان پروژه : </p>\
                            <p class="pstyle"> ' + datakolupgrade[i+1].project_name + ' </p>\
                        </div>\
                        <div class="showrate">\
                        <div class="divimdb">\
                        <span class="spanimdb">\
                        RMS\
                        </span>\
                        </div>\
                        <div class="ratespan">\
                        <span class="spannfirstt">\
                        '+showratekol(datakolupgrade[i+1].rate) +'\
                        </span>\
                        <div class="divfive">\
                        <span>\
                        /\
                        </span>\
                        <span>\
                        3\
                        </span>\
                        </div>\
                            </div>\
                            <img src="../dist/images/star.svg">\
                            <span class="spannsecond">\
                            '+showratedesc(datakolupgrade[i+1].rate_desc) +'\
                            </span>\
                        </div>\
                           </div>\
                        </div>\
                    </div>\
                    </a>\
                </li>'
            }
           
        }

        $("#exampleshowpage").append(lidata)
    }
    for (var i = 0; i < datadanger_prevention.length; i=i+2) {
        if (datadanger_prevention[i].path != null) {
            if (i + 1 >= datadanger_prevention.length) {
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datadanger_prevention[i].id + '&p_t=2" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="https://rms.rmto.ir/storage'+ datadanger_prevention[i].path.slice(6) + '">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle">'+ datadanger_prevention[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datadanger_prevention[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> رفع نقاط حادثه خیز / پر تصادف</p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle">' + datadanger_prevention[i].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> ' + datadanger_prevention[i].axis_name + '</p>\
                                </div>\
                            </div>\
                                <div class="textshown">\
                                <div class="paragraphsecond">\
                                <p class="pcolor"> عنوان پروژه : </p>\
                                <p class="pstyle"> ' + datadanger_prevention[i].project_name + ' </p>\
                            </div>\
                               </div>\
                               <div class="textshown">\
                               <div class="paragraphsecond">\
                                     <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                   <p class="pstyle">'+ showprojectstat(datadanger_prevention[i].project_status) + '</p>\
                                 </div>\
                                 </div>\
                        </div>\
                    </div>\
                    </a>\
                </li>'
            }
            else {
                if (datadanger_prevention[i+1].path != null) {
                    var lidata = '<li class="content">\
                    <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datadanger_prevention[i].id + '&p_t=2" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datadanger_prevention[i].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle">'+ datadanger_prevention[i].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datadanger_prevention[i]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> رفع نقاط حادثه خیز / پر تصادف</p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle">' + datadanger_prevention[i].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> ' + datadanger_prevention[i].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                        <div class="textshown">\
                                        <div class="paragraphsecond">\
                                        <p class="pcolor"> عنوان پروژه : </p>\
                                        <p class="pstyle"> ' + datadanger_prevention[i].project_name + ' </p>\
                                    </div>\
                                       </div>\
                                       <div class="textshown">\
                                       <div class="paragraphsecond">\
                                              <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                            <p class="pstyle">'+ showprojectstat(datadanger_prevention[i].project_status) + '</p>\
                                          </div>\
                                        </div>\
                                </div>\
                            </div>\
                            </a>\
                              <div class="vl"></div>\
                             <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datadanger_prevention[i+1].id + '&p_t=2" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datadanger_prevention[i+1].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle">'+ datadanger_prevention[i+1].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datadanger_prevention[i+1]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> رفع نقاط حادثه خیز / پر تصادف</p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle">' + datadanger_prevention[i+1].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                         <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> ' + datadanger_prevention[i + 1].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                     <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                          <p class="pstyle">'+ showprojectstat(datadanger_prevention[i+1].project_status) + '</p>\
                                        </div>\
                                          </div>\
                                          <div class="textshown">\
                                          <div class="paragraphsecond">\
                                          <p class="pcolor"> عنوان پروژه : </p>\
                                          <p class="pstyle"> ' + datadanger_prevention[i+1].project_name + ' </p>\
                                      </div>\
                                      <div class="showrate">\
                                      <div class="divimdb">\
                                      <span class="spanimdb">\
                                      RMS\
                                      </span>\
                                      </div>\
                                      <div class="ratespan">\
                                      <span class="spannfirstt">\
                                      '+ showratekol(datadanger_prevention[i+1].rate) +'\
                                      </span>\
                                      <div class="divfive">\
                                      <span>\
                                      /\
                                      </span>\
                                      <span>\
                                      3\
                                      </span>\
                                      </div>\
                                          </div>\
                                          <img src="../dist/images/star.svg">\
                                          <span class="spannsecond">\
                                          '+showratedesc(datadanger_prevention[i+1].rate_desc) +'\
                                          </span>\
                                      </div>\
                                         </div>\
                                </div>\
                            </div>\
                            </a>\
                        </li>'
                }
                else {
                    var lidata = '<li class="content">\
                    <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datadanger_prevention[i].id + '&p_t=2" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datadanger_prevention[i].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle">'+ datadanger_prevention[i].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datadanger_prevention[i]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> رفع نقاط حادثه خیز / پر تصادف</p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle">' + datadanger_prevention[i].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> ' + datadanger_prevention[i].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                        <div class="textshown">\
                                        <div class="paragraphsecond">\
                                        <p class="pcolor"> عنوان پروژه : </p>\
                                        <p class="pstyle"> ' + datadanger_prevention[i].project_name + ' </p>\
                                    </div>\
                                       </div>\
                                       <div class="textshown">\
                                     <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                          <p class="pstyle">'+ showprojectstat(datadanger_prevention[i].project_status) + '</p>\
                                        </div>\
                                        </div>\
                                </div>\
                            </div>\
                            </a>\
                              <div class="vl"></div>\
                             <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datadanger_prevention[i+1].id + '&p_t=2" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="../dist/images/No_image_available.svg">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle">'+ datadanger_prevention[i+1].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datadanger_prevention[i+1]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> رفع نقاط حادثه خیز / پر تصادف</p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle">' + datadanger_prevention[i+1].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                         <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> ' + datadanger_prevention[i+1].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                     <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                          <p class="pstyle">'+ showprojectstat(datadanger_prevention[i+1].project_status) + '</p>\
                                        </div>\
                                          </div>\
                                          <div class="textshown">\
                                          <div class="paragraphsecond">\
                                          <p class="pcolor"> عنوان پروژه : </p>\
                                          <p class="pstyle"> ' + datadanger_prevention[i+1].project_name + ' </p>\
                                      </div>\
                                      <div class="showrate">\
                                      <div class="divimdb">\
                                      <span class="spanimdb">\
                                      RMS\
                                      </span>\
                                      </div>\
                                      <div class="ratespan">\
                                      <span class="spannfirstt">\
                                      '+ showratekol(datadanger_prevention[i+1].rate) +'\
                                      </span>\
                                      <div class="divfive">\
                                      <span>\
                                      /\
                                      </span>\
                                      <span>\
                                      3\
                                      </span>\
                                      </div>\
                                          </div>\
                                          <img src="../dist/images/star.svg">\
                                          <span class="spannsecond">\
                                          '+showratedesc(datadanger_prevention[i+1].rate_desc) +'\
                                          </span>\
                                      </div>\
                                         </div>\
                                </div>\
                            </div>\
                            </a>\
                        </li>'

                }
               
            }
          
        }
        else {
            if (i + 1 >= datadanger_prevention.length){
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datadanger_prevention[i].id + '&p_t=2" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle">'+ datadanger_prevention[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datadanger_prevention[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> رفع نقاط حادثه خیز / پر تصادف</p>\
                                </div>\
                                <div class="paragraphshown">\
                                    <p class="pcolor"> تاریخ شروع :</p>\
                                    <p class="pstyle">' + datadanger_prevention[i].contract_date + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                  <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> ' + datadanger_prevention[i].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                             <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                  <p class="pstyle">'+ showprojectstat(datadanger_prevention[i].project_status) + '</p>\
                                </div>\
                               </div>\
                               <div class="textshown">\
                               <div class="paragraphsecond">\
                               <p class="pcolor"> عنوان پروژه : </p>\
                               <p class="pstyle"> ' + datadanger_prevention[i].project_name + ' </p>\
                           </div>\
                           <div class="showrate">\
                           <div class="divimdb">\
                           <span class="spanimdb">\
                           RMS\
                           </span>\
                           </div>\
                           <div class="ratespan">\
                           <span class="spannfirstt">\
                           '+ showratekol(datadanger_prevention[i].rate) +'\
                           </span>\
                           <div class="divfive">\
                           <span>\
                           /\
                           </span>\
                           <span>\
                           3\
                           </span>\
                           </div>\
                               </div>\
                               <img src="../dist/images/star.svg">\
                               <span class="spannsecond">\
                               '+showratedesc(datadanger_prevention[i].rate_desc) +'\
                               </span>\
                           </div>\
                              </div>\
                        </div>\
                    </div>\
                    </a>\
                    </li>'
            }
            else {
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datadanger_prevention[i].id + '&p_t=2" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle">'+ datadanger_prevention[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datadanger_prevention[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> رفع نقاط حادثه خیز / پر تصادف</p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle">' + datadanger_prevention[i].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> ' + datadanger_prevention[i].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                             <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                  <p class="pstyle">'+ showprojectstat(datadanger_prevention[i].project_status) + '</p>\
                                </div>\
                                  </div>\
                                  <div class="textshown">\
                                  <div class="paragraphsecond">\
                                  <p class="pcolor"> عنوان پروژه : </p>\
                                  <p class="pstyle"> ' + datadanger_prevention[i].project_name + ' </p>\
                              </div>\
                              <div class="showratee">\
                              <div class="divimdb">\
                              <span class="spanimdb">\
                              RMS\
                              </span>\
                              </div>\
                              <div class="ratespan">\
                              <span class="spannfirstt">\
                              '+ showratekol(datadanger_prevention[i].rate) +'\
                              </span>\
                              <div class="divfive">\
                              <span>\
                              /\
                              </span>\
                              <span>\
                              3\
                              </span>\
                              </div>\
                                  </div>\
                                  <img src="../dist/images/star.svg">\
                                  <span class="spannsecond">\
                                  '+showratedesc(datadanger_prevention[i].rate_desc) +'\
                                  </span>\
                              </div>\
                                 </div>\
                        </div>\
                    </div>\
                    </a>\
                      <div class="vl"></div>\
                <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datadanger_prevention[i + 1].id + '&p_t=2" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle">'+ datadanger_prevention[i + 1].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datadanger_prevention[i + 1]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> رفع نقاط حادثه خیز / پر تصادف</p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle">' + datadanger_prevention[i+1].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> ' + datadanger_prevention[i + 1].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                              <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                  <p class="pstyle">'+ showprojectstat(datadanger_prevention[i + 1].project_status) + '</p>\
                                </div>\
                                 </div>\
                                 <div class="textshown">\
                                 <div class="paragraphsecond">\
                                 <p class="pcolor"> عنوان پروژه : </p>\
                                 <p class="pstyle"> ' + datadanger_prevention[i+1].project_name + ' </p>\
                             </div>\
                             <div class="showrate">\
                             <div class="divimdb">\
                             <span class="spanimdb">\
                             RMS\
                             </span>\
                             </div>\
                             <div class="ratespan">\
                             <span class="spannfirstt">\
                             '+ showratekol(datadanger_prevention[i+1].rate) +'\
                             </span>\
                             <div class="divfive">\
                             <span>\
                             /\
                             </span>\
                             <span>\
                             3\
                             </span>\
                             </div>\
                                 </div>\
                                 <img src="../dist/images/star.svg">\
                                 <span class="spannsecond">\
                                 '+showratedesc(datadanger_prevention[i+1].rate_desc) +'\
                                 </span>\
                             </div>\
                                </div>\
                        </div>\
                    </div>\
                    </a>\
                </li>'
            }
           
        }
        // console.log("pitikoooooo", datakolupgrade[i].cities[0].name)

        $("#exampleshowpage").append(lidata)
    }
    for (var i = 0; i < datatechnical_building.length; i=i+2) {
        if (datatechnical_building[i].path != null) {
            if (i + 1 >= datatechnical_building.length ) {
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatechnical_building[i].id + '&p_t=4" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="https://rms.rmto.ir/storage'+ datatechnical_building[i].path.slice(6) + '">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datatechnical_building[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datatechnical_building[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle">  ابنیه فنی (نگهداری و ساخت) </p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle">'+ datatechnical_building[i].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor"> تاریخ شروع :</p>\
                                    <p class="pstyle">'+ datatechnical_building[i].contract_date + '</p>\
                                </div>\
                               <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> '+ datatechnical_building[i].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                             <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                   <p class="pstyle">'+ showprojectstat(datatechnical_building[i].project_status) + '</p>\
                                </div>\
                                 </div>\
                                 <div class="textshown">\
                                 <div class="paragraphsecond">\
                                 <p class="pcolor"> عنوان پروژه : </p>\
                                 <p class="pstyle"> ' + datatechnical_building[i].project_name + ' </p>\
                             </div>\
                             <div class="showrate">\
                             <div class="divimdb">\
                             <span class="spanimdb">\
                             RMS\
                             </span>\
                             </div>\
                             <div class="ratespan">\
                             <span class="spannfirstt">\
                             '+ showratekol(datatechnical_building[i].rate) +'\
                             </span>\
                             <div class="divfive">\
                             <span>\
                             /\
                             </span>\
                             <span>\
                             3\
                             </span>\
                             </div>\
                                 </div>\
                                 <img src="../dist/images/star.svg">\
                                 <span class="spannsecond">\
                                 '+showratedesc(datatechnical_building[i].rate_desc) +'\
                                 </span>\
                             </div>\
                                </div>\
                        </div>\
                    </div>\
                    </a>\
                </li>'
            }
            else {
                if (datatechnical_building[i+1].path!=null) {
                    var lidata = '<li class="content">\
                    <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatechnical_building[i].id + '&p_t=4" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datatechnical_building[i].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datatechnical_building[i].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datatechnical_building[i]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle">  ابنیه فنی (نگهداری و ساخت) </p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle">'+ datatechnical_building[i].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> '+ datatechnical_building[i].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                      <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                           <p class="pstyle">'+ showprojectstat(datatechnical_building[i].project_status) + '</p>\
                                        </div>\
                                        </div>\
                                        <div class="textshown">\
                                        <div class="paragraphsecond">\
                                        <p class="pcolor"> عنوان پروژه : </p>\
                                        <p class="pstyle"> ' + datatechnical_building[i].project_name + ' </p>\
                                    </div>\
                                    <div class="showratee">\
                                    <div class="divimdb">\
                                    <span class="spanimdb">\
                                    RMS\
                                    </span>\
                                    </div>\
                                    <div class="ratespan">\
                                    <span class="spannfirstt">\
                                    '+ showratekol(datatechnical_building[i].rate) +'\
                                    </span>\
                                    <div class="divfive">\
                                    <span>\
                                    /\
                                    </span>\
                                    <span>\
                                    3\
                                    </span>\
                                    </div>\
                                        </div>\
                                        <img src="../dist/images/star.svg">\
                                        <span class="spannsecond">\
                                        '+showratedesc(datatechnical_building[i].rate_desc) +'\
                                        </span>\
                                    </div>\
                                       </div>\
                                </div>\
                            </div>\
                            </a>\
                              <div class="vl"></div>\
                              <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatechnical_building[i+1].id + '&p_t=4" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datatechnical_building[i+1].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datatechnical_building[i + 1].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datatechnical_building[i + 1]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle">  ابنیه فنی (نگهداری و ساخت) </p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                            <p class="pcolor"> تاریخ شروع :</p>\
                                            <p class="pstyle">'+ datatechnical_building[i+1].contract_date + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor"> تاریخ شروع :</p>\
                                            <p class="pstyle">'+ datatechnical_building[i+1].contract_date + '</p>\
                                        </div>\
                                          <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> '+ datatechnical_building[i+1].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                    <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                           <p class="pstyle">'+ showprojectstat(datatechnical_building[i+1].project_status) + '</p>\
                                        </div>\
                                      </div>\
                                      <div class="textshown">\
                                      <div class="paragraphsecond">\
                                      <p class="pcolor"> عنوان پروژه : </p>\
                                      <p class="pstyle"> ' + datatechnical_building[i+1].project_name + ' </p>\
                                  </div>\
                                  <div class="showrate">\
                                  <div class="divimdb">\
                                  <span class="spanimdb">\
                                  RMS\
                                  </span>\
                                  </div>\
                                  <div class="ratespan">\
                                  <span class="spannfirstt">\
                                  '+ showratekol(datatechnical_building[i+1].rate) +'\
                                  </span>\
                                  <div class="divfive">\
                                  <span>\
                                  /\
                                  </span>\
                                  <span>\
                                  3\
                                  </span>\
                                  </div>\
                                      </div>\
                                      <img src="../dist/images/star.svg">\
                                      <span class="spannsecond">\
                                      '+showratedesc(datatechnical_building[i+1].rate_desc) +'\
                                      </span>\
                                  </div>\
                                     </div>\
                                </div>\
                            </div>\
                            </a>\
                        </li>'
                }
                else {
                    var lidata = '<li class="content">\
                    <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatechnical_building[i].id + '&p_t=4" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datatechnical_building[i].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datatechnical_building[i].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datatechnical_building[i]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle">  ابنیه فنی (نگهداری و ساخت) </p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle">'+ datatechnical_building[i].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> '+ datatechnical_building[i].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                      <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                           <p class="pstyle">'+ showprojectstat(datatechnical_building[i].project_status) + '</p>\
                                        </div>\
                                        </div>\
                                        <div class="textshown">\
                                        <div class="paragraphsecond">\
                                        <p class="pcolor"> عنوان پروژه : </p>\
                                        <p class="pstyle"> ' + datatechnical_building[i].project_name + ' </p>\
                                    </div>\
                                    <div class="showratee">\
                                    <div class="divimdb">\
                                    <span class="spanimdb">\
                                    RMS\
                                    </span>\
                                    </div>\
                                    <div class="ratespan">\
                                    <span class="spannfirstt">\
                                    '+ showratekol(datatechnical_building[i].rate) +'\
                                    </span>\
                                    <div class="divfive">\
                                    <span>\
                                    /\
                                    </span>\
                                    <span>\
                                    3\
                                    </span>\
                                    </div>\
                                        </div>\
                                        <img src="../dist/images/star.svg">\
                                        <span class="spannsecond">\
                                        '+showratedesc(datatechnical_building[i].rate_desc) +'\
                                        </span>\
                                    </div>\
                                       </div>\
                                </div>\
                            </div>\
                            </a>\
                              <div class="vl"></div>\
                              <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatechnical_building[i+1].id + '&p_t=4" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="../dist/images/No_image_available.svg">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datatechnical_building[i + 1].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datatechnical_building[i + 1]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle">  ابنیه فنی (نگهداری و ساخت) </p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                            <p class="pcolor"> تاریخ شروع :</p>\
                                            <p class="pstyle">'+ datatechnical_building[i + 1].contract_date + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor"> تاریخ شروع :</p>\
                                            <p class="pstyle">'+ datatechnical_building[i + 1].contract_date + '</p>\
                                        </div>\
                                          <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> '+ datatechnical_building[i + 1].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                    <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                           <p class="pstyle">'+ showprojectstat(datatechnical_building[i + 1].project_status) + '</p>\
                                        </div>\
                                      </div>\
                                      <div class="textshown">\
                                      <div class="paragraphsecond">\
                                      <p class="pcolor"> عنوان پروژه : </p>\
                                      <p class="pstyle"> ' + datatechnical_building[i+1].project_name + ' </p>\
                                  </div>\
                                  <div class="showrate">\
                                  <div class="divimdb">\
                                  <span class="spanimdb">\
                                  RMS\
                                  </span>\
                                  </div>\
                                  <div class="ratespan">\
                                  <span class="spannfirstt">\
                                  '+ showratekol(datatechnical_building[i+1].rate) +'\
                                  </span>\
                                  <div class="divfive">\
                                  <span>\
                                  /\
                                  </span>\
                                  <span>\
                                  3\
                                  </span>\
                                  </div>\
                                      </div>\
                                      <img src="../dist/images/star.svg">\
                                      <span class="spannsecond">\
                                      '+showratedesc(datatechnical_building[i+1].rate_desc) +'\
                                      </span>\
                                  </div>\
                                     </div>\
                                </div>\
                            </div>\
                            </a>\
                        </li>'
                }
                
            }
           
        }
        else {
            if (i + 1 >= datatechnical_building.length) {
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatechnical_building[i].id + '&p_t=4" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datatechnical_building[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datatechnical_building[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle">  ابنیه فنی (نگهداری و ساخت) </p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle">'+ datatechnical_building[i].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                              <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> '+ datatechnical_building[i].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                   <p class="pstyle">'+ showprojectstat(datatechnical_building[i].project_status) + '</p>\
                                </div>\
                                 </div>\
                                 <div class="textshown">\
                                 <div class="paragraphsecond">\
                                 <p class="pcolor"> عنوان پروژه : </p>\
                                 <p class="pstyle"> ' + datatechnical_building[i].project_name + ' </p>\
                             </div>\
                             <div class="showrate">\
                             <div class="divimdb">\
                             <span class="spanimdb">\
                             RMS\
                             </span>\
                             </div>\
                             <div class="ratespan">\
                             <span class="spannfirstt">\
                             '+ showratekol(datatechnical_building[i].rate) +'\
                             </span>\
                             <div class="divfive">\
                             <span>\
                             /\
                             </span>\
                             <span>\
                             3\
                             </span>\
                             </div>\
                                 </div>\
                                 <img src="../dist/images/star.svg">\
                                 <span class="spannsecond">\
                                 '+showratedesc(datatechnical_building[i].rate_desc) +'\
                                 </span>\
                             </div>\
                                </div>\
                        </div>\
                    </div>\
                    </a>\
                </li>'
            }
            else {
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatechnical_building[i].id + '&p_t=4" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datatechnical_building[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datatechnical_building[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle">  ابنیه فنی (نگهداری و ساخت) </p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle">'+ datatechnical_building[i].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                                  <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> '+ datatechnical_building[i].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                             <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                   <p class="pstyle">'+ showprojectstat(datatechnical_building[i].project_status) + '</p>\
                                </div>\
                             </div>\
                             <div class="textshown">\
                             <div class="paragraphsecond">\
                             <p class="pcolor"> عنوان پروژه : </p>\
                             <p class="pstyle"> ' + datatechnical_building[i].project_name + ' </p>\
                         </div>\
                         <div class="showratee">\
                         <div class="divimdb">\
                         <span class="spanimdb">\
                         RMS\
                         </span>\
                         </div>\
                         <div class="ratespan">\
                         <span class="spannfirstt">\
                         '+ showratekol(datatechnical_building[i].rate) +'\
                         </span>\
                         <div class="divfive">\
                         <span>\
                         /\
                         </span>\
                         <span>\
                         3\
                         </span>\
                         </div>\
                             </div>\
                             <img src="../dist/images/star.svg">\
                             <span class="spannsecond">\
                             '+showratedesc(datatechnical_building[i].rate_desc) +'\
                             </span>\
                         </div>\
                            </div>\
                        </div>\
                    </div>\
                    </a>\
                      <div class="vl"></div>\
                      <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatechnical_building[i+1].id + '&p_t=4" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datatechnical_building[i+1].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datatechnical_building[i+1]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle">  ابنیه فنی (نگهداری و ساخت) </p>\
                                </div>\
                                <div class="paragraphshown">\
                                    <p class="pcolor"> تاریخ شروع :</p>\
                                    <p class="pstyle">'+ datatechnical_building[i+1].contract_date + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                 <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> '+ datatechnical_building[i + 1].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                             <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                   <p class="pstyle">'+ showprojectstat(datatechnical_building[i+1].project_status) + '</p>\
                                </div>\
                               </div>\
                               <div class="textshown">\
                               <div class="paragraphsecond">\
                               <p class="pcolor"> عنوان پروژه : </p>\
                               <p class="pstyle"> ' + datatechnical_building[i+1].project_name + ' </p>\
                           </div>\
                           <div class="showrate">\
                           <div class="divimdb">\
                           <span class="spanimdb">\
                           RMS\
                           </span>\
                           </div>\
                           <div class="ratespan">\
                           <span class="spannfirstt">\
                           '+ showratekol(datatechnical_building[i+1].rate) +'\
                           </span>\
                           <div class="divfive">\
                           <span>\
                           /\
                           </span>\
                           <span>\
                           3\
                           </span>\
                           </div>\
                               </div>\
                               <img src="../dist/images/star.svg">\
                               <span class="spannsecond">\
                               '+showratedesc(datatechnical_building[i+1].rate_desc) +'\
                               </span>\
                           </div>\
                              </div>\
                        </div>\
                    </div>\
                    </a>\
                </li>'

            }
           
        }

        $("#exampleshowpage").append(lidata)
    }
    for (var i = 0; i < datamaintenance_project.length; i=i+2) {
        if (datamaintenance_project[i].path != null) {
            if (i + 1 >= datamaintenance_project.length) {
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datamaintenance_project[i].id + '&p_t=1" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="https://rms.rmto.ir/storage'+ datamaintenance_project[i].path.slice(6) + '">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datamaintenance_project[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datamaintenance_project[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> روکش آسفالت (نگهداری راه ها)</p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle"> '+ datamaintenance_project[i].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                              <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> '+ datamaintenance_project[i].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                     <p class="pstyle">'+ showprojectstat(datamaintenance_project[i].project_status) + '</p>\
                                </div>\
                              </div>\
                              <div class="textshown">\
                              <div class="paragraphsecond">\
                              <p class="pcolor"> عنوان پروژه : </p>\
                              <p class="pstyle"> ' + datamaintenance_project[i].project_name + ' </p>\
                          </div>\
                          <div class="showrate">\
                          <div class="divimdb">\
                          <span class="spanimdb">\
                          RMS\
                          </span>\
                          </div>\
                          <div class="ratespan">\
                          <span class="spannfirstt">\
                          '+ showratekol(datamaintenance_project[i].rate) +'\
                          </span>\
                          <div class="divfive">\
                          <span>\
                          /\
                          </span>\
                          <span>\
                          3\
                          </span>\
                          </div>\
                              </div>\
                              <img src="../dist/images/star.svg">\
                              <span class="spannsecond">\
                              '+showratedesc(datamaintenance_project[i].rate_desc) +'\
                              </span>\
                          </div>\
                             </div>\
                        </div>\
                    </div>\
                    </a>\
                </li>'
            }
            else {
                if (datamaintenance_project[i+1].path!=null) {
                    var lidata = '<li class="content">\
                    <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datamaintenance_project[i].id + '&p_t=1" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datamaintenance_project[i].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datamaintenance_project[i].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datamaintenance_project[i]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> روکش آسفالت (نگهداری راه ها)</p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle"> '+ datamaintenance_project[i].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                         <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> '+ datamaintenance_project[i].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                     <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                             <p class="pstyle">'+ showprojectstat(datamaintenance_project[i].project_status) + '</p>\
                                        </div>\
                                        </div>\
                                        <div class="textshown">\
                                        <div class="paragraphsecond">\
                                        <p class="pcolor"> عنوان پروژه : </p>\
                                        <p class="pstyle"> ' + datamaintenance_project[i].project_name + ' </p>\
                                    </div>\
                                    <div class="showratee">\
                                    <div class="divimdb">\
                                    <span class="spanimdb">\
                                    RMS\
                                    </span>\
                                    </div>\
                                    <div class="ratespan">\
                                    <span class="spannfirstt">\
                                    '+ showratekol(datamaintenance_project[i].rate) +'\
                                    </span>\
                                    <div class="divfive">\
                                    <span>\
                                    /\
                                    </span>\
                                    <span>\
                                    3\
                                    </span>\
                                    </div>\
                                        </div>\
                                        <img src="../dist/images/star.svg">\
                                        <span class="spannsecond">\
                                        '+showratedesc(datamaintenance_project[i].rate_desc) +'\
                                        </span>\
                                    </div>\
                                       </div>\
                                </div>\
                            </div>\
                            </a>\
                              <div class="vl"></div>\
                                        <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datamaintenance_project[i+1].id + '&p_t=1" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datamaintenance_project[i+1].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datamaintenance_project[i+1].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datamaintenance_project[i+1]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> روکش آسفالت (نگهداری راه ها)</p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle"> '+ datamaintenance_project[i+1].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                       <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> '+ datamaintenance_project[i + 1].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphsecond">\
                                        <p class="pcolor"> عنوان پروژه : </p>\
                                        <p class="pstyle"> ' + datamaintenance_project[i+1].project_name + ' </p>\
                                    </div>\
                                    <div class="showrate">\
                                    <div class="divimdb">\
                                    <span class="spanimdb">\
                                    RMS\
                                    </span>\
                                    </div>\
                                    <div class="ratespan">\
                                    <span class="spannfirstt">\
                                    '+ showratekol(datamaintenance_project[i+1].rate) +'\
                                    </span>\
                                    <div class="divfive">\
                                    <span>\
                                    /\
                                    </span>\
                                    <span>\
                                    3\
                                    </span>\
                                    </div>\
                                        </div>\
                                        <img src="../dist/images/star.svg">\
                                        <span class="spannsecond">\
                                        '+showratedesc(datamaintenance_project[i+1].rate_desc) +'\
                                        </span>\
                                    </div>\
                                       </div>\
                                </div>\
                            </div>\
                            </a>\
                        </li>'
        
                }
                else {
                    var lidata = '<li class="content">\
                    <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datamaintenance_project[i].id + '&p_t=1" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datamaintenance_project[i].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datamaintenance_project[i].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datamaintenance_project[i]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> روکش آسفالت (نگهداری راه ها)</p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle"> '+ datamaintenance_project[i].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                         <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> '+ datamaintenance_project[i].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                     <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                             <p class="pstyle">'+ showprojectstat(datamaintenance_project[i].project_status) + '</p>\
                                        </div>\
                                        </div>\
                                        <div class="textshown">\
                                        <div class="paragraphsecond">\
                                        <p class="pcolor"> عنوان پروژه : </p>\
                                        <p class="pstyle"> ' + datamaintenance_project[i].project_name + ' </p>\
                                    </div>\
                                    <div class="showratee">\
                                    <div class="divimdb">\
                                    <span class="spanimdb">\
                                    RMS\
                                    </span>\
                                    </div>\
                                    <div class="ratespan">\
                                    <span class="spannfirstt">\
                                    '+ showratekol(datamaintenance_project[i].rate) +'\
                                    </span>\
                                    <div class="divfive">\
                                    <span>\
                                    /\
                                    </span>\
                                    <span>\
                                    3\
                                    </span>\
                                    </div>\
                                        </div>\
                                        <img src="../dist/images/star.svg">\
                                        <span class="spannsecond">\
                                        '+showratedesc(datamaintenance_project[i].rate_desc) +'\
                                        </span>\
                                    </div>\
                                       </div>\
                                </div>\
                            </div>\
                            </a>\
                              <div class="vl"></div>\
                                        <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datamaintenance_project[i+1].id + '&p_t=1" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="../dist/images/No_image_available.svg">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datamaintenance_project[i+1].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datamaintenance_project[i+1]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> روکش آسفالت (نگهداری راه ها)</p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle"> '+ datamaintenance_project[i+1].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                       <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle"> '+ datamaintenance_project[i + 1].axis_name + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphsecond">\
                                        <p class="pcolor"> عنوان پروژه : </p>\
                                        <p class="pstyle"> ' + datamaintenance_project[i+1].project_name + ' </p>\
                                    </div>\
                                    <div class="showrate">\
                                    <div class="divimdb">\
                                    <span class="spanimdb">\
                                    RMS\
                                    </span>\
                                    </div>\
                                    <div class="ratespan">\
                                    <span class="spannfirstt">\
                                    '+ showratekol(datamaintenance_project[i+1].rate) +'\
                                    </span>\
                                    <div class="divfive">\
                                    <span>\
                                    /\
                                    </span>\
                                    <span>\
                                    3\
                                    </span>\
                                    </div>\
                                        </div>\
                                        <img src="../dist/images/star.svg">\
                                        <span class="spannsecond">\
                                        '+showratedesc(datamaintenance_project[i+1].rate_desc) +'\
                                        </span>\
                                    </div>\
                                       </div>\
                                </div>\
                            </div>\
                            </a>\
                        </li>'
        

                }
               
            }
           
        }
        else {
            if (i + 1 >= datamaintenance_project.length ) {
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datamaintenance_project[i].id + '&p_t=1" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datamaintenance_project[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datamaintenance_project[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> روکش آسفالت (نگهداری راه ها)</p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle"> '+ datamaintenance_project[i].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> '+ datamaintenance_project[i].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                            <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                     <p class="pstyle">'+ showprojectstat(datamaintenance_project[i].project_status) + '</p>\
                                </div>\
                                  </div>\
                                  <div class="textshown">\
                                  <div class="paragraphsecond">\
                                  <p class="pcolor"> عنوان پروژه : </p>\
                                  <p class="pstyle"> ' + datamaintenance_project[i].project_name + ' </p>\
                              </div>\
                              <div class="showrate">\
                              <div class="divimdb">\
                              <span class="spanimdb">\
                              RMS\
                              </span>\
                              </div>\
                              <div class="ratespan">\
                              <span class="spannfirstt">\
                              '+ showratekol(datamaintenance_project[i].rate) +'\
                              </span>\
                              <div class="divfive">\
                              <span>\
                              /\
                              </span>\
                              <span>\
                              3\
                              </span>\
                              </div>\
                                  </div>\
                                  <img src="../dist/images/star.svg">\
                                  <span class="spannsecond">\
                                  '+showratedesc(datamaintenance_project[i].rate_desc) +'\
                                  </span>\
                              </div>\
                                 </div>\
                        </div>\
                    </div>\
                    </a>\
                </li>'
            }
            else {
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datamaintenance_project[i].id + '&p_t=1" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datamaintenance_project[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datamaintenance_project[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> روکش آسفالت (نگهداری راه ها)</p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle"> '+ datamaintenance_project[i].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> '+ datamaintenance_project[i].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                             <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                     <p class="pstyle">'+ showprojectstat(datamaintenance_project[i].project_status) + '</p>\
                                </div>\
                                 </div>\
                                 <div class="textshown">\
                                 <div class="paragraphsecond">\
                                 <p class="pcolor"> عنوان پروژه : </p>\
                                 <p class="pstyle"> ' + datamaintenance_project[i].project_name + ' </p>\
                             </div>\
                             <div class="showratee">\
                             <div class="divimdb">\
                             <span class="spanimdb">\
                             RMS\
                             </span>\
                             </div>\
                             <div class="ratespan">\
                             <span class="spannfirstt">\
                             '+ showratekol(datamaintenance_project[i].rate) +'\
                             </span>\
                             <div class="divfive">\
                             <span>\
                             /\
                             </span>\
                             <span>\
                             3\
                             </span>\
                             </div>\
                                 </div>\
                                 <img src="../dist/images/star.svg">\
                                 <span class="spannsecond">\
                                 '+showratedesc(datamaintenance_project[i].rate_desc) +'\
                                 </span>\
                             </div>\
                                </div>\
                        </div>\
                    </div>\
                    </a>\
                      <div class="vl"></div>\
                     <a  class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datamaintenance_project[i+1].id + '&p_t=1" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datamaintenance_project[i+1].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datamaintenance_project[i+1]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> روکش آسفالت (نگهداری راه ها)</p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle"> '+ datamaintenance_project[i+1].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle"> '+ datamaintenance_project[i + 1].axis_name + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                             <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                     <p class="pstyle">'+ showprojectstat(datamaintenance_project[i+1].project_status) + '</p>\
                                </div>\
                                 </div>\
                                 <div class="textshown">\
                                 <div class="paragraphsecond">\
                                 <p class="pcolor"> عنوان پروژه : </p>\
                                 <p class="pstyle"> ' + datamaintenance_project[i+1].project_name + ' </p>\
                             </div>\
                             <div class="showrate">\
                             <div class="divimdb">\
                             <span class="spanimdb">\
                             RMS\
                             </span>\
                             </div>\
                             <div class="ratespan">\
                             <span class="spannfirstt">\
                             '+ showratekol(datamaintenance_project[i+1].rate) +'\
                             </span>\
                             <div class="divfive">\
                             <span>\
                             /\
                             </span>\
                             <span>\
                             3\
                             </span>\
                             </div>\
                                 </div>\
                                 <img src="../dist/images/star.svg">\
                                 <span class="spannsecond">\
                                 '+showratedesc(datamaintenance_project[i+1].rate_desc) +'\
                                 </span>\
                             </div>\
                                </div>\
                        </div>\
                    </div>\
                    </a>\
                </li>'

            }
           
        }

        $("#exampleshowpage").append(lidata)
    }
    for (var i = 0; i < datatollhouse_management.length; i=i+2) {
      
        if (datatollhouse_management[i].path != null) {
            if (i + 1 >= datatollhouse_management.length) {
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatollhouse_management[i].id + '&p_t=5" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="https://rms.rmto.ir/storage'+ datatollhouse_management[i].path.slice(6) + '">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datatollhouse_management[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datatollhouse_management[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> راهدارخانه ها (بهسازی و نوسازی )</p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle"> '+ datatollhouse_management[i].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle">'+ datatollhouse_management[i].axis_name + ' </p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                             <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                    <p class="pstyle">'+ showprojectstat(datatollhouse_management[i].project_status) + '</p>\
                                </div>\
                                </div>\
                                <div class="textshown">\
                                <div class="paragraphsecond">\
                                <p class="pcolor"> عنوان پروژه : </p>\
                                <p class="pstyle"> ' + datatollhouse_management[i].project_name + ' </p>\
                            </div>\
                            <div class="showrate">\
                            <div class="divimdb">\
                            <span class="spanimdb">\
                            RMS\
                            </span>\
                            </div>\
                            <div class="ratespan">\
                            <span class="spannfirstt">\
                            '+ showratekol(datatollhouse_management[i].rate) +'\
                            </span>\
                            <div class="divfive">\
                            <span>\
                            /\
                            </span>\
                            <span>\
                            3\
                            </span>\
                            </div>\
                                </div>\
                                <img src="../dist/images/star.svg">\
                                <span class="spannsecond">\
                                '+showratedesc(datatollhouse_management[i].rate_desc) +'\
                                </span>\
                            </div>\
                               </div>\
                        </div>\
                    </div>\
                    </a>\
                </li>'
            }
            else {
                if (datatollhouse_management[i+1].path!=null) {
                    var lidata = '<li class="content">\
                    <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatollhouse_management[i].id + '&p_t=5" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datatollhouse_management[i].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datatollhouse_management[i].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datatollhouse_management[i]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> راهدارخانه ها (بهسازی و نوسازی )</p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle"> '+ datatollhouse_management[i].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                       <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle">'+ datatollhouse_management[i].axis_name + ' </p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                       <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                            <p class="pstyle">'+ showprojectstat(datatollhouse_management[i].project_status) + '</p>\
                                        </div>\
                                      </div>\
                                      <div class="textshown">\
                                      <div class="paragraphsecond">\
                                      <p class="pcolor"> عنوان پروژه : </p>\
                                      <p class="pstyle"> ' + datatollhouse_management[i].project_name + ' </p>\
                                  </div>\
                                  <div class="showratee">\
                                  <div class="divimdb">\
                                  <span class="spanimdb">\
                                  RMS\
                                  </span>\
                                  </div>\
                                  <div class="ratespan">\
                                  <span class="spannfirstt">\
                                  '+ showratekol(datatollhouse_management[i].rate) +'\
                                  </span>\
                                  <div class="divfive">\
                                  <span>\
                                  /\
                                  </span>\
                                  <span>\
                                  3\
                                  </span>\
                                  </div>\
                                      </div>\
                                      <img src="../dist/images/star.svg">\
                                      <span class="spannsecond">\
                                      '+showratedesc(datatollhouse_management[i].rate_desc) +'\
                                      </span>\
                                  </div>\
                                     </div>\
                                </div>\
                            </div>\
                            </a>\
                              <div class="vl"></div>\
                              <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatollhouse_management[i+1].id + '&p_t=5" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datatollhouse_management[i+1].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datatollhouse_management[i+1].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datatollhouse_management[i+1]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> راهدارخانه ها (بهسازی و نوسازی )</p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle"> '+ datatollhouse_management[i+1].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                          <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle">'+ datatollhouse_management[i + 1].axis_name + ' </p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                    <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                            <p class="pstyle">'+ showprojectstat(datatollhouse_management[i+1].project_status) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                    <div class="paragraphsecond">\
                                    <p class="pcolor"> عنوان پروژه : </p>\
                                    <p class="pstyle"> ' + datatollhouse_management[i+1].project_name + ' </p>\
                                </div>\
                                <div class="showrate">\
                                <div class="divimdb">\
                                <span class="spanimdb">\
                                RMS\
                                </span>\
                                </div>\
                                <div class="ratespan">\
                                <span class="spannfirstt">\
                                '+ showratekol(datatollhouse_management[i+1].rate) +'\
                                </span>\
                                <div class="divfive">\
                                <span>\
                                /\
                                </span>\
                                <span>\
                                3\
                                </span>\
                                </div>\
                                    </div>\
                                    <img src="../dist/images/star.svg">\
                                    <span class="spannsecond">\
                                    '+showratedesc(datatollhouse_management[i+1].rate_desc) +'\
                                    </span>\
                                </div>\
                                   </div>\
                                </div>\
                            </div>\
                            </a>\
                        </li>'
        
                }
                else {
                    var lidata = '<li class="content">\
                    <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatollhouse_management[i].id + '&p_t=5" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="https://rms.rmto.ir/storage'+ datatollhouse_management[i].path.slice(6) + '">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datatollhouse_management[i].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datatollhouse_management[i]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> راهدارخانه ها (بهسازی و نوسازی )</p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle"> '+ datatollhouse_management[i].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                       <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle">'+ datatollhouse_management[i].axis_name + ' </p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                       <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                            <p class="pstyle">'+ showprojectstat(datatollhouse_management[i].project_status) + '</p>\
                                        </div>\
                                      </div>\
                                      <div class="textshown">\
                                      <div class="paragraphsecond">\
                                      <p class="pcolor"> عنوان پروژه : </p>\
                                      <p class="pstyle"> ' + datatollhouse_management[i].project_name + ' </p>\
                                  </div>\
                                  <div class="showratee">\
                                  <div class="divimdb">\
                                  <span class="spanimdb">\
                                  RMS\
                                  </span>\
                                  </div>\
                                  <div class="ratespan">\
                                  <span class="spannfirstt">\
                                  '+ showratekol(datatollhouse_management[i].rate) +'\
                                  </span>\
                                  <div class="divfive">\
                                  <span>\
                                  /\
                                  </span>\
                                  <span>\
                                  3\
                                  </span>\
                                  </div>\
                                      </div>\
                                      <img src="../dist/images/star.svg">\
                                      <span class="spannsecond">\
                                      '+showratedesc(datatollhouse_management[i].rate_desc) +'\
                                      </span>\
                                  </div>\
                                     </div>\
                                </div>\
                            </div>\
                            </a>\
                              <div class="vl"></div>\
                              <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatollhouse_management[i+1].id + '&p_t=5" target = "_blank">\
                        <div class="showeachproject">\
                            <img class="imageshown" src="../dist/images/No_image_available.svg">\
                                <div class="showdiv">\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">اداره کل:</p>\
                                            <p class="pstyle"> '+ datatollhouse_management[i+1].province_fa + ' </p>\
                                        </div>\
                                        <div class="paragraphsecond">\
                                            <p class="pcolor"> شهرستان : </p>\
                                            <p class="pstyle"> ' + showCityy(datatollhouse_management[i+1]) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                        <div class="paragraphshown">\
                                            <p class="pcolor">پروژه :</p>\
                                            <p class="pstyle"> راهدارخانه ها (بهسازی و نوسازی )</p>\
                                        </div>\
                                        <div class="paragraphshown">\
                                        <p class="pcolor"> تاریخ شروع :</p>\
                                        <p class="pstyle"> '+ datatollhouse_management[i+1].contract_date + '</p>\
                                    </div>\
                                    </div>\
                                    <div class="textshown">\
                                          <div class="paragraphshown">\
                                            <p class="pcolor">نام محور :</p>\
                                            <p class="pstyle">'+ datatollhouse_management[i + 1].axis_name + ' </p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                    <div class="paragraphsecond">\
                                            <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                            <p class="pstyle">'+ showprojectstat(datatollhouse_management[i+1].project_status) + '</p>\
                                        </div>\
                                    </div>\
                                    <div class="textshown">\
                                    <div class="paragraphsecond">\
                                    <p class="pcolor"> عنوان پروژه : </p>\
                                    <p class="pstyle"> ' + datatollhouse_management[i+1].project_name + ' </p>\
                                </div>\
                                <div class="showrate">\
                                <div class="divimdb">\
                                <span class="spanimdb">\
                                RMS\
                                </span>\
                                </div>\
                                <div class="ratespan">\
                                <span class="spannfirstt">\
                                '+ showratekol(datatollhouse_management[i+1].rate) +'\
                                </span>\
                                <div class="divfive">\
                                <span>\
                                /\
                                </span>\
                                <span>\
                                3\
                                </span>\
                                </div>\
                                    </div>\
                                    <img src="../dist/images/star.svg">\
                                    <span class="spannsecond">\
                                    '+showratedesc(datatollhouse_management[i+1].rate_desc) +'\
                                    </span>\
                                </div>\
                                   </div>\
                                </div>\
                            </div>\
                            </a>\
                        </li>'
        

                }
              
            }

        }
        else {
            if (i + 1 >= datatollhouse_management.length ){
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatollhouse_management[i].id + '&p_t=5" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datatollhouse_management[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datatollhouse_management[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> راهدارخانه ها (بهسازی و نوسازی )</p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle"> '+ datatollhouse_management[i].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                                 <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle">'+ datatollhouse_management[i].axis_name + ' </p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                            <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                    <p class="pstyle">'+ showprojectstat(datatollhouse_management[i].project_status) + '</p>\
                                </div>\
                               </div>\
                               <div class="textshown">\
                               <div class="paragraphsecond">\
                               <p class="pcolor"> عنوان پروژه : </p>\
                               <p class="pstyle"> ' + datatollhouse_management[i].project_name + ' </p>\
                           </div>\
                           <div class="showrate">\
                           <div class="divimdb">\
                           <span class="spanimdb">\
                           RMS\
                           </span>\
                           </div>\
                           <div class="ratespan">\
                           <span class="spannfirstt">\
                           '+ showratekol(datatollhouse_management[i].rate) +'\
                           </span>\
                           <div class="divfive">\
                           <span>\
                           /\
                           </span>\
                           <span>\
                           3\
                           </span>\
                           </div>\
                               </div>\
                               <img src="../dist/images/star.svg">\
                               <span class="spannsecond">\
                               '+showratedesc(datatollhouse_management[i].rate_desc) +'\
                               </span>\
                           </div>\
                              </div>\
                        </div>\
                    </div>\
                    </a>\
                </li>'
            }
            else {
                var lidata = '<li class="content">\
            <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatollhouse_management[i].id + '&p_t=5" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datatollhouse_management[i].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datatollhouse_management[i]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> راهدارخانه ها (بهسازی و نوسازی )</p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle"> '+ datatollhouse_management[i].contract_date + '</p>\
                            </div>\
                            </div>\
                            <div class="textshown">\
                                  <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle">'+ datatollhouse_management[i].axis_name + ' </p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                              <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                    <p class="pstyle">'+ showprojectstat(datatollhouse_management[i].project_status) + '</p>\
                                </div>\
                             </div>\
                             <div class="textshown">\
                             <div class="paragraphsecond">\
                             <p class="pcolor"> عنوان پروژه : </p>\
                             <p class="pstyle"> ' + datatollhouse_management[i].project_name + ' </p>\
                         </div>\
                         <div class="showratee">\
                         <div class="divimdb">\
                         <span class="spanimdb">\
                         RMS\
                         </span>\
                         </div>\
                         <div class="ratespan">\
                         <span class="spannfirstt">\
                         '+ showratekol(datatollhouse_management[i].rate) +'\
                         </span>\
                         <div class="divfive">\
                         <span>\
                         /\
                         </span>\
                         <span>\
                         3\
                         </span>\
                         </div>\
                             </div>\
                             <img src="../dist/images/star.svg">\
                             <span class="spannsecond">\
                             '+showratedesc(datatollhouse_management[i].rate_desc) +'\
                             </span>\
                         </div>\
                            </div>\
                        </div>\
                    </div>\
                    </a>\
                      <div class="vl"></div>\
                     <a class="contentwidth" href="https://rms.rmto.ir/public/bama-view?id='+ datatollhouse_management[i+1].id + '&p_t=5" target = "_blank">\
                <div class="showeachproject">\
                    <img class="imageshown" src="../dist/images/No_image_available.svg">\
                        <div class="showdiv">\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">اداره کل:</p>\
                                    <p class="pstyle"> '+ datatollhouse_management[i+1].province_fa + ' </p>\
                                </div>\
                                <div class="paragraphsecond">\
                                    <p class="pcolor"> شهرستان : </p>\
                                    <p class="pstyle"> ' + showCityy(datatollhouse_management[i+1]) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">پروژه :</p>\
                                    <p class="pstyle"> راهدارخانه ها (بهسازی و نوسازی )</p>\
                                </div>\
                                <div class="paragraphshown">\
                                <p class="pcolor"> تاریخ شروع :</p>\
                                <p class="pstyle"> '+ datatollhouse_management[i+1].contract_date + '</p>\
                            </div>\
                            </div>\
                           <div class="textshown">\
                            </div>\
                            <div class="textshown">\
                                <div class="paragraphshown">\
                                    <p class="pcolor">نام محور :</p>\
                                    <p class="pstyle">'+ datatollhouse_management[i+1].axis_name + ' </p>\
                                </div>\
                                    <div class="paragraphsecond">\
                                    <p class="pcolor"> آخرین وضعیت پروژه :</p>\
                                    <p class="pstyle">'+ showprojectstat(datatollhouse_management[i + 1].project_status) + '</p>\
                                </div>\
                            </div>\
                            <div class="textshown">\
                            <div class="paragraphsecond">\
                            <p class="pcolor"> عنوان پروژه : </p>\
                            <p class="pstyle"> ' + datatollhouse_management[i+1].project_name + ' </p>\
                        </div>\
                        <div class="showrate">\
                        <div class="divimdb">\
                        <span class="spanimdb">\
                        RMS\
                        </span>\
                        </div>\
                        <div class="ratespan">\
                        <span class="spannfirstt">\
                        '+ showratekol(datatollhouse_management[i+1].rate) +'\
                        </span>\
                        <div class="divfive">\
                        <span>\
                        /\
                        </span>\
                        <span>\
                        3\
                        </span>\
                        </div>\
                            </div>\
                            <img src="../dist/images/star.svg">\
                            <span class="spannsecond">\
                            '+showratedesc(datatollhouse_management[i+1].rate_desc) +'\
                            </span>\
                        </div>\
                           </div>\
                        </div>\
                    </div>\
                    </a>\
                </li>'

            }
            
        }

        $("#exampleshowpage").append(lidata)
    }
    paginateshowwwww()
}
function showcountall(num) {

    $("#countall").append(
        '<span class="count-this filteritem" style="font-size:18px;">' + 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 showprovincelist(num) {
    var provincename = ""
    // console.log("num" , num)
    // console.log("test",provcincedata)
    for (var i = 0; i < provcincedata.length; i++) {
        if (provcincedata[i].id == num) {
            // console.log("pitiko")/
            provincename = provcincedata[i].name_fa
        }
    }
    return provincename
}
function showcitylist(obj) {
    // console.log("obj" , obj )
    var city = ""
    for (var i = 0; i < obj.length; i++) {
        city += obj[i].name + " "
    }
    // console.log("city", city)
    return city
}
function showprojectstat(data) {
    if (data == 0) {
        return " توسط استان بروز رسانی نشده است "
    }
    else if (data == 1) {
        return "در دست برنامه ریزی اولیه "
    }
    else if (data == 2) {
        return "در دست مطالعه و تهیه اسناد مناقصه "
    }
    else if (data == 3) {
        return "در دست مناقصه"

    }
    else if (data == 4) {
        return "در حال تجهیز کارگاه "

    }
    else if (data == 5) {
        return "در حال اجرا / فعال "

    }
    else if (data == 6) {
        return "در حال اجرا / متوقف"

    }
    else if (data == 7) {
        return "در حال آماده سازی برای افتتاح"

    }
    else if (data == 8) {
        return "تکمیل و خاتمه یافته و بهره برداری شده "

    }
}
function showprovincecenter(data) {
    var string = ""
    for (i = 0; i < 5; i++) {
        string += '<div class="projecttype" id="projecttype' + data[i].id + '">\
        <a id="province'+ data[i].id + '"  onclick=newsee(' + data[i].id + ')><p class="pcolor"  >' +
            data[i].name_fa +
            '</p></a>\
                                            </div>'
        // do something with `substr[i]`
    }

    $("#province-filters").append(string)
    $("#province-filters").append('<a class="others"><p class="pcolor" > سایر استان ها ..</p></a>')
}
$(document).on("click", ".others", function () {
    $(".others").empty()
    var string = ""
    for (i = 5; i < provcincedata.length; i++) {
        string += '<div class="projecttype" id="projecttype' + provcincedata[i].id + '">\
        <a id="province'+ provcincedata[i].id + '"  onclick=newsee(' + provcincedata[i].id + ')><p class="pcolor">' +
            provcincedata[i].name_fa +
            '</p></a>\
                                            </div>'
        // do something with `substr[i]`
    }

    $("#province-filters").append(string)
    $("#province-filters").append('<a class="othersback"><p class="pcolor" > بازگشت</p></a>')
    showprovinceeach(objprovince, 1)

});
$(document).on("click", ".othersback", function () {
    $("#province-filters").empty()
    var string = ""
    for (i = 0; i < 5; i++) {
        string += '<div class="projecttype " id="projecttype' + provcincedata[i].id + '">\
        <a id="province'+ provcincedata[i].id + '" onclick=newsee(' + provcincedata[i].id + ')><p class="pcolor" >' +
            provcincedata[i].name_fa +
            '</p></a>\
                                            </div>'
        // do something with `substr[i]`
    }
    $("#province-filters").append('<p class="titlecard"> استان </p>')
    $("#province-filters").append(string)
    $("#province-filters").append('<a class="others"><p class="pcolor" > سایر استان ها ..</p></a>')
    showprovinceeach(objprovince, 0)


});
function showprovinceafterfilter(index) {
    $("#province-filters").empty()
    var string = ""
    string += '<div class="projecttype ">\
        <a id="province'+ provcincedata[index - 1].id + '" ><p class="pcolor" >' +
        provcincedata[index - 1].name_fa +
        '</p></a>\
                                            </div>'
    // do something with `substr[i]`
    $("#province-filters").append('<p class="titlecard"> استان </p>')
    $("#province-filters").append(string)
    $("#province-filters").append('<hr>')

}
function removekol(id) {
    $("#province-filters").empty()
    $("#province-filters").append('<p class="titlecard"> استان </p>')

    showprovincecenter(provcincedata)
    $("#province-filters").append('<hr>')
    $("#city-filters").empty()
    $("#city-filters").append('<p class="titlecard"> شهرستان </p>')

}

function showcityfiltername(id, name) {
    $("#city-filters").empty()
    $("#city-filters").append('<p class="titlecard"> شهرستان </p>')
    var string = ""

    string += '<div class="projecttype"  id="cityfiltershown' + id + '">\
        <p class="pcolor" >'+
        name +
        '</p>\
                                            </div>'
    // do something with `substr[i]`
    $("#city-filters").append(string)
    $("#city-filters").append('<hr>')


}
function newsee(id) {
    // alert(id)
    $.ajax({
        url: "https://rms.rmto.ir/public/contents/provinces/" + id,
        type: "GET",
        success: function (result) {
            citydata = result.data
            // console.log("citydata", citydata)
            showprovinceafterfilter(id)

            showcity(result.data)


            // showcity(result.data)
        },
        error: function (error) {
            // hideLoaderScreen();
            //console.log(error);
        },
    });
    // 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=" + id
        }
        else {
            window.location.href = window.location.href + "&p_p=" + id
        }
    }
    else {
        window.location.href = window.location.href + "?p_p=" + id
    }

}

// show cities

function showcity(data) {
    $("#city-filters").empty()
    $("#city-filters").append('<p class="titlecard"> شهرستان </p>')
    // console.log("show_city")
    var string = ""
    for (i = 0; i < 5; i++) {
        string += '<div class="projecttype" onclick=clickcity(' + data[i].id + ') id="city' + data[i].id + '">\
        <p class="pcolor" >'+
            data[i].name_fa +
            '</p>\
                                            </div>'
        // do something with `substr[i]`
    }

    $("#city-filters").append(string)
    $("#city-filters").append('<a class="otherscity"><p class="pcolor" > سایر  شهر ها  ..</p></a>')
    $("#city-filters").append('<hr>')


}
$(document).on("click", ".otherscity", function () {
    // $(this).prev('hr').remove();
    $("#city-filters").empty()
    $("#city-filters").append('<p class="titlecard"> شهرستان </p>')

    $(".otherscity").empty()
    var string = ""
    for (i = 0; i < citydata.length; i++) {
        string += '<div class="projecttype" onclick=clickcity(' + citydata[i].id + ') id="city' + citydata[i].id + '">\
        <p class="pcolor" >'+
            citydata[i].name_fa +
            '</p>\
                                            </div>'
        // do something with `substr[i]`
    }

    $("#city-filters").append(string)
    $("#city-filters").append('<a class="othersbackcity"><p class="pcolor" > بازگشت</p></a>')
    $("#city-filters").append('<hr>')


});

$(document).on("click", ".othersbackcity", function () {
    $("#city-filters").empty()
    // $("#city-filters").append('<p class="titlecard"> شهرستان </p>')
    var string = ""
    for (i = 0; i < 5; i++) {
        string += '<div class="projecttype" onclick=clickcity(' + citydata[i].id + ') id="city' + citydata[i].id + '">\
        <p class="pcolor" >'+
            citydata[i].name_fa +
            '</p>\
                                            </div>'
        // do something with `substr[i]`
    }
    $("#city-filters").append('<p class="titlecard"> شهرستان </p>')
    $("#city-filters").append(string)
    $("#city-filters").append('<a class="others"><p class="pcolor" > سایر  شهر ها ..</p></a>')
    $("#city-filters").append('<hr>')


});
// function showpaginate() {
//     //show cities
//     $('#paginationshow').rpmPagination({
//         domElement: '.item',
//         limit: 10,
//         previousLabel : 'قبلی',
//         next: 'بعدی'
//     });
//     $(".next .page-link").text("بعدی")
//     $(".prev  .page-link").text("قبلی")
// }
$("#status0").click(function () {
    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=0"
        }
        else {
            window.location.href = window.location.href + "&p_s=0"
        }
    }
    else {
        window.location.href = window.location.href + "?p_s=0"
    }
});
$("#status1").click(function () {
    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=1"
        }
        else {
            window.location.href = window.location.href + "&p_s=1"
        }
    }
    else {
        window.location.href = window.location.href + "?p_s=1"
    }
});
$("#status2").click(function () {

    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=2"
        }
        else {
            window.location.href = window.location.href + "&p_s=2"
        }
    }
    else {
        window.location.href = window.location.href + "?p_s=2"
    }

});
$("#status3").click(function () {
    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=3"
        }
        else {
            window.location.href = window.location.href + "&p_s=3"
        }
    }
    else {
        window.location.href = window.location.href + "?p_s=3"
    }

});
$("#status4").click(function () {
    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=4"
        }
        else {
            window.location.href = window.location.href + "&p_s=4"
        }
    }
    else {
        window.location.href = window.location.href + "?p_s=4"
    }

});
$("#status5").click(function () {
    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=5"
        }
        else {
            window.location.href = window.location.href + "&p_s=5"
        }
    }
    else {
        window.location.href = window.location.href + "?p_s=5"
    }

}); $("#status6").click(function () {
    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=6"
        }
        else {
            window.location.href = window.location.href + "&p_s=6"
        }
    }
    else {
        window.location.href = window.location.href + "?p_s=6"
    }

}); $("#status7").click(function () {
    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=7"
        }
        else {
            window.location.href = window.location.href + "&p_s=7"
        }
    }
    else {
        window.location.href = window.location.href + "?p_s=7"
    }

});
$("#status8").click(function () {
    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=8"
        }
        else {
            window.location.href = window.location.href + "&p_s=8"
        }
    }
    else {
        window.location.href = window.location.href + "?p_s=8"
    }
});
$("#sharyani").click(function () {
    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=1"
        }
        else {
            window.location.href = window.location.href + "&r_t=1"
        }
    }
    else {
        window.location.href = window.location.href + "?r_t=1"
    }
});
$("#asli").click(function () {
    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=2"
        }
        else {
            window.location.href = window.location.href + "&r_t=2"
        }
    }
    else {
        window.location.href = window.location.href + "?r_t=2"
    }
});
$("#faryi").click(function () {
    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=3"
        }
        else {
            window.location.href = window.location.href + "&r_t=3"
        }
    }
    else {
        window.location.href = window.location.href + "?r_t=3"
    }
});
$("#roostayi").click(function () {
    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=4"
        }
        else {
            window.location.href = window.location.href + "&r_t=4"
        }
    }
    else {
        window.location.href = window.location.href + "?r_t=4"
    }
});
$("#numberproject1").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"
    }
});
$("#numberproject2").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"
    }
});
$("#numberproject3").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"
    }
});

$("#numberproject4").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"
    }
});

$("#numberproject5").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"
    }
});
for (var i = 0; i < 36; i++) {
    $("#projecttype" + i).click(function () {
        // 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
        }
    });
}

// $(document).on("click", "#city5", function () {
//     alert("me")
// })
function clickcity(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
    }


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

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

});
$(document).on('click', '#p_tremove3', function () {
    // alert("p_tremove3")
    // code here
    $("#p_t3").empty()
    var uri = window.location.toString();
    if (uri.indexOf("?") > 0) {
        removeURLParameter(uri, 'p_t')
    }
    // 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")
    //prefer to use l.search if you have a location/link object
    var urlparts = url.split('?');
    // console.log("urlparts", urlparts)
    if (urlparts.length >= 2) {

        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;
    }
}
$(document).on('click', '#p_s1', function () {
    // alert("p_tremove5")
    // 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_s')
        // window.history.replaceState({}, document.title, clean_uri);

    }
    // location.reload()
    // code here
});
$(document).on('click', '#p_s0', function () {
    // alert("p_tremove5")
    // 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_s')
        // window.history.replaceState({}, document.title, clean_uri);

    }
    // location.reload()
    // code here
});
$(document).on('click', '#p_s2', function () {
    // alert("p_tremove5")
    // 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_s')
        // window.history.replaceState({}, document.title, clean_uri);

    }
    // location.reload()
    // code here
});
$(document).on('click', '#p_s3', function () {
    // alert("p_tremove5")
    // 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_s')
        // window.history.replaceState({}, document.title, clean_uri);

    }
    // location.reload()
    // code here
});
$(document).on('click', '#p_s4', function () {
    // alert("p_tremove5")
    // 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_s')
        // window.history.replaceState({}, document.title, clean_uri);

    }
    // location.reload()
    // code here
});
$(document).on('click', '#p_s5', function () {
    // alert("p_tremove5")
    // 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_s')
        // window.history.replaceState({}, document.title, clean_uri);

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

$(document).on('click', '#p_s6', function () {
    // alert("p_tremove5")
    // 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_s')
        // window.history.replaceState({}, document.title, clean_uri);

    }
    // location.reload()
    // code here
});
$(document).on('click', '#p_s7', function () {
    // alert("p_tremove5")
    // 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_s')
        // window.history.replaceState({}, document.title, clean_uri);

    }
    // location.reload()
    // code here
});
$(document).on('click', '#p_s6', function () {
    // alert("p_tremove5")
    // 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_s')
        // window.history.replaceState({}, document.title, clean_uri);

    }
    // location.reload()
    // code here
});
$(document).on('click', '#p_s7', function () {
    // alert("p_tremove5")
    // 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_s')
        // window.history.replaceState({}, document.title, clean_uri);

    }
    // location.reload()
    // code here
});
$(document).on('click', '#p_s8', function () {
    // alert("p_tremove5")
    // 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_s')
        // window.history.replaceState({}, document.title, clean_uri);

    }
    // location.reload()
    // code here
});
$(document).on('click', '#starup1', function () {
    // alert("p_tremove5")
    // 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_r')
        // window.history.replaceState({}, document.title, clean_uri);

    }
    // location.reload()
    // code here
});
$(document).on('click', '#starup2', function () {
    // alert("p_tremove5")
    // 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_r')
        // window.history.replaceState({}, document.title, clean_uri);

    }
    // location.reload()
    // code here
});
$(document).on('click', '#starup3', function () {
    // alert("p_tremove5")
    // 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_r')
        // window.history.replaceState({}, document.title, clean_uri);

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

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

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

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

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

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

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

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

    }
    // location.reload()
    // code here
});
$("#year_id").change(function () {
    if ($(this).val() > 0) {
        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=" + $(this).val()
            }
            else {
                window.location.href = window.location.href + "&p_y=" + $(this).val()
            }
        }
        else {
            window.location.href = window.location.href + "?p_y=" + $(this).val()
        }
    }
})
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 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="showcityclick(' + key + ')"><p class= "pcolor" > ' + key + ' </p ><p class="numberproject" >(' + value + ')</p></div >')
            }
            else {
                fullnum+=value

            }

        }

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

}
 function showyearless(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="showcityclick(' + key + ')"><p class= "pcolor" > ' + key + ' </p ><p class="numberproject" >(' + value + ')</p></div >')
            }
            else {
             

            }

        }

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

function showcityclick(key) {
    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=" + key
        }
        else {
            window.location.href = window.location.href + "&p_y=" + key
        }
    }
    else {
        window.location.href = window.location.href + "?p_y=" + key
    }
}
function showcitylistselect(num) {
    $("#startyear").append('<div class="projecttype" id="year' + num + '"><p class= "pcolor" > ' + num + ' </p></div >')

}

// Returns an array of maxLength (or less) page numbers
// where a 0 in the returned array denotes a gap in the series.
// Parameters:
//   totalPages:     total number of pages
//   page:           current page
//   maxLength:      maximum size of returned array
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));
}

// Below is an example use of the above function.
function paginateshowwwww() {
    // Number of items and limits the number of items per page
    var numberOfItems = $("#exampleshowpage .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 showCityy(data) {
var cityname=""
if (data.city_1_fa!=null) {
    cityname+=data.city_1_fa+" "
}
if (data.city_2_fa!=null) {
    cityname+=data.city_2_fa+" "

}
if (data.city_3_fa){
    cityname+=data.city_3_fa+" "

}
return cityname
}

function showratekol (num){
    if (num!=null){
return num
    }
    else {
return "-"
    }
}

function showratedesc (num){
    if(num!=null){
return num
    }
    else {
return "-"
    }
}
$("#rate1").click(function () {
    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=1"
        }
        else {
            window.location.href = window.location.href + "&p_r=1"
        }
    }
    else {
        window.location.href = window.location.href + "?p_r=1"
    }
});

$("#rate2").click(function () {
    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=2"
        }
        else {
            window.location.href = window.location.href + "&p_r=2"
        }
    }
    else {
        window.location.href = window.location.href + "?p_r=2"
    }
});


$("#rate3").click(function () {
    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=3"
        }
        else {
            window.location.href = window.location.href + "&p_r=3"
        }
    }
    else {
        window.location.href = window.location.href + "?p_r=3"
    }
});