var map = null;
var map2 = null;
var table;
var startAbrarMarker = null;
var isSetStartAbrarMarker = false;
var endAbrarMarker = null;
var isSetEndAbrarMarker = false;
var progressAbrarMarker = null;
var isSetprogressAbrarMarker = false;
var mapshow = null;
var startAbrarMarkershow = null;
var isSetStartAbrarMarkershow = false;
var endAbrarMarkershow = null;
var isSetEndAbrarMarkershow = false;
var staticMap = null;

var ekipAbrarMarkerJustShow = null;
var isSetEkipAbrarMarkerJustShow = false;
var startAbrarMarkerJustShow = null;
var isSetStartAbrarMarkerJustShow = false;
var endAbrarMarkerJustShow = null;
var isSetEndAbrarMarkerJustShow = false;
//pooria
var list_province = [];
var list_citys = [];
var array_hold = [];
var array_hold_String = "";
var array_hold_String_edited;
var data_select_sec;
var array_hold_Axis_type = [];
var data_select_Axis_type;
var String_hold_Axis_type = "";
var String_edited_Axis_type;
var arry_select2_date;
var array_geted_date = [];
var hold_Data_p1 = "";
var pooriapo;
var edited_end_date;
var hold_Data_city1;
var city1_array = [];
var city1_String = "";
var city1_String_edited = "";
var hold_Data_city2;
var city2_array = [];
var city2_String = "";
var city2_String_edited = "";
var hold_Data_city3;
var city3_array = [];
var city3_String = "";
var city3_String_edited = "";
var hold_Data_province1;
var hold_Data_province2;
var hold_Data_province3;
var array_geted_date = [];
var edited_end_date;
//pooria
var routeControls = [];
var routeControlsPath = [];
var popupArrays = [];
var popupArraysPath = [];
var polylinePath = null;

var startLatlng;
var endLatlng;
var progressLatlng;

var edit;
var idEdit;
var cost;
var mapCenterLat = null;
var mapCenterLng = null;
var tablesecond;
var hasError = false;
var province,
    town,
    axisName,
    axisType,
    projectTitle,
    contractor,
    consultant,
    contractDate,
    contractPrice,
    contractDatePicker;
var provinces = [];
var towns = [];
var projectDistance = {};
var editProjectDistance = null;
var projectDistanceLastUpdate = null;
var projectDistanceLastUpdatestatus = null;
var projectDefaultDistances = null;
var project_distance_edit = {};
var project_title = "";
var rowId = 0;
var historyId = 0;
var sliderImages = null;
var slideIndexlayer = 1;
var idkol;
var objectshow = {};
var status;
var locationStartLatLng, locationEndLatLng;
var boundingbox;
var tooltipjson;
var max1 = null;
var max2 = null;
var max3 = null;
var max4 = null;
var max5 = null;
var max6 = null;
var max7 = null;
var max8 = null;
var max9 = null;
var max10 = null;
var max11 = null;
var max12 = null;
var max13 = null;

var min1 = null;
var min2 = null;
var min3 = null;
var min4 = null;
var min5 = null;
var min6 = null;
var min7 = null;
var min8 = null;
var min9 = null;
var min10 = null;
var min11 = null;
var min12 = null;
var min13 = null;

var progres1 = null;
var progres2 = null;
var progres3 = null;
var progres4 = null;
var progres5 = null;
var progres6 = null;
var progres7 = null;
var progres8 = null;
var progres9 = null;
var progres10 = null;
var progres11 = null;
var progres12 = null;
var progres13 = null;

var canSubmit;

var projectupdateimage = [];
var startAbrarDivIcon = L.divIcon({
    html: `
    <div id="pin-marker-start" class="pin-marker">
      <div class="map-pin-marker">
        <div class="pin-main-circle"></div>
        <div class="pin-white-circle"></div>
        <div class="pin-title-circle">
          <span class="title-circle-text">شروع</span>
        </div>
        <div class="pin-main-line"></div>
      </div>
      <div class="pin-main-shadow">
        <div class="shadow-dot">
        </div>
      </div>
    </div>
  `,
    iconSize: [55, 75],
    iconAnchor: [33, 64],
});

var endAbrarDivIcon = L.divIcon({
    html: `
    <div id="pin-marker-end" class="pin-marker">
      <div class="map-pin-marker">
        <div class="pin-main-circle"></div>
        <div class="pin-white-circle"></div>
        <div class="pin-title-circle">
          <span class="title-circle-text">پایان</span>
        </div>
        <div class="pin-main-line"></div>
      </div>
      <div class="pin-main-shadow">
        <div class="shadow-dot">
        </div>
      </div>
    </div>
  `,
    iconSize: [55, 75],
    iconAnchor: [33, 64],
});

var progressAbrarDivIcon = L.divIcon({
    html: `
    <div id="pin-marker-progress" class="pin-marker">
      <div class="map-pin-marker">
        <div class="pin-main-circle"></div>
        <div class="pin-white-circle"></div>
        <div class="pin-title-circle">
          <span class="title-circle-text">اکیپ</span>
        </div>
        <div class="pin-main-line"></div>
      </div>
      <div class="pin-main-shadow">
        <div class="shadow-dot">
        </div>
      </div>
    </div>
  `,
    iconSize: [55, 75],
    iconAnchor: [33, 64],
});

var projectEditId = null;
var projectEditData = [];
var abrarProjectSlider = null;
var datatable2 = [
    {
        1: ["0"],
        2: ["0"],
        3: ["0"],
        4: ["0"],
        5: ["0"],
        6: ["0"],
        7: ["0"],
        8: ["0"],
        9: ["0"],
        10: ["0"],
        11: ["0"],
        12: ["0"],
        13: ["0"],
    },
];
var tablethird;
function showLoaderScreen() {
    $(".starter-loader-container").css("display", "flex").hide().fadeIn();
}

function hideLoaderScreen() {
    $(".starter-loader-container").fadeOut();
}

$(document).ready(function () {
    getProvinces();

    table = $("#example").DataTable({
        dom: "lBfrtip",
        pagingType: "simple_numbers",
        language: {
            sEmptyTable: "هیچ داده‌ای در جدول وجود ندارد",
            sInfo: "نمایش _START_ تا _END_ از _TOTAL_ ردیف",
            sInfoEmpty: "نمایش 0 تا 0 از 0 ردیف",
            sInfoFiltered: "(فیلتر شده از _MAX_ ردیف)",
            sInfoPostFix: "",
            sInfoThousands: ",",
            sLengthMenu: "نمایش _MENU_ ردیف",
            sLoadingRecords: "در حال بارگذاری...",
            sProcessing: "در حال پردازش...",
            sSearch: "جستجو / فیلتر: ",
            sZeroRecords: "رکوردی با این مشخصات پیدا نشد",
            oPaginate: {
                sFirst: "برگه‌ی نخست",
                sLast: "برگه‌ی آخر",
                sNext: "بعدی",
                sPrevious: "قبلی",
            },
            oAria: {
                sSortAscending: ": فعال سازی نمایش به صورت صعودی",
                sSortDescending: ": فعال سازی نمایش به صورت نزولی",
            },
        },
        order: [[0, "asc"][(1, "asc")], [2, "desc"], [3, "desc"], [4, "desc"]],
        order: [[0, "asc"]],
        processing: true,
        select: true,
        destroy: true,
        ajax: {
            url: "https://rms.rmto.ir/camp/all",
            type: "GET",
            dataSrc: function (json) {
                return json.data;
            },
        },
        columns: [
            {
                className: "text-center",
                data: null,
                render: function (data, type, row, meta) {
                    // console.log(meta.row);
                    return meta.row + 1;
                },
            },
            { data: "province_fa" },
            {
                data: null,
                render: function (data, type, row) {
                    if (data.city_2_fa != null && data.city_3_fa != null)
                        return `${data.city_1_fa}-${data.city_2_fa}-${data.city_3_fa}`;
                    else if (data.city_2_fa != null)
                        return `${data.city_1_fa}-${data.city_2_fa}`;
                    else return `${data.city_1_fa}`;
                },
            },
            { data: "axis_name" },
            {
                data: "axis_type_fa",
            },
            { data: "blockage_cause_fa" },


            { data: "blockage_length" },
            { data: "blockage_damage_higher_6_count" },
            { data: "blockage_damage_lower_6_count" },
            { data: "blockage_damage_count" },
            { data: "active_cars_count" },
            { data: "active_rahdar_count" },
            { data: "block_axis_desc" },
            { data: "blockage_damage_money" },
            {
                data: "submited_at"
            },
            { data: "prediction_time_fa" },
            {
                data: null,
                render: function (data, type, row) {
                    return data.is_open_at + data.is_open_type_fa
                }

            },
            {
                className: "text-center",
                data: null,
                render: function (data, type, row) {
                    if (data.is_open_at == null) {
                        return `<button id="editButton${data.id}" class="btn btn-danger btn-sm editor details-control" title="ویرایش"><i class="fa fa-edit"></i><div></div></button>
                        <button class="btn btn-sm btn-warning location-button" title="  مشاهده  مکانی "  ><i class="fa fa-eye"></i></button>
                        <button class="btn btn-sm btn-info image-show" title="مشاهده عکس ها"  ><i class="fa fa-image" ></i></button>
                        <button class="btn btn-sm btn-primary  deletsubmit" title=" حذف " style="width: 28px" ><i class="fa fa-trash"></i></button>
                    
                        `;
                    }
                    else {
                        return `<button id="editButton${data.id}" class="btn btn-danger btn-sm editor details-control" title="ویرایش" disabled><i class="fa fa-edit"></i><div></div></button>
                        <button class="btn btn-sm btn-warning location-button" title="  مشاهده  مکانی "  ><i class="fa fa-eye"></i></button>
                        <button class="btn btn-sm btn-info image-show" title="مشاهده عکس ها"  ><i class="fa fa-image" ></i></button>
                        <button class="btn btn-sm btn-primary  deletsubmit" title=" حذف " style="width: 28px" disabled ><i class="fa fa-trash"></i></button>
                    
                        `;
                    }

                },
            },
            {
                className: "text-center",
                data: null,
                render: function (data, type, row) {
                    if (data.is_open_at == null) {
                        return `
                        <button class="btn btn-sm btn-success finalsubmit" title=" بازگشایی  " ><i class="fa fa-check"></i></button>
                        `;
                    }
                    else {
                        return `
                        <button class="btn btn-sm btn-success finalsubmit" title=" بازگشایی  " disabled ><i class="fa fa-check"></i></button>
                        `;
                    }

                },
            },
        ],
        columnDefs: [
            // {
            //     targets: [11],
            //     visible: false,
            //     searchable: false,
            // },
            // {
            //     targets: [12],
            //     visible: false,
            //     searchable: false,
            // },
            // {
            //     targets: [13],
            //     visible: false,
            //     searchable: false,
            // },
        ],
        buttons: [
            {
                extend: "excelHtml5",
                title: "Excel",
                text: "خروجی به اکسل",
                messageTop: "لیست محور های انسدادی و آسیب ناشی از مخاطرات ",
                customize: function (xlsx) {
                    var sheet = xlsx.xl.worksheets["sheet1.xml"];

                    // Loop over the cells in column `C`
                    $('row c[r^="M"]', sheet).each(function () {
                        // Get the value

                        $(this).attr("s", "52");
                    });
                    $('row c[r^="N"]', sheet).each(function () {
                        // Get the value

                        $(this).attr("s", "52");
                    });
                },
            },
            //Pooria
            {
                text: "فیلترینگ پیشرفته",
                action: function (e, dt, node, config) {
                    if ($(".smart-filltering").css("display") == "none") {
                        $(".smart-filltering").css("display", "block");
                        // $(".last_statusfilter").val(0).trigger("change");
                        // $(".typemehvar").val(0).trigger("change");
                        // $("#select-province1").val(0).trigger("change");
                        // $("#select-city1").val(0).trigger("change");
                        // $("#select-province2").val(0).trigger("change");
                        // $("#select-city2").val(0).trigger("change");
                        // $("#select-province3").val(0).trigger("change");
                        // $("#select-city3").val(0).trigger("change");
                        // $(".yearfilter").val(0).trigger("change");
                        // array_hold = [];
                        // array_hold_String = "";
                        // array_hold_String_edited = null;
                        // String_hold_Axis_type = "";
                        // $("#example").DataTable().column(1).search("").draw();
                        // $("#example").DataTable().column(2).search("").draw();
                        // $("#example").DataTable().column(4).search("").draw();
                        // $("#example").DataTable().column(10).search("").draw();
                        // $("#example").DataTable().column(7).search("").draw();
                        $("#append-input-forFilter2").addClass("d-none");
                        $("#append-input-forFilter3").addClass("d-none");
                        showLoaderScreen();
                        setTimeout(() => {
                            hideLoaderScreen();
                        }, 200);
                    } else if ($(".smart-filltering").css("display") != "none") {
                        // $(".smart-filltering").css("display", "none");
                    }
                },
            },
            //End pooira
        ],
        //pooria
        initComplete: function () {
            $(".js-example-basic-multiple").append(
                '<option   value="0">انتخاب اداره کل</option>'
            );
            init_row_filter();
            $("#select-province1").on("change", function () {
                init_data_filter1();
            });

            $(".btn-increase").prop("disabled", true);
            $(".btn-decrease").prop("disabled", true);

            $(".last_statusfilter").select2({
                multiple: true,
                placeholder: "علت انسداد",
                width: "resolve",
                dir: "rtl",
            });
            $("#select-city1").select2({
                dir: "rtl",
                placeholder: "انتخاب شهرستان",
                width: "resolve",
            });
            $("#select-city2").select2({
                dir: "rtl",
                placeholder: "انتخاب شهرستان",
                width: "resolve",
            });
            $("#select-city3").select2({
                dir: "rtl",
                placeholder: "انتخاب شهرستان",
                width: "resolve",
            });
            $(".typemehvar").select2({
                multiple: true,
                placeholder: "نوع محور",
                dir: "rtl",
                width: "resolve",
            });
            $(".yearfilter").select2({
                multiple: true,
                placeholder: "نوع انسداد",
                dir: "rtl",
                width: "resolve",
            });
            $(".last_statusfilter").on("change", function () {
                data_select_sec = null;
                array_hold = [];
                array_hold_String = "";
                array_hold_String_edited = "";
                data_select_sec = $(".last_statusfilter").select2("data");
            });
            $(".typemehvar").on("change", function () {
                array_hold_Axis_type = [];
                data_select_Axis_type = null;
                String_hold_Axis_type = "";
                String_edited_Axis_type = "";
                data_select_Axis_type = $(".typemehvar").select2("data");
                // console.log(typeof data_select_Axis_type);
            });
            $(".yearfilter").on("change", function () {
                arry_select2_date = null;
                array_geted_date = [];
                hold_Data_p1 = "";
                pooriapo = null;
                edited_end_date = null;
                arry_select2_date = $(".yearfilter").select2("data");
            });
            $("#select-city1").on("change", function () {
                hold_Data_city1 = null;
                city1_array = [];
                city1_String = "";
                city1_String_edited = "";
                hold_Data_city1 = $("#select-city1").select2("data");
            });
            $("#select-city2").on("change", function () {
                hold_Data_city2 = null;
                city2_array = [];
                city2_String = "";
                city2_String_edited = "";
                hold_Data_city1 = $("#select-city1").select2("data");
            });
            $("#select-city3").on("change", function () {
                hold_Data_city3;
                city3_array = [];
                city3_String = "";
                city3_String_edited = "";
                hold_Data_city1 = $("#select-city1").select2("data");
            });
            $("#select-province1").on("change", function () {
                hold_Data_province1 = null;
                hold_Data_province1 = $("#select-province1 option:selected").text();
                console.log(typeof hold_Data_province1);
            });
            $("#select-province2").on("change", function () {
                hold_Data_province2 = null;
                hold_Data_province2 = $("#select-province2 option:selected").text();
            });
            $("#select-province3").on("change", function () {
                hold_Data_province3 = null;
                hold_Data_province3 = $("#select-province3 option:selected").text();
            });
            $("#btn_filter_show").on("click", function () {
                if ($(".typemehvar").select2("data").length == 0) {
                    $("#example").DataTable().column(4).search("").draw();
                }
                if ($(".last_statusfilter").select2("data").length == 0) {
                    $("#example").DataTable().column(10).search("").draw();
                }

                var test = "|";
                var hold_Data_p1 = "";
                var pooriapo;
                if (arry_select2_date) {
                    for (let i = 0; i < arry_select2_date.length; i++) {
                        array_geted_date.push(arry_select2_date[i].text);
                    }
                }
                if (
                    array_geted_date[array_geted_date.length - 1] == "سال 1395 و ما قبل"
                ) {
                    for (let i = 1300; i <= 1395; i++) {
                        array_geted_date.unshift(i.toString());
                    }
                    pooriapo = array_geted_date.slice(0, array_geted_date.length - 1);
                    for (let i = 0; i < pooriapo.length; i++) {
                        hold_Data_p1 += pooriapo[i].concat("|");
                    }
                } else {
                    for (let i = 0; i < array_geted_date.length; i++) {
                        hold_Data_p1 += array_geted_date[i].concat("|");
                    }
                }
                if (hold_Data_p1[hold_Data_p1.length - 1] === "|") {
                    edited_end_date = hold_Data_p1.slice(0, hold_Data_p1.length - 1);
                }
                if (edited_end_date) {
                    $("#example")
                        .DataTable()
                        .column(7)
                        .search(edited_end_date, true, false)
                        .draw();
                }

                if (
                    ($("#select-province1").val() && $("#select-province1").val() != 0) ||
                    ($("#select-province2").val() && $("#select-province2").val() != 0) ||
                    ($("#select-province3").val() && $("#select-province3").val() != 0)
                ) {
                    $("#example")
                        .DataTable()
                        .column(1)
                        .search(
                            hold_Data_province1 +
                            test +
                            hold_Data_province2 +
                            test +
                            hold_Data_province3,
                            true,
                            false
                        )
                        .draw();
                }

                if (hold_Data_city1) {
                    for (let i = 0; i < hold_Data_city1.length; i++) {
                        city1_array.push(hold_Data_city1[i].text.trim().concat("|"));
                    }
                }
                for (let i = 0; i < city1_array.length; i++) {
                    city1_String += city1_array[i];
                }
                if (city1_String[city1_String.length - 1] == "|") {
                    city1_String_edited = city1_String.slice(0, city1_String.length - 1);
                }

                hold_Data_city2 = $("#select-city2").select2("data");
                for (let i = 0; i < hold_Data_city2.length; i++) {
                    city2_array.push(hold_Data_city2[i].text.trim().concat("|"));
                }
                for (let i = 0; i < city2_array.length; i++) {
                    city2_String += city2_array[i];
                }
                if (city2_String[city2_String.length - 1] == "|") {
                    city2_String_edited = city2_String.slice(0, city2_String.length - 1);
                }

                hold_Data_city3 = $("#select-city3").select2("data");
                for (let i = 0; i < hold_Data_city3.length; i++) {
                    city3_array.push(hold_Data_city3[i].text.trim().concat("|"));
                }
                if (city3_array) {
                    for (let i = 0; i < city3_array.length; i++) {
                        city3_String += city3_array[i];
                    }
                }
                if (city3_String[city3_String.length - 1] == "|") {
                    city3_String_edited = city3_String.slice(0, city3_String.length - 1);
                }

                var farsamoner;
                var farsamNum = 0;
                if (city1_String_edited) {
                    farsamoner = city1_String_edited;
                    farsamNum++;
                }
                if (city2_String_edited) {
                    farsamNum != 0 ? (farsamoner += "|") : (farsamoner += "");
                    farsamoner += city2_String_edited;
                    farsamNum++;
                }
                if (city3_String_edited) {
                    farsamNum != 0 ? (farsamoner += "|") : (farsamoner += "");
                    farsamoner += city3_String_edited;
                }
                if (farsamoner) {
                    $("#example")
                        .DataTable()
                        .column(2)
                        .search(farsamoner, true, false)
                        .draw();
                }
                if (data_select_sec) {
                    for (let i = 0; i < data_select_sec.length; i++) {
                        array_hold.push(data_select_sec[i].text.trim());
                    }
                    for (var i = 0; i < array_hold.length; i++) {
                        array_hold_String += array_hold[i].concat("|");
                    }

                    if (array_hold_String[array_hold_String.length - 1] == "|") {
                        array_hold_String_edited = array_hold_String.slice(
                            0,
                            array_hold_String.length - 1
                        );
                    }
                    if (array_hold_String_edited) {
                        $("#example")
                            .DataTable()
                            .column(5)
                            .search(array_hold_String_edited, true, false)
                            .draw();
                    }
                }

                if (data_select_Axis_type) {
                    for (var i = 0; i < data_select_Axis_type.length; i++) {
                        array_hold_Axis_type.push(
                            data_select_Axis_type[i].text.trim().concat("|")
                        );
                    }
                    for (let i = 0; i < array_hold_Axis_type.length; i++) {
                        String_hold_Axis_type += array_hold_Axis_type[i];
                    }

                    if (String_hold_Axis_type[String_hold_Axis_type.length - 1] === "|") {
                        String_edited_Axis_type = String_hold_Axis_type.slice(
                            0,
                            String_hold_Axis_type.length - 1
                        );
                    }

                    if (String_edited_Axis_type) {
                        $("#example")
                            .DataTable()
                            .column(4)
                            .search(String_edited_Axis_type, true, false)
                            .draw();
                    }
                }
            });
        },
        //End pooria
    });
    //pooria
    $(".btn-increase").on("click", function () {
        init_row_filter();
        $(".btn-increase").prop("disabled", true);
        init_data_filter2();
        init_data_filter3();
    });
    function init_row_filter() {
        $.ajax({
            url: "https://rms.rmto.ir/public/contents/provinces",
            type: "GET",
            success: function (data) {
                list_province = data.data;
                for (let index = 0; index < list_province.length; index++) {
                    $(".js-example-basic-multiple").append(
                        "\
                <option value=" +
                        list_province[index].id +
                        ">" +
                        list_province[index].name_fa +
                        "</option>\
              "
                    );
                }
            },
        });
    }
    function init_data_filter1() {
        let hold_idSelect = $("#select-province1").val();
        console.log(hold_idSelect);
        $.ajax({
            url: "https://rms.rmto.ir/public/contents/provinces/" + hold_idSelect,
            type: "GET",
            success: function (data) {
                list_citys = data.data;
                //ppp
                // $("#select-city1").val(0).trigger("change");
                $("#select-city1").html("");
                for (let index = 0; index < list_citys.length; index++) {
                    $("#select-city1").append(
                        "\
              <option value=" +
                        list_citys[index].id +
                        ">" +
                        list_citys[index].name_fa +
                        "</option>\
            "
                    );
                }
            },
        });

        if ($("#select-province1").val() != 0) {
            $(".btn-increase").prop("disabled", false);
        }
        $(".btn-increase").on("click", function () {
            $("#append-input-forFilter2").removeClass("d-none");
        });
    }
    function init_data_filter2() {
        $("#select-province2").on("change", function () {
            let hold_idSelect = $("#select-province2").val();
            $.ajax({
                url: "https://rms.rmto.ir/public/contents/provinces/" + hold_idSelect,
                type: "GET",
                success: function (data) {
                    list_citys = data.data;
                    $("#select-city2").html("");
                    for (let index = 0; index < list_citys.length; index++) {
                        $("#select-city2").append(
                            "\
                <option value=" +
                            list_citys[index].id +
                            ">" +
                            list_citys[index].name_fa +
                            "</option>\
              "
                        );
                    }
                },
            });
            if ($("#select-province2").val() != 0) {
                $(".btn-increase").prop("disabled", false);
            }
            $(".btn-increase").on("click", function () {
                $("#append-input-forFilter3").removeClass("d-none");
            });
        });
    }
    function init_data_filter3() {
        $("#select-province3").on("change", function () {
            let hold_idSelect = $("#select-province3").val();
            $.ajax({
                url: "https://rms.rmto.ir/public/contents/provinces/" + hold_idSelect,
                type: "GET",
                success: function (data) {
                    list_citys = data.data;
                    $("#select-city3").empty("");
                    for (let index = 0; index < list_citys.length; index++) {
                        $("#select-city3").append(
                            "\
                <option value=" +
                            list_citys[index].id +
                            ">" +
                            list_citys[index].name_fa +
                            "</option>\
              "
                        );
                    }
                },
            });
            if ($("#select-province3").val() != 0) {
                $(".btn-increase").prop("disabled", false);
            }
        });
    }
    //End pooria
    //yasi change end
});
function createLeafletMap(startP, endP, update) {
    console.log("createLeafletMap");

    let bounds = [
        [42.9130026312, 75.6166317076],
        [20.5782370061, 35.5092252948],
    ];

    let mapName;

    if (!update) {
        console.log("hewre ");

        map = new L.map("abrar-map", {
            maxBounds: bounds,
            minZoom: 6,
        }).setView(startP, 9);
        mapName = map;
    } else {
        console.log("hello map 22222");

        map2 = new L.map("abrar-map-2", {
            maxBounds: bounds,
            minZoom: 6,
        }).setView(startP, 9);
        mapName = map2;
    }

    L.tileLayer("https://testmap.141.ir/141map/{z}/{x}/{y}.png", {}).addTo(
        mapName
    );

    if (update) {
        startAbrarMarker = new L.marker(startP, {
            icon: startAbrarDivIcon,
            draggable: false,
        }).addTo(mapName);
    } else {
        startAbrarMarker = new L.marker(startP, {
            icon: startAbrarDivIcon,
            draggable: true,
        }).addTo(mapName);
    }

    if (!edit) {
        endAbrarMarker = new L.marker(endP, {
            icon: endAbrarDivIcon,
            draggable: true,
        });
    } else {
        isSetStartAbrarMarker = true;
        $("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");
        if (update) {
            mapName = map2;
            if (endAbrarMarker && endP[0] != "NaN") {
                endAbrarMarker.remove();
                endAbrarMarker.setLatLng(endP);
                endAbrarMarker.addTo(mapName);
                isSetEndAbrarMarker = true;
                $("#pin-marker-end")
                    .removeClass("pin-move pin-warn")
                    .addClass("pin-set");
                checkMarkersAndDrawPath(update);
            } else if (!endAbrarMarker && endP[0] != "NaN") {
                endAbrarMarker = new L.marker(endP, {
                    icon: endAbrarDivIcon,
                    draggable: false,
                });
                endAbrarMarker.addTo(mapName);
                isSetEndAbrarMarker = true;
                $("#pin-marker-end")
                    .removeClass("pin-move pin-warn")
                    .addClass("pin-set");
                checkMarkersAndDrawPath(update);
            } else if (endAbrarMarker && endP[0] == "NaN") {
                endAbrarMarker.remove();
            }

            progressAbrarMarker = new L.marker(
                [parseFloat(startP[0]), parseFloat(startP[1]) + 1],
                {
                    icon: progressAbrarDivIcon,
                    draggable: true,
                }
            ).addTo(mapName);

            progressAbrarMarker.on("click", function () {
                console.log("clickstart");
                if (!isSetprogressAbrarMarker) {
                    progressAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
                    isSetprogressAbrarMarker = true;

                    $("#pin-marker-progress")
                        .removeClass("pin-move pin-warn")
                        .addClass("pin-set");

                    // $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
                    //   progressAbrarMarker.getLatLng().lat.toFixed(6) +
                    //   progressAbrarMarker.getLatLng().lng.toFixed(6)
                    // );
                    // $(
                    //   "#stepModalmaintenance input[name=abrar-project-latlng-start]"
                    // ).removeClass("is-invalid-input");
                }
            });

            mapName.on("move", function () {
                if (!isSetprogressAbrarMarker) {
                    progressAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
                    $("#pin-marker-progress").removeClass("pin-set").addClass("pin-move");
                }
            });

            mapName.on("moveend", function () {
                if (!isSetprogressAbrarMarker) {
                    progressAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
                    $("#pin-marker-progress").removeClass("pin-move pin-set");
                }
            });

            progressAbrarMarker.on("drag", function () {
                $("#pin-marker-progress").addClass("pin-move");
                // checkMarkersAndDrawPath(update);
            });

            progressAbrarMarker.on("dragend", function () {
                $("#pin-marker-progress").removeClass("pin-move");

                if (
                    $("#pin-marker-progress").hasClass("pin-set") ||
                    isSetprogressAbrarMarker
                ) {
                    // $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
                    //   startAbrarMarker.getLatLng().lat.toFixed(6) +
                    //   startAbrarMarker.getLatLng().lng.toFixed(6)
                    // );
                    // $(
                    //   "#stepModalmaintenance input[name=abrar-project-latlng-start]"
                    // ).removeClass("is-invalid-input");
                    $("#pin-marker-progress").addClass("pin-set");
                    // checkMarkersAndDrawPath(update);
                } else {
                    mapName.setView(progressAbrarMarker.getLatLng());
                }
            });
        } else {
            mapName = map;

            if (endAbrarMarker && endP[0] != "NaN") {
                endAbrarMarker.remove();
                endAbrarMarker.setLatLng(endP);
                endAbrarMarker.addTo(mapName);
                isSetEndAbrarMarker = true;
                $("#pin-marker-end")
                    .removeClass("pin-move pin-warn")
                    .addClass("pin-set");
                checkMarkersAndDrawPath(update);
                console.log("edit1");
            } else if (!endAbrarMarker && endP[0] != "NaN") {
                endAbrarMarker = new L.marker(endP, {
                    icon: endAbrarDivIcon,
                    draggable: true,
                });
                endAbrarMarker.addTo(mapName);
                isSetEndAbrarMarker = true;
                $("#pin-marker-end")
                    .removeClass("pin-move pin-warn")
                    .addClass("pin-set");
                console.log("edit2");
                console.log(endP);
                checkMarkersAndDrawPath(update);
            } else if (endAbrarMarker && endP[0] == "NaN") {
                endAbrarMarker.remove();
                endAbrarMarker.setLatLng([
                    parseFloat(startP[0]),
                    parseFloat(startP[1]) + 1,
                ]);
                endAbrarMarker.addTo(mapName);
                isSetEndAbrarMarker = false;
                $("#pin-marker-end").removeClass("pin-move pin-warn pin-set");
                console.log("edit3");
            } else {
                endAbrarMarker = new L.marker(
                    [parseFloat(startP[0]), parseFloat(startP[1]) + 1],
                    {
                        icon: endAbrarDivIcon,
                        draggable: true,
                    }
                );
                endAbrarMarker.addTo(mapName);
                isSetEndAbrarMarker = false;
                $("#pin-marker-end").removeClass("pin-move pin-warn pin-set");
                console.log("edit4");
            }
        }
    }

    // if (!update) {
    //   if (endP[0] != "NaN") {
    //     endAbrarMarker = new L.marker(endP, {
    //       icon: endAbrarDivIcon,
    //       draggable: true,
    //     });
    //   } else {
    //     endAbrarMarker = new L.marker([
    //       parseFloat(startP[0]),
    //       parseFloat(startP[1]) + 1,
    //     ], {
    //       icon: endAbrarDivIcon,
    //       draggable: true,
    //     });
    //   }
    // }

    // if (edit) {

    //   if (endP[0] != "NaN") {
    //     avrLat = (parseFloat(startP[0]) + parseFloat(endP[0])) / 2;
    //     avrLng = (parseFloat(startP[1]) + parseFloat(endP[1])) / 2;
    //   }

    //   if (update) {

    //     if (endP[0] != "NaN") {
    //       progressAbrarMarker = new L.marker([avrLat, avrLng], {
    //         icon: progressAbrarDivIcon,
    //         draggable: true,
    //       }).addTo(mapName);
    //     } else {
    //       progressAbrarMarker = new L.marker([parseFloat(startP[0]),
    //       parseFloat(startP[1]) + 1
    //       ], {
    //         icon: progressAbrarDivIcon,
    //         draggable: true,
    //       }).addTo(mapName);

    //     }

    //   }
    //   if (endAbrarMarker) {
    //     if (update) {
    //       if (endP[0] != "NaN") {
    //         endAbrarMarker.addTo(mapName);

    //       } else {
    //         endAbrarMarker.remove()
    //       }

    //     }
    //     else {
    //       endAbrarMarker.addTo(mapName);

    //     }
    //   }
    //   // endAbrarMarker.addTo(mapName);

    //   isSetStartAbrarMarker = true;
    //   isSetEndAbrarMarker = true;

    //   if (update) {
    //     startAbrarMarker.dragging.disable();
    //     if (endP[0] != "NaN") {
    //       endAbrarMarker.dragging.disable();
    //     }

    //   }

    //   $("#pin-marker-start").addClass("pin-set");
    //   if (endP[0] != "NaN") {

    //     $("#pin-marker-end").addClass("pin-set");
    //   }
    //   else {
    //     $("#pin-marker-end").removeClass("pin-set");
    //   }

    //   checkMarkersAndDrawPath(update);

    //   if (endP[0] != "NaN") {
    //     mapName.setView([avrLat, avrLng], 6);
    //   } else {
    //     mapName.setView(startP, 6);
    //   }

    // }

    // map.on('move', function () {
    //   if (!isSetStartAbrarMarker) {
    //     startAbrarMarker.setLatLng(L.latLng(map.getCenter()));
    //     $('#pin-marker-start').removeClass('pin-set pin-warn').addClass('pin-move');
    //   }

    // });

    mapName.on("move", function () {
        if (!isSetStartAbrarMarker && !isSetEndAbrarMarker) {
            startAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
            $("#pin-marker-start").removeClass("pin-set").addClass("pin-move");
        }

        if (isSetStartAbrarMarker && !isSetEndAbrarMarker && !update) {
            endAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
            $("#pin-marker-end").removeClass("pin-set").addClass("pin-move");
        }
    });

    mapName.on("moveend", function () {
        if (!isSetStartAbrarMarker && !isSetEndAbrarMarker) {
            startAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
            $("#pin-marker-start").removeClass("pin-move pin-set");
        }

        if (isSetStartAbrarMarker && !isSetEndAbrarMarker && !update) {
            endAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
            $("#pin-marker-end").removeClass("pin-move pin-set");
        }
    });

    startAbrarMarker.on("click", function () {
        console.log("clickstart");
        if (!isSetStartAbrarMarker) {
            startAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
            isSetStartAbrarMarker = true;

            $("#pin-marker-start")
                .removeClass("pin-move pin-warn")
                .addClass("pin-set");

            $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
                startAbrarMarker.getLatLng().lat.toFixed(6) +
                startAbrarMarker.getLatLng().lng.toFixed(6)
            );
            $(
                "#stepModalmaintenance input[name=abrar-project-latlng-start]"
            ).removeClass("is-invalid-input");

            let markerLatLng = [
                startAbrarMarker.getLatLng().lat,
                startAbrarMarker.getLatLng().lng + 0.0008,
            ];

            mapName.setView(markerLatLng);

            // if(!endAbrarMarker){
            //   endAbrarMarker = new L.marker(endP, {
            //     icon: endAbrarDivIcon,
            //     draggable: true,
            //   });
            // }

            endAbrarMarker.setLatLng(markerLatLng);
            endAbrarMarker.addTo(mapName);
        }
    });

    if (endAbrarMarker) {
        endAbrarMarker.on("click", function () {
            console.log("clickend");
            if (!isSetEndAbrarMarker) {
                endAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
                isSetEndAbrarMarker = true;

                $("#pin-marker-end").removeClass("pin-move").addClass("pin-set");

                $("#stepModalmaintenance input[name=abrar-project-latlng-end]").val(
                    endAbrarMarker.getLatLng().lat.toFixed(6) +
                    endAbrarMarker.getLatLng().lng.toFixed(6)
                );
                $(
                    "#stepModalmaintenance input[name=abrar-project-latlng-end]"
                ).removeClass("is-invalid-input");

                checkMarkersAndDrawPath(update);
            }
        });

        endAbrarMarker.on("drag", function () {
            $("#pin-marker-end").addClass("pin-move");
            checkMarkersAndDrawPath(update);
        });

        endAbrarMarker.on("dragend", function () {
            $("#pin-marker-end").removeClass("pin-move");

            if ($("#pin-marker-end").hasClass("pin-set") || isSetEndAbrarMarker) {
                $("#stepModalmaintenance input[name=abrar-project-latlng-end]").val(
                    endAbrarMarker.getLatLng().lat.toFixed(6) +
                    endAbrarMarker.getLatLng().lng.toFixed(6)
                );
                $(
                    "#stepModalmaintenance input[name=abrar-project-latlng-end]"
                ).removeClass("is-invalid-input");
                $("#pin-marker-end").addClass("pin-set");
                checkMarkersAndDrawPath(update);
            } else {
                mapName.setView(endAbrarMarker.getLatLng());
            }
        });
    }

    startAbrarMarker.on("drag", function () {
        $("#pin-marker-start").addClass("pin-move");
        checkMarkersAndDrawPath(update);
    });

    startAbrarMarker.on("dragend", function () {
        $("#pin-marker-start").removeClass("pin-move");

        if ($("#pin-marker-start").hasClass("pin-set") || isSetStartAbrarMarker) {
            $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
                startAbrarMarker.getLatLng().lat.toFixed(6) +
                startAbrarMarker.getLatLng().lng.toFixed(6)
            );
            $(
                "#stepModalmaintenance input[name=abrar-project-latlng-start]"
            ).removeClass("is-invalid-input");
            $("#pin-marker-start").addClass("pin-set");
            checkMarkersAndDrawPath(update);
        } else {
            mapName.setView(startAbrarMarker.getLatLng());
        }
    });
}
$("#example").on("click", "button.image-show", function () {
    var tr = $(this).closest("tr");
    var row = table.row(tr);
    idkol = row.data().id;
    console.log("idkol", idkol);
    let formData = new FormData();
    formData.append("id", idkol);

    // showLoaderScreen();
    $.ajax({
        url: "https://rms.rmto.ir/camp/get",
        type: "POST",
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
        },
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        success: function (result) {
            console.log("kikii", result);
            console.log(result.data.files.length)
            if (result.data.files.length != 0) {
                //yasi is hear 
                // var images = row.data().images
                // var dates = row.date().images_dates
                // hideLoaderScreen();
                opensliderforeachrow(result.data, 1);

                // to do slider show
            }
        },
    });
});
function opensliderforeachrow(row, main) {
    console.log("rr", row);
    // let row = table.row(tr);
    // console.log("have u ever",row);
    sliderImages = row.files;
    let updated_at;
    // if(main){
    //  updated_at = row.data().last_history.last_updated_at;
    // }else{
    //   updated_at = row.data().updated_at;
    // }
    let dataLength = sliderImages.length;

    console.log(sliderImages);

    $("#slideshow-slide").find(".mySlides").remove();
    $("#slideshow-dot").find(".dot").remove();

    for (let index = 0; index < sliderImages.length; index++) {
        var imageUrl;
        var updateDate;
        if (main == 0) {
            imageUrl = sliderImages[index];
            updateDate = row.submited_at;
        } else {
            console.log("kkk", sliderImages[index].path.slice(6))
            imageUrl =
                "https://rms.rmto.ir/storage" + sliderImages[index].path.slice(6);
            console.log("hatman", imageUrl);
            console.log("hasman", row.updated_at);

            updateDate = row.submited_at;
        }
        console.log("indexxx", index + 1);
        var test = index + 1;

        let divSlide =
            '<div class="mySlides"><div class="numbertext">' +
            (index + 1) +
            " / " +
            sliderImages.length +
            '</div><img src="' +
            imageUrl +
            '"><div class="textt"> تصویر ' +
            test +
            ":" +
            " " +
            "تاریخ  :" +
            updateDate +
            "</div></div>";
        $("#slideshow-slide").append(divSlide);
        $("#slideshow-dot").append(
            '<span class="dot" onclick="currentphotoshow(' + test + ')"></span>'
        );

        // if (sliderImages[index].path.includes("image-2")) {
        //   let divSlide =
        //     '<div class="mySlides"><div class="numbertext">' +
        //     (index + 1) +
        //     " / " +
        //     sliderImages.length +
        //     '</div><img src="https://rms.rmto.ir/' +
        //     sliderImages[index].path.replace("public", "storage") +
        //     '"><div class="textt"> تصویر ' +
        //     (index + 1) +
        //     ":" +
        //     " " +
        //     "تاریخ  :" +
        //     updated_at +
        //     "</div></div>";
        //   $("#slideshow-slide").append(divSlide);
        //   $("#slideshow-dot").append(
        //     '<span class="dot" onclick="currentphotoshow(' + 2 + ')"></span>'
        //   );
        // }
        // if (sliderImages[index].path.includes("image-3")) {
        //   let divSlide =
        //     '<div class="mySlides"><div class="numbertext">' +
        //     (index + 1) +
        //     " / " +
        //     sliderImages.length +
        //     '</div><img src="https://rms.rmto.ir/' +
        //     sliderImages[index].path.replace("public", "storage") +
        //     '"><div class="textt"> تصویر ' +
        //     (index + 1) +
        //     ":" +
        //     " " +
        //     "تاریخ  :" +
        //     updated_at +
        //     "</div></div>";
        //   $("#slideshow-slide").append(divSlide);
        //   $("#slideshow-dot").append(
        //     '<span class="dot" onclick="currentphotoshow(' + 3 + ')"></span>'
        //   );
        // }
        // if (sliderImages[index].path.includes("image-4")) {
        //   let divSlide =
        //     '<div class="mySlides"><div class="numbertext">' +
        //     (index + 1) +
        //     " / " +
        //     sliderImages.length +
        //     '</div><img src="https://rms.rmto.ir/' +
        //     sliderImages[index].path.replace("public", "storage") +
        //     '"><div class="textt"> تصویر ' +
        //     (index + 1) +
        //     ":" +
        //     " " +
        //     "تاریخ  :" +
        //     updated_at +
        //     "</div></div>";
        //   $("#slideshow-slide").append(divSlide);
        //   $("#slideshow-dot").append(
        //     '<span class="dot" onclick="currentphotoshow(' + 4 + ')"></span>'
        //   );
        // }
        // if (sliderImages[index].path.includes("image-5")) {
        //   let divSlide =
        //     '<div class="mySlides"><div class="numbertext">' +
        //     (index + 1) +
        //     " / " +
        //     sliderImages.length +
        //     '</div><img src="https://rms.rmto.ir/' +
        //     sliderImages[index].path.replace("public", "storage") +
        //     '"><div class="textt"> تصویر ' +
        //     (index + 1) +
        //     ":" +
        //     " " +
        //     "تاریخ  :" +
        //     updated_at +
        //     "</div></div>";
        //   $("#slideshow-slide").append(divSlide);
        //   $("#slideshow-dot").append(
        //     '<span class="dot" onclick="currentphotoshow(' + 5 + ')"></span>'
        //   );
        // }
        // if (sliderImages[index].path.includes("image-6")) {
        //   let divSlide =
        //     '<div class="mySlides"><div class="numbertext">' +
        //     (index + 1) +
        //     " / " +
        //     sliderImages.length +
        //     '</div><img src="https://rms.rmto.ir/' +
        //     sliderImages[index].path.replace("public", "storage") +
        //     '"><div class="textt"> تصویر ' +
        //     (index + 1) +
        //     ":" +
        //     " " +
        //     "تاریخ  :" +
        //     updated_at +
        //     "</div></div>";
        //   $("#slideshow-slide").append(divSlide);
        //   $("#slideshow-dot").append(
        //     '<span class="dot" onclick="currentphotoshow(' + 6 + ')"></span>'
        //   );
        // }
        // if (sliderImages[index].path.includes("image-7")) {
        //   let divSlide =
        //     '<div class="mySlides"><div class="numbertext">' +
        //     (index + 1) +
        //     " / " +
        //     sliderImages.length +
        //     '</div><img src="https://rms.rmto.ir/' +
        //     sliderImages[index].path.replace("public", "storage") +
        //     '"><div class="textt"> تصویر ' +
        //     (index + 1) +
        //     ":" +
        //     " " +
        //     "تاریخ  :" +
        //     updated_at +
        //     "</div></div>";
        //   $("#slideshow-slide").append(divSlide);
        //   $("#slideshow-dot").append(
        //     '<span class="dot" onclick="currentphotoshow(' + 7 + ')"></span>'
        //   );
        // }
        // if (sliderImages[index].path.includes("image-8")) {
        //   let divSlide =
        //     '<div class="mySlides"><div class="numbertext">' +
        //     (index + 1) +
        //     " / " +
        //     sliderImages.length +
        //     '</div><img src="https://rms.rmto.ir/' +
        //     sliderImages[index].path.replace("public", "storage") +
        //     '"><div class="textt"> تصویر ' +
        //     (index + 1) +
        //     ":" +
        //     " " +
        //     "تاریخ  :" +
        //     updated_at +
        //     "</div></div>";
        //   $("#slideshow-slide").append(divSlide);
        //   $("#slideshow-dot").append(
        //     '<span class="dot" onclick="currentphotoshow(' + 8 + ')"></span>'
        //   );
        // }
    }

    if (dataLength > 0) {
        slideindex = 1;
        layerslidershow(slideindex);
        $("#slideroverlay").css("display", "block");
    }
}
function openSlidershowbutton(row, main) {
    console.log("rr", row);
    // let row = table.row(tr);
    // console.log("have u ever",row);
    sliderImages = row.data().images;
    console.log("have u ever", row.data());
    let updated_at;
    // if(main){
    //  updated_at = row.data().last_history.last_updated_at;
    // }else{
    //   updated_at = row.data().updated_at;
    // }
    let dataLength = sliderImages.length;

    console.log(sliderImages);

    $("#slideshow-slide").find(".mySlides").remove();
    $("#slideshow-dot").find(".dot").remove();

    for (let index = 0; index < sliderImages.length; index++) {
        var imageUrl;
        var updateDate;
        if (main == 1) {
            imageUrl = sliderImages[index];
            updateDate = row.data().images_dates[index];
        } else {
            imageUrl =
                "https://rms.rmto.ir/storage" + sliderImages[index].path.slice(6);
            console.log("hatman", imageUrl);
            console.log("hasman", row.data().updated_at);

            updateDate = row.data().updated_at;
        }
        console.log("indexxx", index + 1);
        var test = index + 1;

        let divSlide =
            '<div class="mySlides"><div class="numbertext">' +
            (index + 1) +
            " / " +
            sliderImages.length +
            '</div><img src="' +
            imageUrl +
            '"><div class="textt"> تصویر ' +
            test +
            ":" +
            " " +
            "تاریخ  :" +
            updateDate +
            "</div></div>";
        $("#slideshow-slide").append(divSlide);
        $("#slideshow-dot").append(
            '<span class="dot" onclick="currentphotoshow(' + test + ')"></span>'
        );

        // if (sliderImages[index].path.includes("image-2")) {
        //   let divSlide =
        //     '<div class="mySlides"><div class="numbertext">' +
        //     (index + 1) +
        //     " / " +
        //     sliderImages.length +
        //     '</div><img src="https://rms.rmto.ir/' +
        //     sliderImages[index].path.replace("public", "storage") +
        //     '"><div class="textt"> تصویر ' +
        //     (index + 1) +
        //     ":" +
        //     " " +
        //     "تاریخ  :" +
        //     updated_at +
        //     "</div></div>";
        //   $("#slideshow-slide").append(divSlide);
        //   $("#slideshow-dot").append(
        //     '<span class="dot" onclick="currentphotoshow(' + 2 + ')"></span>'
        //   );
        // }
        // if (sliderImages[index].path.includes("image-3")) {
        //   let divSlide =
        //     '<div class="mySlides"><div class="numbertext">' +
        //     (index + 1) +
        //     " / " +
        //     sliderImages.length +
        //     '</div><img src="https://rms.rmto.ir/' +
        //     sliderImages[index].path.replace("public", "storage") +
        //     '"><div class="textt"> تصویر ' +
        //     (index + 1) +
        //     ":" +
        //     " " +
        //     "تاریخ  :" +
        //     updated_at +
        //     "</div></div>";
        //   $("#slideshow-slide").append(divSlide);
        //   $("#slideshow-dot").append(
        //     '<span class="dot" onclick="currentphotoshow(' + 3 + ')"></span>'
        //   );
        // }
        // if (sliderImages[index].path.includes("image-4")) {
        //   let divSlide =
        //     '<div class="mySlides"><div class="numbertext">' +
        //     (index + 1) +
        //     " / " +
        //     sliderImages.length +
        //     '</div><img src="https://rms.rmto.ir/' +
        //     sliderImages[index].path.replace("public", "storage") +
        //     '"><div class="textt"> تصویر ' +
        //     (index + 1) +
        //     ":" +
        //     " " +
        //     "تاریخ  :" +
        //     updated_at +
        //     "</div></div>";
        //   $("#slideshow-slide").append(divSlide);
        //   $("#slideshow-dot").append(
        //     '<span class="dot" onclick="currentphotoshow(' + 4 + ')"></span>'
        //   );
        // }
        // if (sliderImages[index].path.includes("image-5")) {
        //   let divSlide =
        //     '<div class="mySlides"><div class="numbertext">' +
        //     (index + 1) +
        //     " / " +
        //     sliderImages.length +
        //     '</div><img src="https://rms.rmto.ir/' +
        //     sliderImages[index].path.replace("public", "storage") +
        //     '"><div class="textt"> تصویر ' +
        //     (index + 1) +
        //     ":" +
        //     " " +
        //     "تاریخ  :" +
        //     updated_at +
        //     "</div></div>";
        //   $("#slideshow-slide").append(divSlide);
        //   $("#slideshow-dot").append(
        //     '<span class="dot" onclick="currentphotoshow(' + 5 + ')"></span>'
        //   );
        // }
        // if (sliderImages[index].path.includes("image-6")) {
        //   let divSlide =
        //     '<div class="mySlides"><div class="numbertext">' +
        //     (index + 1) +
        //     " / " +
        //     sliderImages.length +
        //     '</div><img src="https://rms.rmto.ir/' +
        //     sliderImages[index].path.replace("public", "storage") +
        //     '"><div class="textt"> تصویر ' +
        //     (index + 1) +
        //     ":" +
        //     " " +
        //     "تاریخ  :" +
        //     updated_at +
        //     "</div></div>";
        //   $("#slideshow-slide").append(divSlide);
        //   $("#slideshow-dot").append(
        //     '<span class="dot" onclick="currentphotoshow(' + 6 + ')"></span>'
        //   );
        // }
        // if (sliderImages[index].path.includes("image-7")) {
        //   let divSlide =
        //     '<div class="mySlides"><div class="numbertext">' +
        //     (index + 1) +
        //     " / " +
        //     sliderImages.length +
        //     '</div><img src="https://rms.rmto.ir/' +
        //     sliderImages[index].path.replace("public", "storage") +
        //     '"><div class="textt"> تصویر ' +
        //     (index + 1) +
        //     ":" +
        //     " " +
        //     "تاریخ  :" +
        //     updated_at +
        //     "</div></div>";
        //   $("#slideshow-slide").append(divSlide);
        //   $("#slideshow-dot").append(
        //     '<span class="dot" onclick="currentphotoshow(' + 7 + ')"></span>'
        //   );
        // }
        // if (sliderImages[index].path.includes("image-8")) {
        //   let divSlide =
        //     '<div class="mySlides"><div class="numbertext">' +
        //     (index + 1) +
        //     " / " +
        //     sliderImages.length +
        //     '</div><img src="https://rms.rmto.ir/' +
        //     sliderImages[index].path.replace("public", "storage") +
        //     '"><div class="textt"> تصویر ' +
        //     (index + 1) +
        //     ":" +
        //     " " +
        //     "تاریخ  :" +
        //     updated_at +
        //     "</div></div>";
        //   $("#slideshow-slide").append(divSlide);
        //   $("#slideshow-dot").append(
        //     '<span class="dot" onclick="currentphotoshow(' + 8 + ')"></span>'
        //   );
        // }
    }

    if (dataLength > 0) {
        slideindex = 1;
        layerslidershow(slideindex);
        $("#slideroverlay").css("display", "block");
    }
}

function createLeafletMapshow(startP, endP) {
    console.log("histart");
    var latapi1 = startP[0];
    var lngapi1 = startP[1];
    var latapi2 = endP[0];
    var lngapi2 = endP[1];
    let bounds = [
        [42.9130026312, 75.6166317076],
        [20.5782370061, 35.5092252948],
    ];

    mapshow = new L.map("abrarshow-map", {
        maxBounds: bounds,
        minZoom: 6,
    }).setView([latapi1, lngapi1], 9);

    L.tileLayer("https://testmap.141.ir/141map/{z}/{x}/{y}.png", {}).addTo(
        mapshow
    );

    startAbrarMarkershow = new L.marker(L.latLng(latapi1, lngapi1), {
        icon: startAbrarDivIcon,
    }).addTo(mapshow);

    endAbrarMarkershow = new L.marker(L.latLng(latapi2, lngapi2), {
        icon: endAbrarDivIcon,
    }).addTo(mapshow);

    isSetStartAbrarMarkershow = true;

    $("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");

    isSetEndAbrarMarkershow = true;

    $("#pin-marker-end").removeClass("pin-move").addClass("pin-set");

    checkMarkersAndDrawPathshow();
    // var showlat = (parseFloat(startP[0]) + parseFloat(endP[0])) / 2
    // var showlng = (parseFloat(startP[1]) + parseFloat(endP[1])) / 2

    // mapshow.setView([showlat, showlng], 6);

    // mapshow.on("move", function () {
    //   if (!isSetStartAbrarMarkershow && !isSetEndAbrarMarkershow) {
    //     startAbrarMarkershow.setLatLng(L.latLng(mapshow.getCenter()));
    //     $("#pin-marker-start").removeClass("pin-set").addClass("pin-move");
    //   }

    //   if (isSetStartAbrarMarkershow && !isSetEndAbrarMarkershow) {
    //     endAbrarMarker.setLatLng(L.latLng(mapshow.getCenter()));
    //     $("#pin-marker-end").removeClass("pin-set").addClass("pin-move");
    //   }
    // });

    // mapshow.on("moveend", function () {
    //   if (!isSetStartAbrarMarkershow && !isSetEndAbrarMarkershow) {
    //     startAbrarMarker.setLatLng(L.latLng(mapshow.getCenter()));
    //     $("#pin-marker-start").removeClass("pin-move pin-set");
    //   }

    //   if (isSetStartAbrarMarkershow && !isSetEndAbrarMarkershow) {
    //     endAbrarMarker.setLatLng(L.latLng(mapshow.getCenter()));
    //     $("#pin-marker-end").removeClass("pin-move pin-set");
    //   }
    // });

    // startAbrarMarkershow.on("click", function () {
    //   console.log("clickstart");
    //   if (!isSetStartAbrarMarkershow) {
    //     startAbrarMarkershow.setLatLng(L.latLng(mapshow.getCenter()));
    //     isSetStartAbrarMarkershow = true;

    //     $("#pin-marker-start")
    //       .removeClass("pin-move pin-warn")
    //       .addClass("pin-set");

    //     $("#stepModalmaintenanceshow input[name=abrar-project-latlng-startshow]").val(
    //       startAbrarMarkershow.getLatLng().lat.toFixed(6) +
    //       startAbrarMarkershow.getLatLng().lng.toFixed(6)
    //     );
    //     $(
    //       "#stepModalmaintenanceshow input[name=abrar-project-latlng-startshow]"
    //     ).removeClass("is-invalid-input");

    //     let markerLatLng = [
    //       startAbrarMarkershow.getLatLng().lat,
    //       startAbrarMarkershow.getLatLng().lng + 0.0008,
    //     ];

    //     mapshow.setView(markerLatLng);

    //     // if(!endAbrarMarker){
    //     //   endAbrarMarker = new L.marker(endP, {
    //     //     icon: endAbrarDivIcon,
    //     //     draggable: true,
    //     //   });
    //     // }

    //     endAbrarMarkershow.setLatLng(markerLatLng);
    //     endAbrarMarkershow.addTo(mapshow);
    //   }
    // });

    // endAbrarMarkershow.on("click", function () {
    //   console.log("clickend");
    //   if (!isSetEndAbrarMarkershow) {
    //     endAbrarMarkershow.setLatLng(L.latLng(mapshow.getCenter()));
    //     isSetEndAbrarMarkershow = true;

    //     $("#pin-marker-end").removeClass("pin-move").addClass("pin-set");

    //     $("#stepModalmaintenanceshow input[name=abrar-project-latlng-endshow]").val(
    //       endAbrarMarkershow.getLatLng().lat.toFixed(6) +
    //       endAbrarMarkershow.getLatLng().lng.toFixed(6)
    //     );
    //     $(
    //       "#stepModalmaintenanceshow input[name=abrar-project-latlng-endshow]"
    //     ).removeClass("is-invalid-input");

    //     checkMarkersAndDrawPath();
    //   }
    // });

    // startAbrarMarkershow.on("drag", function () {
    //   $("#pin-marker-start").addClass("pin-move");
    //   checkMarkersAndDrawPath();
    // });

    // endAbrarMarkershow.on("drag", function () {
    //   $("#pin-marker-end").addClass("pin-move");
    //   checkMarkersAndDrawPath();
    // });

    // startAbrarMarkershow.on("dragend", function () {
    //   $("#pin-marker-start").removeClass("pin-move");

    //   if ($("#pin-marker-start").hasClass("pin-set") || isSetStartAbrarMarkershow) {
    //     $("#stepModalmaintenanceshow input[name=abrar-project-latlng-startshow]").val(
    //       startAbrarMarkershow.getLatLng().lat.toFixed(6) +
    //       startAbrarMarkershow.getLatLng().lng.toFixed(6)
    //     );
    //     $(
    //       "#stepModalmaintenanceshow input[name=abrar-project-latlng-startshow]"
    //     ).removeClass("is-invalid-input");
    //     $("#pin-marker-start").addClass("pin-set");
    //     checkMarkersAndDrawPath();
    //   } else {
    //     mapshow.setView(startAbrarMarkershow.getLatLng());
    //   }
    // });

    // endAbrarMarker.on("dragend", function () {
    //   $("#pin-marker-end").removeClass("pin-move");

    //   if ($("#pin-marker-end").hasClass("pin-set") || isSetEndAbrarMarkershow) {
    //     $("#stepModalmaintenanceshow input[name=abrar-project-latlng-endshow]").val(
    //       endAbrarMarkershow.getLatLng().lat.toFixed(6) +
    //       endAbrarMarkershow.getLatLng().lng.toFixed(6)
    //     );
    //     $(
    //       "#stepModalmaintenanceshow input[name=abrar-project-latlng-endshow]"
    //     ).removeClass("is-invalid-input");
    //     $("#pin-marker-end").addClass("pin-set");
    //     checkMarkersAndDrawPath();
    //   } else {
    //     mapshow.setView(endAbrarMarkershow.getLatLng());
    //   }
    // });
}
function setmapshow(startp, endp) {
    var latapi1 = startp[0];
    var lngapi1 = startp[1];
    var latapi2 = endp[0];
    var lngapi2 = endp[1];
    mapshow.removeLayer(startAbrarMarkershow);
    mapshow.removeLayer(endAbrarMarkershow);
    mapshow.setView([latapi1, lngapi1], 9);

    startAbrarMarkershow = new L.marker(L.latLng(latapi1, lngapi1), {
        icon: startAbrarDivIcon,
    }).addTo(mapshow);
    endAbrarMarkershow = new L.marker(L.latLng(latapi2, lngapi2), {
        icon: endAbrarDivIcon,
    }).addTo(mapshow);
    isSetStartAbrarMarkershow = true;

    $("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");

    isSetEndAbrarMarkershow = true;

    $("#pin-marker-end").removeClass("pin-move").addClass("pin-set");

    checkMarkersAndDrawPathshow();
}

function initialField() {
    $("#axis-name-id").val("");
    $("#axis-type-id").val("0");
    $("#project-title-id").val("");
    $("#yearshown").val("13");
    $("#contractor-id").val("");
    $("#consultant-id").val("");
    $("#contract-date-id").val("");
    $("#contract-price-id").val("");
    $("#tool-id").val("");
    $("#milion").val("");
    $("#polhabig").val("");
    $("#polhasmall").val("");
    $("#polha").val("");
    $("#machinery").val("");
    $("#activerahdar").val("");
    $("#tozihat").val("");
    $("#predict-type-id").val("0");
    $("#dicc-type-id").val("0");
    $("#inputFile1").val("")
    $("#inputFile2").val("")
    $("#inputFile3").val("")
    $("#image_upload_second").empty()
    $("#thirdshow").css("display", "block");
    $("#image_upload_first").css("display", "none");

    $("#firstshow").css("display", "block");
    $("#image_upload_second").css("display", "none");

    $("#secondshow").css("display", "block");
    $("#image_upload_third").css("display", "none");



    $("#province-id").removeClass("is-invalid-input");
    $("#axis-name-id").removeClass("is-invalid-input");
    $("#axis-type-id").removeClass("is-invalid-input");
    $("#project-title-id").removeClass("is-invalid-input");
    $("#yearshown").removeClass("is-invalid-input");
    $("#contractor-id").removeClass("is-invalid-input");
    $("#consultant-id").removeClass("is-invalid-input");
    $("#contract-date-id").removeClass("is-invalid-input");
    $("#contract-price-id").removeClass("is-invalid-input");
    $("#dicc-type-id").removeClass("is-invalid-input");
    $("#tool-id").removeClass("is-invalid-input");
    $("#milion").removeClass("is-invalid-input");
    $("#polhabig").removeClass("is-invalid-input");
    $("#polhasmall").removeClass("is-invalid-input");
    $("#polha").removeClass("is-invalid-input");
    $("#machinery").removeClass("is-invalid-input");
    $("#activerahdar").removeClass("is-invalid-input");
    $("#tozihat").removeClass("is-invalid-input");
    $("#predict-type-id").removeClass("is-invalid-input");





}

function initialMarkerMapValue(latP, lngP) {
    console.log("initialMarkerMapValue");

    if (isSetStartAbrarMarker) {
        endAbrarMarker.remove();
    }

    isSetEndAbrarMarker = false;
    map.setView([latP, lngP], 9);
    startAbrarMarker.setLatLng(L.latLng(map.getCenter()));
    isSetStartAbrarMarker = false;

    removeStartToEndPath(0);

    $("#pin-marker-start").removeClass("pin-move pin-set");
    $("#pin-marker-end").removeClass("pin-move pin-set");

    $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val("");
    $("#stepModalmaintenance input[name=abrar-project-latlng-end]").val("");
    $("#stepModalmaintenance input[name=abrar-project-latlng-start]").removeClass(
        "is-invalid-input"
    );
    $("#stepModalmaintenance input[name=abrar-project-latlng-end]").removeClass(
        "is-invalid-input"
    );
}

function initialMarkerMapValueEdit(startP, endP, update) {
    console.log("initialMarkerMapValueEdit");

    console.log("hello initial edit");
    console.log(endAbrarMarker);
    console.log("startP", startP);
    console.log("endP", endP);
    console.log("update", update);

    startAbrarMarker.setLatLng(startP);
    isSetStartAbrarMarker = true;
    $("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");

    if (update) {
        mapName = map2;
        removeStartToEndPath(1);

        if (endAbrarMarker && endP[0] != "NaN") {
            endAbrarMarker.remove();
            endAbrarMarker.setLatLng(endP);
            endAbrarMarker.addTo(mapName);
            isSetEndAbrarMarker = true;
            $("#pin-marker-end").removeClass("pin-move pin-warn").addClass("pin-set");
        } else if (!endAbrarMarker && endP[0] != "NaN") {
            endAbrarMarker = new L.marker(endP, {
                icon: endAbrarDivIcon,
                draggable: false,
            });
            endAbrarMarker.addTo(mapName);
            isSetEndAbrarMarker = true;
            $("#pin-marker-end").removeClass("pin-move pin-warn").addClass("pin-set");
        } else if (endAbrarMarker && endP[0] == "NaN") {
            endAbrarMarker.remove();
        }
    } else {
        mapName = map;
        removeStartToEndPath(0);

        if (endAbrarMarker && endP[0] != "NaN") {
            endAbrarMarker.remove();
            endAbrarMarker.setLatLng(endP);
            endAbrarMarker.addTo(mapName);
            isSetEndAbrarMarker = true;
            $("#pin-marker-end").removeClass("pin-move pin-warn").addClass("pin-set");
        } else if (!endAbrarMarker && endP[0] != "NaN") {
            endAbrarMarker = new L.marker(endP, {
                icon: endAbrarDivIcon,
                draggable: true,
            });
            endAbrarMarker.addTo(mapName);
            isSetEndAbrarMarker = false;
            $("#pin-marker-end").removeClass("pin-move pin-warn pin-set");
        } else if (endAbrarMarker && endP[0] == "NaN") {
            endAbrarMarker.remove();
            endAbrarMarker.setLatLng([
                parseFloat(startP[0]),
                parseFloat(startP[1]) + 1,
            ]);
            endAbrarMarker.addTo(mapName);
            isSetEndAbrarMarker = false;
            $("#pin-marker-end").removeClass("pin-move pin-warn pin-set");
        } else {
            endAbrarMarker = new L.marker(
                [parseFloat(startP[0]), parseFloat(startP[1]) + 1],
                {
                    icon: endAbrarDivIcon,
                    draggable: true,
                }
            );
            endAbrarMarker.addTo(mapName);
            isSetEndAbrarMarker = false;
            $("#pin-marker-end").removeClass("pin-move pin-warn pin-set");
        }
    }

    // if (!update) {
    //   mapName = map;
    //   removeStartToEndPath(0);
    //   startAbrarMarker.setLatLng(startP);
    //   isSetStartAbrarMarker = true;
    //   $("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");
    //   if ((endP[0] != "NaN")) {
    //     endAbrarMarker.remove();
    //     endAbrarMarker.setLatLng(endP);
    //     endAbrarMarker.addTo(map);
    //   isSetEndAbrarMarker = true;
    //   $("#pin-marker-end").removeClass("pin-move pin-warn").addClass("pin-set");

    //   }
    //   else {
    //     endAbrarMarker = new L.marker([parseFloat(startP[0]), parseFloat(startP[1]) + 1], {
    //             icon: endAbrarDivIcon,
    //             draggable: true,
    //           });
    //           endAbrarMarker.addTo(map);
    //   isSetEndAbrarMarker = true;
    //   $("#pin-marker-end").removeClass("pin-move pin-warn pin-set")

    //     console.log("noooo")

    //   }
    // } else {
    //   mapName = map2;
    //   removeStartToEndPath(1);
    //   startAbrarMarker.setLatLng(startP);
    //   isSetStartAbrarMarker = true;
    //   $("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");
    //   if (endP[0] != "NaN") {
    //     if (endAbrarMarker) {
    //       endAbrarMarker.remove();
    //       endAbrarMarker.setLatLng(endP);
    //       endAbrarMarker.addTo(mapName);
    //       console.log("yesss update")
    //     }
    //     else {
    //       endAbrarMarker = new L.marker(endP, {
    //         icon: endAbrarDivIcon,
    //         draggable: false,
    //       });
    //       endAbrarMarker.addTo(mapName);
    //     }

    //   isSetEndAbrarMarker = true;
    //   $("#pin-marker-end").removeClass("pin-move pin-warn").addClass("pin-set");

    //   }
    //   else {
    //     if (endAbrarMarker) {
    //       endAbrarMarker.remove();
    //     console.log("nooo upadte")

    //     }
    //   }

    // }

    // if (endAbrarMarker) {
    //   if (endP[0] != "NaN") {
    //     endAbrarMarker.remove();

    //     endAbrarMarker.setLatLng(endP);
    //   //  console.log("endAbrarMarker" , endAbrarMarker)
    //     endAbrarMarker.addTo(mapName);
    //     // code hear

    //     console.log("in initial map marker map value")
    //     console.log(mapName)
    //   }
    //   else {
    //     if (!update) {
    //       endAbrarMarker = new L.marker([parseFloat(startP[0]), parseFloat(startP[1]) + 1], {
    //         icon: endAbrarDivIcon,
    //         draggable: true,
    //       });
    //       endAbrarMarker.addTo(mapName);
    //     }

    //   }

    // }
    // else {
    //   if (!update) {
    //     endAbrarMarker = new L.marker([parseFloat(startP[0]), parseFloat(startP[1]) + 1], {
    //       icon: endAbrarDivIcon,
    //       draggable: true,
    //     });
    //     endAbrarMarker.addTo(mapName);
    //   }

    // }

    // // endAbrarMarker.setLatLng(markerLatLng);
    // //     endAbrarMarker.addTo(map);

    // startAbrarMarker.setLatLng(startP);

    // isSetStartAbrarMarker = true;

    // $("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");
    // if (endP[0] != "NaN") {
    //   isSetEndAbrarMarker = true;

    //   $("#pin-marker-end").removeClass("pin-move pin-warn").addClass("pin-set");

    //   // drawPath(update);
    // }
    // else {
    //   if (!update) {
    //     isSetEndAbrarMarker = false;

    //     $("#pin-marker-end").removeClass("pin-move pin-warn pin-set")
    //   }

    // }

    // if (endP[0 != "NaN"]) {
    //   avrLat = (parseFloat(startP[0]) + parseFloat(endP[0])) / 2;
    //   avrLng = (parseFloat(startP[1]) + parseFloat(endP[1])) / 2;
    //   mapName.setView([avrLat, avrLng], 6);
    // } else {
    //   mapName.setView(startP, 6);
    // }
    // // ekip  start
    // if (update) {

    //   if (endP[0] != "NaN") {
    //     avrLat = (parseFloat(startP[0]) + parseFloat(endP[0])) / 2;
    //     avrLng = (parseFloat(startP[1]) + parseFloat(endP[1])) / 2;
    //     if (!progressAbrarMarker) {
    //       progressAbrarMarker = new L.marker([avrLat, avrLng], {
    //         icon: progressAbrarDivIcon,
    //         draggable: true,
    //       }).addTo(mapName);
    //     }
    //     else {
    //       progressAbrarMarker.remove()
    //       progressAbrarMarker.setLatLng([avrLat, avrLng])
    //       progressAbrarMarker.addTo(mapName)
    //     }

    //   } else {
    //     if (!progressAbrarMarker) {
    //       progressAbrarMarker = new L.marker([parseFloat(startP[0]),
    //       parseFloat(startP[1]) + 1
    //       ], {
    //         icon: progressAbrarDivIcon,
    //         draggable: true,
    //       }).addTo(mapName);

    //     } else {
    //       progressAbrarMarker.remove()
    //       progressAbrarMarker.setLatLng([parseFloat(startP[0]),
    //       parseFloat(startP[1]) + 1
    //       ])
    //       progressAbrarMarker.addTo(mapName)
    //     }

    //   }
    //   progressAbrarMarker.on("click", function () {
    //     console.log("clickstart");
    //     if (!isSetprogressAbrarMarker) {
    //       progressAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
    //       isSetprogressAbrarMarker = true;

    //       $("#pin-marker-progress")
    //         .removeClass("pin-move pin-warn")
    //         .addClass("pin-set");

    //       // $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
    //       //   progressAbrarMarker.getLatLng().lat.toFixed(6) +
    //       //   progressAbrarMarker.getLatLng().lng.toFixed(6)
    //       // );
    //       // $(
    //       //   "#stepModalmaintenance input[name=abrar-project-latlng-start]"
    //       // ).removeClass("is-invalid-input");
    //     }
    //   });

    //   mapName.on("move", function () {
    //     if (!isSetprogressAbrarMarker) {
    //       progressAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
    //       $("#pin-marker-progress").removeClass("pin-set").addClass("pin-move");
    //     }
    //   });

    //   mapName.on("moveend", function () {

    //     if (!isSetprogressAbrarMarker) {
    //       progressAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
    //       $("#pin-marker-progress").removeClass("pin-move pin-set");
    //     }
    //   });

    //   progressAbrarMarker.on("drag", function () {
    //     $("#pin-marker-progress").addClass("pin-move");
    //     // checkMarkersAndDrawPath(update);
    //   });

    //   progressAbrarMarker.on("dragend", function () {
    //     $("#pin-marker-progress").removeClass("pin-move");

    //     if ($("#pin-marker-progress").hasClass("pin-set") || isSetprogressAbrarMarker) {
    //       // $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
    //       //   startAbrarMarker.getLatLng().lat.toFixed(6) +
    //       //   startAbrarMarker.getLatLng().lng.toFixed(6)
    //       // );
    //       // $(
    //       //   "#stepModalmaintenance input[name=abrar-project-latlng-start]"
    //       // ).removeClass("is-invalid-input");
    //       $("#pin-marker-progress").addClass("pin-set");
    //       // checkMarkersAndDrawPath(update);
    //     } else {
    //       mapName.setView(progressAbrarMarker.getLatLng());
    //     }
    //   });

    // }
    // // ekip end
}

function initialMarkerMapValueEditshow(startP, endP) {
    console.log("initialMarkerMapValueEdit");

    console.log("hello initial edit");
    console.log(!endAbrarMarker);

    removeStartToEndPath(0);

    // if(endAbrarMarker){
    endAbrarMarker.remove();
    endAbrarMarker.setLatLng(endP);
    endAbrarMarker.addTo(map);

    // }else{
    //   endAbrarMarker = new L.marker(endP, {
    //     icon: endAbrarDivIcon,
    //     draggable: true,
    //   });
    //   endAbrarMarker.addTo(map);
    // }

    // endAbrarMarker.setLatLng(markerLatLng);
    //     endAbrarMarker.addTo(map);

    startAbrarMarker.setLatLng(startP);

    isSetStartAbrarMarker = true;

    $("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");

    isSetEndAbrarMarker = true;

    $("#pin-marker-end").removeClass("pin-move").addClass("pin-set");

    checkMarkersAndDrawPath(0);

    avrLat = (parseFloat(startP[0]) + parseFloat(endP[0])) / 2;
    avrLng = (parseFloat(startP[1]) + parseFloat(endP[1])) / 2;

    map.setView([avrLat, avrLng], 6);
}
$("#add-project-button").on("click", function () {
    $("#tool-main").css("display", "none");
    $("#update-table").css("display", "none");
    // write yasi
    $("#submitNewRow").attr("disabled", false);

    edit = false;
    showModal(0);
    initialField();
    prepareImageModal()
    if (map == null) {
        setTimeout(() => {
            createLeafletMap([35.6892, 51.389], [35.6892, 51.389], 0);
        }, 200);
    } else {
        initialMarkerMapValue(35.6892, 51.389);
    }
    $("#province-id").empty();
    $("#province-id").append('<option value="0">انتخاب اداره کل</option>');

    // console.log(provinces);

    for (let index = 0; index < provinces.length; index++) {
        $("#province-id").append(
            "\
      <option value=" +
            provinces[index].id +
            ">" +
            provinces[index].name_fa +
            "</option>\
    "
        );
    }
});

//yasi change start
$("#example").on("click", "tbody tr", function () {
    if ($(this).hasClass("selected")) {
        // console.log("selected")
        $(this).removeClass("selected");
    } else {
        // console.log("deselect")
        table.$("tr.selected").removeClass("selected");
        $(this).addClass("selected");
    }
});
function scrolldown() {
    console.log("hi");
    $("html, body").animate(
        {
            scrollTop: $(".up").offset().top,
        },
        50
    );
}
function scrolldowntable() {
    console.log("hi");
    $("html, body").animate(
        {
            scrollTop: $(".upnext").offset().top + 1000,
        },
        50
    );
}
$("#example").on("click", "button.location-button", function () {
    var tr = $(this).closest("tr");
    var row = table.row(tr);
    idkol = row.data().id;
    console.log("idkol", idkol);
    window.open(
        "https://rms.rmto.ir/camp/map/" + idkol
    );
    // var startLatlng = row.data().start_latlng;
    // var endLatlng = row.data().end_latlng;
    // console.log("startLatlng", startLatlng);
    // console.log("endLatlng", endLatlng);
    // $("#stepModalmaintenanceshow").modal("show");

    // $("[data-mask]").inputmask();
    // // createLeafletMapshow(startLatlng, endLatlng);
    // // if (mapshow == null) {
    // //   setTimeout(() => {
    // //     createLeafletMapshow(startLatlng, endLatlng);
    // //   }, 200);
    // // } else {
    // //   initialMarkerMapValueEditshow(startLatlng, endLatlng);
    // // }
    // setTimeout(() => {
    //   if (mapshow == null) {
    //     createLeafletMapshow(startLatlng, endLatlng);
    //   } else {
    //     setmapshow(startLatlng, endLatlng);
    //   }
    // }, 200);
});
$("#example").on("click", "button.projectdistance", function () {
    $("#update-table").css("display", "none");
    $("#tool-main").css("display", "block");
    scrolldown();
    $("#distance-title").empty();
    var tr = $(this).closest("tr");
    var row = table.row(tr);
    idkol = row.data().id;
    console.log(idkol);
    status = row.data().status;
    console.log(row);
    console.log(row.data().id);
    var projectTitle = row.data().project_name;
    var axistype = row.data().axis_name;
    var titlecard =
        "طول پروژه" +
        " " +
        projectTitle +
        " " +
        "محور" +
        " " +
        axistype +
        " " +
        "به کیلومتر";
    var note = '<h3 class="card-title">' + titlecard + "</h3>";
    $("#distance-title").append(note);
    tablesecond = $("#exampletool").DataTable({
        dom: "Bfrti",
        destroy: true,
        //   "pagingType": "full_numbers",
        pagingType: "simple_numbers",
        searching: false,
        language: {
            sEmptyTable: "هیچ داده‌ای در جدول وجود ندارد",
            sInfo: "نمایش _START_ تا _END_ از _TOTAL_ ردیف",
            sInfoEmpty: "نمایش 0 تا 0 از 0 ردیف",
            sInfoFiltered: "(فیلتر شده از _MAX_ ردیف)",
            sInfoPostFix: "",
            sInfoThousands: ",",
            sLengthMenu: "نمایش _MENU_ ردیف",
            sLoadingRecords: "در حال بارگذاری...",
            sProcessing: "در حال پردازش...",
            sSearch: "جستجو: ",
            sZeroRecords: "رکوردی با این مشخصات پیدا نشد",
            oPaginate: {
                sFirst: "برگه‌ی نخست",
                sLast: "برگه‌ی آخر",
                sNext: "بعدی",
                sPrevious: "قبلی",
            },
            oAria: {
                sSortAscending: ": فعال سازی نمایش به صورت صعودی",
                sSortDescending: ": فعال سازی نمایش به صورت نزولی",
            },
        },
        order: [[0, "asc"][(1, "asc")], [2, "desc"], [3, "desc"], [4, "desc"]],
        order: [[0, "desc"]],
        processing: true,
        ajax: {
            url:
                "https://rms.rmto.ir/rahdari/road-maintenance-project/" +
                idkol +
                "/get-distance",
            type: "GET",
            dataSrc: function (json) {
                // for (const [key, value] of Object.entries(json.data.project_distance)) {
                //   console.log(json.data[0].project_distance[key][0])
                // }
                console.log(json.data);
                if (json.data.length != 0) {
                    return json.data;
                } else return datatable2; // to do table
            },
        },
        columns: [
            {
                data: null,
                render: function (data, type, row) {
                    if (data[1] != undefined) {
                        return data[1][0];
                    } else return "0";
                },
            },
            {
                data: null,
                render: function (data, type, row) {
                    // console.log("data[2][0]", data[2])

                    if (data[2] != undefined) {
                        return data[2][0];
                    } else return "0";
                },
            },
            {
                data: null,
                render: function (data, type, row) {
                    if (data[3] != undefined) {
                        return data[3][0];
                    } else return "0";
                },
            },
            {
                data: null,
                render: function (data, type, row) {
                    if (data[4] != undefined) {
                        return data[4][0];
                    } else return "0";
                },
            },
            {
                data: null,
                render: function (data, type, row) {
                    if (data[5] != undefined) {
                        return data[5][0];
                    } else return "0";
                },
            },
            {
                data: null,
                render: function (data, type, row) {
                    if (data[6] != undefined) {
                        return data[6][0];
                    } else return "0";
                },
            },
            {
                data: null,
                render: function (data, type, row) {
                    if (data[7] != undefined) {
                        return data[7][0];
                    } else return "0";
                },
            },
            {
                data: null,
                render: function (data, type, row) {
                    if (data[8] != undefined) {
                        return data[8][0];
                    } else return "0";
                },
            },
            {
                data: null,
                render: function (data, type, row) {
                    if (data[9] != undefined) {
                        return data[9][0];
                    } else return "0";
                },
            },
            {
                data: null,
                render: function (data, type, row) {
                    if (data[10] != undefined) {
                        return data[10][0];
                    } else return "0";
                },
            },
            {
                data: null,
                render: function (data, type, row) {
                    if (data[11] != undefined) {
                        return data[11][0];
                    } else return "0";
                },
            },
            {
                data: null,
                render: function (data, type, row) {
                    if (data[12] != undefined) {
                        return data[12][0];
                    } else return "0";
                },
            },
            {
                data: null,
                render: function (data, type, row) {
                    if (data[13] != undefined) {
                        return data[13][0];
                    } else return "0";
                },
            },
            {
                className: "text-center",
                orderable: false,
                data: null,
                render: function (data, type, row) {
                    // console.log(meta.row);
                    ///////  i delete disabled milad

                    if (status == 2) {
                        return `
            <button class="btn btn-sm btn-success edittool"  >ویرایش و ثبت </button>
           `;
                    } else
                        return `<button  class="btn btn-danger btn-sm edittool">ثبت و ویرایش<div></div></button>
           `;
                },
            },
        ],

        buttons: [
            // {
            //   extend: "excelHtml5",
            //   title: "Excel",
            //   text: "خروجی به اکسل",
            //   messageTop: " طول پروژه به کیلومتر ",
            //   exportOptions: {
            //     columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13],
            //   },
            // },
        ],
    });
});
$("#exampletool").on("click", "button.edittool", function () {
    var tr = $(this).closest("tr");
    var row = tablesecond.row(tr);
    console.log(row.data());
    objectshow = row.data();

    if (objectshow[1] != undefined) {
        $("#project-distance-input-1").val(objectshow[1]);
    }
    if (objectshow[2] != undefined) {
        $("#project-distance-input-2").val(objectshow[2]);
    }
    if (objectshow[3] != undefined) {
        $("#project-distance-input-3").val(objectshow[3]);
    }
    if (objectshow[4] != undefined) {
        $("#project-distance-input-4").val(objectshow[4]);
    }
    if (objectshow[5] != undefined) {
        $("#project-distance-input-5").val(objectshow[5]);
    }
    if (objectshow[6] != undefined) {
        $("#project-distance-input-6").val(objectshow[6]);
    }
    if (objectshow[7] != undefined) {
        $("#project-distance-input-7").val(objectshow[7]);
    }
    if (objectshow[8] != undefined) {
        $("#project-distance-input-8").val(objectshow[8]);
    }
    if (objectshow[9] != undefined) {
        $("#project-distance-input-9").val(objectshow[9]);
    }
    if (objectshow[10] != undefined) {
        $("#project-distance-input-10").val(objectshow[10]);
    }
    if (objectshow[11] != undefined) {
        $("#project-distance-input-11").val(objectshow[11]);
    }
    if (objectshow[12] != undefined) {
        $("#project-distance-input-12").val(objectshow[12]);
    }
    if (objectshow[12] != undefined) {
        $("#project-distance-input-13").val(objectshow[13]);
    }

    $("#show-projecttool").modal("show");
});
$("#submitoolfinal").on("click", function () {
    var objectedit = {};
    var project1 = $("#project-distance-input-1").val();
    console.log(project1);
    var project2 = $("#project-distance-input-2").val();
    var project3 = $("#project-distance-input-3").val();
    var project4 = $("#project-distance-input-4").val();
    var project5 = $("#project-distance-input-5").val();
    var project6 = $("#project-distance-input-6").val();
    var project7 = $("#project-distance-input-7").val();
    var project8 = $("#project-distance-input-8").val();
    var project9 = $("#project-distance-input-9").val();
    var project10 = $("#project-distance-input-10").val();
    var project11 = $("#project-distance-input-11").val();
    var project12 = $("#project-distance-input-12").val();
    var project13 = $("#project-distance-input-13").val();
    if (project1 !== "" && project1 !== "0") {
        objectedit[1] = [project1];
    }
    if (project2 !== "" && project2 !== "0") {
        objectedit[2] = [project2];
    }
    if (project3 !== "" && project3 !== "0") {
        objectedit[3] = [project3];
    }
    if (project4 !== "" && project4 !== "0") {
        objectedit[4] = [project4];
    }
    if (project5 !== "" && project5 !== "0") {
        objectedit[5] = [project5];
    }
    if (project6 !== "" && project6 !== "0") {
        objectedit[6] = [project6];
    }
    if (project7 !== "" && project7 !== "0") {
        objectedit[7] = [project7];
    }
    if (project8 !== "" && project8 !== "0") {
        objectedit[8] = [project8];
    }
    if (project9 !== "" && project9 !== "0") {
        objectedit[9] = [project9];
    }
    if (project10 !== "" && project10 !== "0") {
        objectedit[10] = [project10];
    }
    if (project11 !== "" && project11 !== "0") {
        objectedit[11] = [project11];
    }
    if (project12 !== "" && project12 !== "0") {
        objectedit[12] = [project12];
    }
    if (project13 !== "" && project13 !== "0") {
        objectedit[13] = [project13];
    }
    console.log("objectedit", objectedit);
    Object.size = function (obj) {
        var size = 0,
            key;
        for (key in obj) {
            if (obj.hasOwnProperty(key)) size++;
        }
        return size;
    };

    for (i = 1; i < 14; i++) {
        if (
            $("#project-distance-input-" + i)
                .val()
                .slice(0, 1) == 0 &&
            $("#project-distance-input-" + i).val().length > 1 &&
            $("#project-distance-input-" + i)
                .val()
                .slice(1, 2) != "."
        ) {
            $("#project-distance-input-" + i).addClass("is-invalid");
        } else {
            $("#project-distance-input-" + i).removeClass("is-invalid");
        }
    }
    if ($("#show-projecttool").find(".is-invalid").length) {
    } else {
        // Get the size of an object
        var size = Object.size(objectedit);
        console.log(size);
        if (size != 0) {
            // console.log("objectedit", objectedit)
            let formData = new FormData();
            let project_distance = JSON.stringify(objectedit);
            formData.append("project-distance", project_distance);

            showLoaderScreen();
            $.ajax({
                url:
                    "https://rms.rmto.ir/rahdari/road-maintenance-project/" +
                    idkol +
                    "/edit-distance",
                type: "POST",
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
                data: formData,
                cache: false,
                contentType: false,
                processData: false,
                success: function (result) {
                    hideLoaderScreen();
                    // showLoaderScreen();
                    $("#show-projecttool").modal("hide");
                    // ajaxcalltablefirst();
                    ajaxcalltablefirsttool(idkol);
                    // Swal.fire({
                    //   icon: "success",
                    //   title: "با موفقیت بروزرسانی شد",
                    //   confirmButtonText: "بستن",
                    //   preConfirm: () => {
                    //     // location.reload()

                    //   }
                    // });
                    //todo yasiii
                },
                error: function (error) {
                    console.log(error);
                    Swal.fire({
                        icon: "error",
                        title: "خطا",
                        confirmButtonText: "بستن",
                    });
                },
            });

            // Swal.fire({
            //   icon: "warning",
            //   title: "آیا برای ثبت نهایی  مطمئن هستید؟",
            //   showCancelButton: true,
            //   confirmButtonColor: "#3085d6",
            //   cancelButtonColor: "#d33",
            //   confirmButtonText: "بله، تایید می‌شود",
            //   cancelButtonText: "منصرف شدم!",
            //   showLoaderOnConfirm: true,
            //   preConfirm: () => {

            //   },
            // });
        } else {
            Swal.fire({
                icon: "error",
                title: "خطا",
                text: "لطفا حداقل یکی از  فیلدهای مرتبط را پر کنید.",
                confirmButtonText: "بستن",
            });
        }
    }
});
// $("#exampletool").on("click", "button.submittool", function () {
//   Swal.fire({
//     icon: "warning",
//     title: "آیا برای ثبت نهایی  مطمئن هستید؟",
//     showCancelButton: true,
//     confirmButtonColor: "#3085d6",
//     cancelButtonColor: "#d33",
//     confirmButtonText: "بله، تایید می‌شود",
//     cancelButtonText: "منصرف شدم!",
//     showLoaderOnConfirm: true,
//     preConfirm: () => {
//       showLoaderScreen();
//       $.ajax({
//         url:
//           "https://rms.rmto.ir/rahdari/road-maintenance-project/" +
//           idkol +
//           "/submit-distance",
//         type: "POST",
//         headers: {
//           "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
//         },
//         cache: false,
//         contentType: false,
//         processData: false,
//         success: function (result) {
//           // ajaxcalltablefirst()
//           // setTimeout(() => {
//           //   ajaxcalltablesec(idkol)
//           // }, 200);
//           hideLoaderScreen();
//           Swal.fire({
//             icon: "success",
//             title: "با موفقیت بروزرسانی شد",
//             confirmButtonText: "بستن",
//             preConfirm: () => {
//               location.reload();
//             },
//           });
//         },
//         error: function (error) {
//           console.log(error);
//           Swal.fire({
//             icon: "error",
//             title: "خطا",
//             text: "پر کردن تمامی  عناوین خواسته شده  الزامی است",
//             confirmButtonText: "بستن",
//           });
//         },
//       });
//     },
//   });
// });

$("#example").on("click", "button.finalsubmit", function () {
    var tr = $(this).closest("tr");
    var row = table.row(tr);
    idkol = row.data().id;
    console.log(idkol);
    var buttonsprev = $('<div>')
        .append(createButton('بازگشایی بصورت موقت می باشد (خسارت ها رفع نشده اند )', "temp", function () {
            swal.close();
            console.log('ok');
        })).append(createButton('بازگشایی همراه با رفع خسارت های وارد شده می باشد ', "final", function () {
            swal.close();
            console.log('Later');
        }))

    $("#modalshowopen").modal('show')
    let formData = new FormData();
    formData.append("id", idkol);

    // Swal.fire({
    //     icon: "warning",
    //     title: "آیا بازگشایی شود ؟",
    //     html: buttonsprev,
    //     showConfirmButton: false,
    //     showCancelButton: true,
    //     // confirmButtonColor: "#3085d6",
    //     cancelButtonColor: "#d33",
    //     // confirmButtonText: "مطمئن هستم",
    //     cancelButtonText: "منصرف شدم",
    //     showLoaderOnConfirm: true,
    //     preConfirm: () => {
    //         showLoaderScreen();
    //         $.ajax({
    //             url:
    //                 "https://rms.rmto.ir/camp/update",
    //             type: "POST",
    //             headers: {
    //                 "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
    //             },
    //             data:formData,
    //             cache: false,
    //             contentType: false,
    //             processData: false,
    //             success: function (result) {
    //                 // console.log(result.data.redirect+idkol)
    //                 //yasiu
    //                 // hideLoaderScreen();
    //                 // location.reload();
    //                 ajaxcalltablegharar()
    //                 // Swal.fire({
    //                 //   icon: "success",
    //                 //   title: "با موفقیت بروزرسانی شد",
    //                 //   confirmButtonText: "بستن",
    //                 //   preConfirm: () => {

    //                 //     // window.open("/dashboarderoad/form%20upload/pages/rmshowon.html?uid=" + idkol);

    //                 //   },
    //                 // });
    //             },
    //             error: function (error) {
    //                 hideLoaderScreen();
    //                 console.log(error);
    //                 Swal.fire({
    //                     icon: "error",
    //                     title: "خطا",
    //                     confirmButtonText: "بستن",
    //                 });
    //             },
    //         });
    //     },
    // });
});
$("#notopen").on("click", function () {

    let formData = new FormData();
    formData.append("id", idkol);
    formData.append("is-open-type", 1);

    // alert(idkol)
    showLoaderScreen();
    $.ajax({
        url:
            "https://rms.rmto.ir/camp/update",
        type: "POST",
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
        },
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        success: function (result) {
            // console.log(result.data.redirect+idkol)
            //yasiu
            hideLoaderScreen();
            $("#modalshowopen").modal('hide')

            // location.reload();
            ajaxcalltablegharar()
            // Swal.fire({
            //   icon: "success",
            //   title: "با موفقیت بروزرسانی شد",
            //   confirmButtonText: "بستن",
            //   preConfirm: () => {

            //     // window.open("/dashboarderoad/form%20upload/pages/rmshowon.html?uid=" + idkol);

            //   },
            // });
        },
        error: function (error) {
            hideLoaderScreen();
            console.log(error);
            Swal.fire({
                icon: "error",
                title: "خطا",
                confirmButtonText: "بستن",
            });
        },
    });
})
$("#opencomp").on("click", function () {
    let formData = new FormData();
    formData.append("id", idkol);
    formData.append("is-open-type", 2)
    showLoaderScreen();
    $.ajax({
        url:
            "https://rms.rmto.ir/camp/update",
        type: "POST",
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
        },
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        success: function (result) {
            // console.log(result.data.redirect+idkol)
            //yasiu
            $("#modalshowopen").modal('hide')
            hideLoaderScreen();
            // location.reload();
            ajaxcalltablegharar()
            // Swal.fire({
            //   icon: "success",
            //   title: "با موsفقیت بروزرسانی شد",
            //   confirmButtonText: "بستن",
            //   preConfirm: () => {

            //     // window.open("/dashboarderoad/form%20upload/pages/rmshowon.html?uid=" + idkol);

            //   },
            // });
        },
        error: function (error) {
            hideLoaderScreen();
            console.log(error);
            Swal.fire({
                icon: "error",
                title: "خطا",
                confirmButtonText: "بستن",
            });
        },
    });
})
function createButton(text, id, cb) {
    console.log(cb)
    cb()
    return $('<button id="' + id + '">' + text + '</button>').on('click', cb)
}
$("#example").on("click", "button.deletsubmit", function () {
    var tr = $(this).closest("tr");
    var row = table.row(tr);
    idkol = row.data().id;
    let formData = new FormData();
    formData.append("id", idkol);
    // console.log(idkol)
    Swal.fire({
        icon: "warning",
        title: "آیا برای حذف  مطمئن هستید؟",
        showCancelButton: true,
        confirmButtonColor: "#3085d6",
        cancelButtonColor: "#d33",
        confirmButtonText: "بله، تایید می‌شود",
        cancelButtonText: "منصرف شدم!",
        showLoaderOnConfirm: true,
        preConfirm: () => {
            showLoaderScreen();
            $.ajax({
                url:
                    "https://rms.rmto.ir/camp/delete",
                type: "POST",
                data: formData,
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
                cache: false,
                contentType: false,
                processData: false,
                success: function (result) {
                    // hideLoaderScreen();
                    ajaxcalltablegharar()
                    // ajaxcalltablefirst();
                    // showLoaderScreen();
                    // Swal.fire({
                    //   icon: "success",
                    //   title: "با موفقیت حذف شد ",
                    //   confirmButtonText: "بستن",
                    //   preConfirm: () => {
                    //     location.reload();
                    //   },
                    // });
                },
                error: function (error) {
                    hideLoaderScreen();
                    console.log(error);
                    Swal.fire({
                        icon: "error",
                        title: "خطا",
                        confirmButtonText: "بستن",
                    });
                },
            });
        },
    });
});

function getProvinces() {
    let reqUrl = "https://rms.rmto.ir/public/contents/provinces";
    // showLoaderScreen();
    $.ajax({
        url: reqUrl,
        type: "GET",
        success: function (result) {
            hideLoaderScreen();
            //console.log(result);
            provinces = result.data;
        },
        error: function (error) {
            // hideLoaderScreen();
            //console.log(error);
        },
    });
}

function getTowns(id, num, val, defaultVal) {
    let reqUrl = "https://rms.rmto.ir/public/contents/provinces/" + id;
    showLoaderScreen();
    $.ajax({
        url: reqUrl,
        type: "GET",
        success: function (result) {
            hideLoaderScreen();
            console.log(result);
            towns = result.data;
            if (num == 1) {
                setTownSelect("", val[0]);
            } else if (num == 2) {
                setTownSelect("", val[0]);
                setTownSelect("1", val[1]);
            } else {
                setTownSelect("", val[0]);
                setTownSelect("1", val[1]);
                setTownSelect("2", val[2]);
            }

            if (!edit || !defaultVal) {
                if (towns.length) {
                    let provinceIndex = provinces.findIndex(function (entry) {
                        return entry.id == towns[0].province_id;
                    });

                    if (provinceIndex != -1) {
                        // console.log(provinces[provinceIndex]);
                        map.flyTo(
                            [
                                provinces[provinceIndex].center_lat,
                                provinces[provinceIndex].center_long,
                            ],
                            10
                        );
                    }
                    initialMarkerMapValue(
                        provinces[provinceIndex].center_lat,
                        provinces[provinceIndex].center_long
                    );
                }
            }
        },
        error: function (error) {
            hideLoaderScreen();
            //console.log(error);
        },
        complete: function () { },
    });
}

function setTownSelect(box, selectedId) {
    $("#town-id" + box).empty();
    $("#town-id" + box).append('<option value="0">انتخاب شهرستان</option>');

    for (let index = 0; index < towns.length; index++) {
        if (selectedId == towns[index].id) {
            $("#town-id" + box).append(
                "\
        <option value=" +
                towns[index].id +
                " selected>" +
                towns[index].name_fa +
                "</option>\
      "
            );
        } else {
            $("#town-id" + box).append(
                "\
        <option value=" +
                towns[index].id +
                ">" +
                towns[index].name_fa +
                "</option>\
      "
            );
        }
    }
}

$("#province-id").change(function () {
    let boxNum = $("#subTown").children().length;
    if ($(this).val() > 0) {
        if (boxNum == 1) {
            getTowns($(this).val(), 1, [0], false);
        } else if (boxNum == 2) {
            getTowns($(this).val(), 2, [0, 0], false);
        } else {
            getTowns($(this).val(), 3, [0, 0, 0], false);
        }
    } else {
        if (boxNum == 1) {
            $("#town-id").empty();
            $("#town-id").append('<option value="0">انتخاب شهرستان</option>');
        } else if (boxNum == 2) {
            $("#town-id").empty();
            $("#town-id").append('<option value="0">انتخاب شهرستان</option>');
            $("#town-id1").empty();
            $("#town-id1").append('<option value="0">انتخاب شهرستان</option>');
        } else {
            $("#town-id").empty();
            $("#town-id").append('<option value="0">انتخاب شهرستان</option>');
            $("#town-id1").empty();
            $("#town-id1").append('<option value="0">انتخاب شهرستان</option>');
            $("#town-id2").empty();
            $("#town-id2").append('<option value="0">انتخاب شهرستان</option>');
        }
    }
});

$("#example").on("click", "button.details-control", function () {
    $("#thirdshow").css("display", "block");
    $("#image_upload_first").css("display", "none");

    $("#firstshow").css("display", "block");
    $("#image_upload_second").css("display", "none");

    $("#secondshow").css("display", "block");
    $("#image_upload_third").css("display", "none");
    edit = true;

    var tr = $(this).closest("tr");
    var row = table.row(tr);
    idEdit = row.data().id;
    console.log("ghalat", row.data());

    startLatlng = row.data().start_latlng;
    endLatlng = row.data().end_latlng;
    $("#yearshown").val(row.data().contract_date);

    if (map == null) {
        setTimeout(() => {
            createLeafletMap(startLatlng, endLatlng, 0);
        }, 200);
    } else {
        initialMarkerMapValueEdit(startLatlng, endLatlng, 0);
    }
    showModal(row.data().id);
    /////// milad edit comment
    //   if (row.data().status==2){
    //     // to do pitikooo
    //     $("#submitNewRow").attr("disabled", true);

    // }
    // else {
    //     $("#submitNewRow").attr("disabled", false);

    // }

    $("#province-id").empty();
    $("#province-id").append('<option value="0">انتخاب اداره کل</option>');

    for (let index = 0; index < provinces.length; index++) {
        $("#province-id").append(
            "\
      <option value=" +
            provinces[index].id +
            ">" +
            provinces[index].name_fa +
            "</option>\
    "
        );
    }

    var provinceid = row.data().province_id;
    var townMap = row.data().cities_id;
    var townsArray = Object.keys(townMap);
    var townsArrayValue = Object.values(townMap);
    console.log("ramin", row.data());

    if (townsArray.length == 1) {
        getTowns(row.data().province_id, 1, [townsArray[0]], true);
    } else if (townsArray.length == 2) {
        $("#subTown div").append(
            `<div class="input-group mb-3">

      <input type ="text" class="form-control" id="mosharekat1" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
      
      <div class="input-group-prepend p-0" style="margin-top:5px">
      <span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
    </div>
    
    </div>
      `
        );

        $("#subTown").append(`<div class="form-group col-md-12">
    <label>
      شهرستان
    </label>
    <select
      class="form-control"
      style="font-size:12px"
      name="town"
      id="town-id1"
    >
      <option value="0" style="font-size:10px">انتخاب شهرستان</option>
    </select>
    <div class="input-group mb-3">

    <input type ="text" class="form-control" id="mosharekat2" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
      
      <div class="input-group-prepend p-0" style="margin-top:5px">
      <span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
    </div>
    
    </div>
    
    </div>`);

        getTowns(row.data().province_id, 2, [townsArray[0], townsArray[1]], true);

        $("#mosharekat1").val(townsArrayValue[0]);
        $("#mosharekat2").val(townsArrayValue[1]);
    } else if (townsArray.length == 3) {
        $("#subTown div").append(
            `<div class="input-group mb-3">

      <input type ="text" class="form-control" id="mosharekat1" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
        
        <div class="input-group-prepend p-0" style="margin-top:5px">
        <span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
      </div>
      
      </div>
      `
        );

        $("#subTown").append(`<div class="form-group col-md-12">
    <label>
      شهرستان
    </label>
    <select
      class="form-control"
      style="font-size:12px"
      name="town"
      id="town-id1"
    >
      <option value="0" style="font-size:10px">انتخاب شهرستان</option>
    </select>
    <div class="input-group mb-3">

    <input type ="text" class="form-control" id="mosharekat2" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
        
        <div class="input-group-prepend p-0" style="margin-top:5px">
        <span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
      </div>
      
      </div>
    
    </div>`);

        $("#subTown").append(`<div class="form-group col-md-12">
    <label>
      شهرستان
    </label>
    <select
      class="form-control"
      style="font-size:12px"
      name="town"
      id="town-id2"
    >
      <option value="0" style="font-size:10px">انتخاب شهرستان</option>
    </select>
    <div class="input-group mb-3">

    <input type ="text" class="form-control" id="mosharekat3" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
        
        <div class="input-group-prepend p-0" style="margin-top:5px">
        <span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
      </div>
      
      </div>
    
    </div>`);

        getTowns(
            row.data().province_id,
            3,
            [townsArray[0], townsArray[1], townsArray[2]],
            true
        );

        $("#mosharekat1").val(townsArrayValue[0]);
        $("#mosharekat2").val(townsArrayValue[1]);
        $("#mosharekat3").val(townsArrayValue[2]);
    }

    $("[data-mask]").inputmask();

    var Roadaxis = row.data().axis_name;
    var axisName_type = row.data().axis_type;
    var blockagecause = row.data().blockage_cause;
    var blockagetype = row.data().blockage_type;
    var blockagetool = row.data().blockage_length;
    var blockage_damage_money = row.data().blockage_damage_money;
    var blockage_damage_count = row.data().blockage_damage_count;
    var active_cars_count = row.data().active_cars_count;
    var active_rahdar_count = row.data().active_rahdar_count;
    var block_axis_desc = row.data().block_axis_desc;
    var under6 = row.data().blockage_damage_lower_6_count;
    var over6 = row.data().blockage_damage_higher_6_count;
    var prediction = row.data().prediction_time;


    $("#dicc-type-id").val(blockagecause);
    $("#block-type").val(blockagetype);
    $("#tool-id").val(blockagetool);
    $("#milion").val(blockage_damage_money);
    $("#polha").val(blockage_damage_count);
    $("#machinery").val(active_cars_count);
    $("#activerahdar").val(active_rahdar_count);
    $("#tozihat").val(block_axis_desc);
    $("#polhasmall").val(under6);
    $("#polhabig").val(over6);
    $("#predict-type-id").val(prediction);



    onLocationChange();
    $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
        parseFloat(startLatlng[0]).toFixed(6) +
        parseFloat(startLatlng[1]).toFixed(6)
    );
    $("#stepModalmaintenance input[name=abrar-project-latlng-end]").val(
        parseFloat(endLatlng[0]).toFixed(6) + parseFloat(endLatlng[1]).toFixed(6)
    );

    // if (!isSetStartAbrarMarker) {
    //   startAbrarMarker.setLatLng(L.latLng(map.getCenter()));
    //   isSetStartAbrarMarker = true;

    //   $("#pin-marker-start")
    //     .removeClass("pin-move pin-warn")
    //     .addClass("pin-set");

    //   $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
    //     startAbrarMarker.getLatLng().lat.toFixed(10) +
    //       startAbrarMarker.getLatLng().lng.toFixed(10)
    //   );
    //   $(
    //     "#stepModalmaintenance input[name=abrar-project-latlng-start]"
    //   ).removeClass("is-invalid-input");

    //   let markerLatLng = [
    //     startAbrarMarker.getLatLng().lat,
    //     startAbrarMarker.getLatLng().lng + 0.0008,
    //   ];

    //   map.setView(markerLatLng);
    //   endAbrarMarker.setLatLng(markerLatLng);
    //   endAbrarMarker.addTo(map);
    // }

    // new L.marker([parseFloat(startLatlng[0]).toFixed(10) , parseFloat(startLatlng[1]).toFixed(10) ], {
    //   icon: startAbrarDivIcon,
    //   draggable: true,
    // }).addTo(map);

    // startAbrarMarker.setLatLng([parseFloat(startLatlng[0]).toFixed(10) , parseFloat(startLatlng[1]).toFixed(10) ]);
    //     $("#pin-marker-start").addClass("pin-set");
    // endAbrarMarker.setLatLng(parseFloat(endLatlng[0]).toFixed(10) , parseFloat(endLatlng[1]).toFixed(10) );
    //     $("#pin-marker-end").addClass("pin-set");
    //     isSetStartAbrarMarker = true;
    //     isSetEndAbrarMarker = true;
    // checkMarkersAndDrawPath();

    // isSetStartAbrarMarker = true;

    //     $("#pin-marker-start")
    //       .removeClass("pin-move pin-warn")
    //       .addClass("pin-set");

    $("#province-id").val(provinceid);
    $("#axis-name-id").val(Roadaxis);
    $("#axis-type-id").val(axisName_type);
    // $("#project-title-id").val(ProjectTitle);
    // $("#contractor-id").val(contractorName_id);
    // $("#consultant-id").val(consultantName_id);
    // $("#contract-date-id").val(contractName_date);
    // $("#contract-price-id").val(contractName_credit);
});

function showModal(id) {
    $("#stepModalmaintenance").modal("show");

    $("[data-mask]").inputmask();

    $("#stepModalmaintenance input[name=abrar-project-latlng-start]").on(
        "keyup",
        function () {
            console.log("he deals a card as a meditation :)");
            checkStartMarkerValidation();
        }
    );

    $("#stepModalmaintenance input[name=abrar-project-latlng-end]").on(
        "keyup",
        function () {
            checkEndMarkerValidation();
        }
    );

    function checkStartMarkerValidation(forSaveData = false, pageOnLoad = false) {
        let reg = /^([0-9]){2}\.([0-9])+$/;
        let startLatLngVal = $(
            "#stepModalmaintenance input[name=abrar-project-latlng-start]"
        )
            .val()
            .split(" - ");
        let startLatLng = startLatLngVal.map(function (e) {
            e = e.replace(/_/g, "");
            return parseFloat(e.slice(1, -1));
        });
        // console.log(startLatLng);
        if (isNaN(startLatLng[0])) {
            if (!forSaveData) {
                $(
                    "#stepModalmaintenance input[name=abrar-project-latlng-start]"
                ).removeClass("is-invalid-input");
            } else {
                $(
                    "#stepModalmaintenance input[name=abrar-project-latlng-start]"
                ).addClass("is-invalid-input");
            }
            $("#pin-marker-start").removeClass("pin-move pin-set");
            $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val("");
            $("#stepModalmaintenance input[name=abrar-project-latlng-start]").attr(
                "placeholder",
                "(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)"
            );
            return false;
        } else if (
            !startLatLng == 2 ||
            !reg.test(startLatLng[0]) ||
            !reg.test(startLatLng[1])
        ) {
            $(
                "#stepModalmaintenance input[name=abrar-project-latlng-start]"
            ).addClass("is-invalid-input");
            $("#pin-marker-start").removeClass("pin-move pin-set");
            return false;
        } else {
            if (!forSaveData) {
                $(
                    "#stepModalmaintenance input[name=abrar-project-latlng-start]"
                ).removeClass("is-invalid-input");

                startAbrarMarker.setLatLng(startLatLng);

                if (pageOnLoad) {
                    setTimeout(() => {
                        $("#pin-marker-start").removeClass("pin-move").addClass("pin-set");
                        startAbrarMarker.setLatLng(startLatLng);
                    }, 10);
                } else {
                    $("#pin-marker-start").removeClass("pin-move").addClass("pin-set");
                }

                if (!isSetEndAbrarMarker) {
                    let markerLatLng = [
                        startAbrarMarker.getLatLng().lat,
                        startAbrarMarker.getLatLng().lng + 0.0008,
                    ];

                    map.setView(markerLatLng);
                    endAbrarMarker.setLatLng(markerLatLng);

                    if (!isSetStartAbrarMarker) {
                        endAbrarMarker.addTo(map);
                    }
                }

                isSetStartAbrarMarker = true;
            } else {
                projectEditData["project-start-latlng"] = [
                    startAbrarMarker.getLatLng().lat.toFixed(6),
                    startAbrarMarker.getLatLng().lng.toFixed(6),
                ];
            }

            checkMarkersAndDrawPath(0);

            return true;
        }
    }

    function checkEndMarkerValidation(forSaveData = false, pageOnLoad = false) {
        let reg = /^([0-9]){2}\.([0-9])+$/;
        let endLatLngVal = $(
            "#stepModalmaintenance input[name=abrar-project-latlng-end]"
        )
            .val()
            .split(" - ");
        let endLatLng = endLatLngVal.map(function (e) {
            e = e.replace(/_/g, "");
            return parseFloat(e.slice(1, -1));
        });

        if (isNaN(endLatLng[0])) {
            if (!forSaveData) {
                $(
                    "#stepModalmaintenance input[name=abrar-project-latlng-end]"
                ).removeClass("is-invalid-input");
            } else {
                $(
                    "#stepModalmaintenance input[name=abrar-project-latlng-end]"
                ).addClass("is-invalid-input");
            }
            $("#pin-marker-end").removeClass("pin-move pin-set");
            $("#stepModalmaintenance input[name=abrar-project-latlng-end]").val("");
            $("#stepModalmaintenance input[name=abrar-project-latlng-end]").attr(
                "placeholder",
                "(پایان) => (طول جغرافیایی) - (عرض جغرافیایی)"
            );
            return false;
        } else if (
            !endLatLng == 2 ||
            !reg.test(endLatLng[0]) ||
            !reg.test(endLatLng[1])
        ) {
            $("#stepModalmaintenance input[name=abrar-project-latlng-end]").addClass(
                "is-invalid-input"
            );
            $("#pin-marker-end").removeClass("pin-move pin-set");
            return false;
        } else {
            if (!forSaveData) {
                $(
                    "#stepModalmaintenance input[name=abrar-project-latlng-end]"
                ).removeClass("is-invalid-input");

                endAbrarMarker.setLatLng(endLatLng);
                isSetEndAbrarMarker = true;

                if (pageOnLoad) {
                    setTimeout(() => {
                        $("#pin-marker-end").removeClass("pin-move").addClass("pin-set");
                        endAbrarMarker.setLatLng(endLatLng);
                    }, 10);
                } else {
                    $("#pin-marker-end").removeClass("pin-move").addClass("pin-set");
                }
            } else {
                projectEditData["project-end-latlng"] = [
                    endAbrarMarker.getLatLng().lat.toFixed(6),
                    endAbrarMarker.getLatLng().lng.toFixed(6),
                ];
            }

            checkMarkersAndDrawPath(0);

            return true;
        }
    }

    $("#subTown").empty();
    $("#subTown").append(`<div class="form-group col-md-12">
  <label>
    شهرستان
  </label>
  <select
    class="form-control"
    style="font-size:12px"
    name="town"
    id="town-id"
  >
    <option value="0">انتخاب شهرستان</option>
  </select>

</div>`);

    $(".cancel").on("click", function () {
        $("#stepModalmaintenance").modal("hide");
    });

    restrictInputOtherThanArabic($("#axis-name-id"));
    restrictInputOtherThanArabic($("#project-title-id"));
    restrictInputOtherThanArabic($("#contractor-id"));
    restrictInputOtherThanArabic($("#consultant-id"));
    restrictInputOtherThanArabic($("#tozihat"));

    $("#town-id").on("change", function () {
        if (parseInt($(this).children("option:selected").val()) == 0) {
            $("#town-id").addClass("is-invalid-input");
        } else {
            $("#town-id").removeClass("is-invalid-input");
        }
    });
}

$("#submitNewRow").on("click", function () {
    let url = "https://rms.rmto.ir/camp/store";

    if (edit) {
        url =
            "https://rms.rmto.ir/camp/edit"
    }
    console.log("edit", edit)

    console.log("imnpuuu", $("input[name=inputFile1]")[0].files[0])

    // First, get input values
    const p2e = (s) => s.replace(/[۰-۹]/g, (d) => "۰۱۲۳۴۵۶۷۸۹".indexOf(d));
    let startLatLngVal = $(
        "#stepModalmaintenance input[name=abrar-project-latlng-start]"
    )
        .val()
        .split(" - ");
    let startLatLng = startLatLngVal.map(function (e) {
        e = e.replace(/_/g, "");
        return parseFloat(e.slice(1, -1));
    });

    let endLatLngVal = $(
        "#stepModalmaintenance input[name=abrar-project-latlng-end]"
    )
        .val()
        .split(" - ");
    let endLatLng = endLatLngVal.map(function (e) {
        e = e.replace(/_/g, "");
        return parseFloat(e.slice(1, -1));
    });

    let provinceVal = $("#province-id").children("option:selected").val();

    let axisNameVal = $("#axis-name-id").val();

    let axisTypeVal = $("#axis-type-id").children("option:selected").val();

    let town1Val = $("#town-id").children("option:selected").val();
    let mosharekatTown1Val = $("#mosharekat1").val();

    let town2Val = "";
    let mosharekatTown2Val = "";
    if ($("#town-id1").css("display") != "none") {
        town2Val = $("#town-id1").children("option:selected").val();
        mosharekatTown2Val = $("#mosharekat2").val();
    }

    let town3Val = "";
    let mosharekatTown3Val = "";
    if ($("#town-id2").css("display") != "none") {
        town3Val = $("#town-id2").children("option:selected").val();
        mosharekatTown3Val = $("#mosharekat3").val();
    }
    let dicctype = $("#dicc-type-id").val();
    let block_type = $("#block-type").val();

    let milion = $("#milion").val();
    let polha = $("#polha").val();
    let machinery = $("#machinery").val();
    let activerahdar = $("#activerahdar").val();
    let tozihat = $("#tozihat").val();
    let toolensedad = $("#tool-id").val()

    let predictiontime = $("#predict-type-id").children("option:selected").val();
    let polhabig = $("#polhabig").val()
    let polhasmall = $("#polhasmall").val()



    if (isNaN(startLatLng[0])) {
        $("input[name='abrar-project-latlng-start']").addClass("is-invalid-input");
    } else {
        $("input[name='abrar-project-latlng-start']").removeClass(
            "is-invalid-input"
        );
    }

    if (isNaN(endLatLng[0])) {
        $("input[name='abrar-project-latlng-end']").addClass("is-invalid-input");
    } else {
        $("input[name='abrar-project-latlng-end']").removeClass("is-invalid-input");
    }

    if (parseInt(provinceVal) == 0) {
        $("#province-id").addClass("is-invalid-input");
    } else {
        $("#province-id").removeClass("is-invalid-input");
    }

    if (axisNameVal == "") {
        $("#axis-name-id").addClass("is-invalid-input");
    } else {
        $("#axis-name-id").removeClass("is-invalid-input");
    }



    if (parseInt(axisTypeVal) == 0) {
        $("#axis-type-id").addClass("is-invalid-input");
    } else {
        $("#axis-type-id").removeClass("is-invalid-input");
    }

    if (parseInt(town1Val) == 0) {
        $("#town-id").addClass("is-invalid-input");
    } else {
        $("#town-id").removeClass("is-invalid-input");
    }

    if (parseInt(town2Val) == 0) {
        $("#town-id1").addClass("is-invalid-input");
    } else {
        $("#town-id1").removeClass("is-invalid-input");
    }

    if (parseInt(town3Val) == 0) {
        $("#town-id2").addClass("is-invalid-input");
    } else {
        $("#town-id2").removeClass("is-invalid-input");
    }

    if ($("#town-id2").length) {
        if (mosharekatTown1Val == "") {
            $("#mosharekat1").addClass("is-invalid-input");
        } else {
            $("#mosharekat1").removeClass("is-invalid-input");
        }
        if (mosharekatTown2Val == "") {
            $("#mosharekat2").addClass("is-invalid-input");
        } else {
            $("#mosharekat2").removeClass("is-invalid-input");
        }
        if (mosharekatTown3Val == "") {
            $("#mosharekat3").addClass("is-invalid-input");
        } else {
            $("#mosharekat3").removeClass("is-invalid-input");
        }

        let mosharekatSum =
            parseInt(mosharekatTown1Val) +
            parseInt(mosharekatTown2Val) +
            parseInt(mosharekatTown3Val);

        if (mosharekatSum != 100) {
            $("#mosharekat1").addClass("is-invalid-input");
            $("#mosharekat2").addClass("is-invalid-input");
            $("#mosharekat3").addClass("is-invalid-input");
            if ($(".invalid-feedback").length) {
                $(".invalid-feedback").show();
            } else {
                $("#mosharekat1").parent().append(`
          <div class="invalid-feedback">
            مجموع درصد مشارکت ها باید 100 درصد باشد.
          </div>
        `);
                $(".invalid-feedback").show();
            }
        } else {
            if ($(".invalid-feedback").length) $(".invalid-feedback").hide();
        }
    } else if ($("#town-id1").length) {
        if (mosharekatTown1Val == "") {
            $("#mosharekat1").addClass("is-invalid-input");
        } else {
            $("#mosharekat1").removeClass("is-invalid-input");
        }
        if (mosharekatTown2Val == "") {
            $("#mosharekat2").addClass("is-invalid-input");
        } else {
            $("#mosharekat2").removeClass("is-invalid-input");
        }

        let mosharekatSum =
            parseInt(mosharekatTown1Val) + parseInt(mosharekatTown2Val);

        if (mosharekatSum != 100) {
            $("#mosharekat1").addClass("is-invalid-input");
            $("#mosharekat2").addClass("is-invalid-input");

            if ($(".invalid-feedback").length) {
                $(".invalid-feedback").show();
            } else {
                $("#mosharekat1").parent().append(`
          <div class="invalid-feedback">
            مجموع درصد مشارکت ها باید 100 درصد باشد.
          </div>
        `);
                $(".invalid-feedback").show();
            }
        } else {
            if ($(".invalid-feedback").length) $(".invalid-feedback").hide();
        }
    }

    if (dicctype == 0) {
        $("#dicc-type-id").addClass("is-invalid-input");
    } else {
        $("#dicc-type-id").removeClass("is-invalid-input");
    }
    if (toolensedad == 0) {
        $("#tool-id").addClass("is-invalid-input");
    } else {
        $("#tool-id").removeClass("is-invalid-input");
    }
    if (milion == "") {
        $("#milion").addClass("is-invalid-input");
    } else {
        $("#milion").removeClass("is-invalid-input");
    }
    if (predictiontime == 0) {
        $("#predict-type-id").addClass("is-invalid-input");
    } else {
        $("#predict-type-id").removeClass("is-invalid-input");
    }
    if (polha == "") {
        $("#polha").addClass("is-invalid-input");
    } else {
        $("#polha").removeClass("is-invalid-input");
    }
    if (polhasmall == "") {
        $("#polhasmall").addClass("is-invalid-input");
    } else {
        $("#polhasmall").removeClass("is-invalid-input");
    }
    if (polhabig == "") {
        $("#polhabig").addClass("is-invalid-input");
    } else {
        $("#polhabig").removeClass("is-invalid-input");
    }
    if (machinery == "") {
        $("#machinery").addClass("is-invalid-input");
    } else {
        $("#machinery").removeClass("is-invalid-input");
    }

    if (activerahdar == "") {
        $("#activerahdar").addClass("is-invalid-input");
    } else {
        $("#activerahdar").removeClass("is-invalid-input");
    }
    if (tozihat == "") {
        $("#tozihat ").addClass("is-invalid-input");
    } else {
        $("#tozihat ").removeClass("is-invalid-input");
    }
    if ($("#town-id").val() === $("#town-id1").val()) {
        $("#town-id1").addClass("is-invalid-input");
    }
    if ($("#town-id").val() === $("#town-id2").val()) {
        $("#town-id2").addClass("is-invalid-input");
    }
    if ($("#town-id1").val() === $("#town-id2").val()) {
        $("#town-id2").addClass("is-invalid-input");
    }
    if ($("#stepModalmaintenance").find(".is-invalid-input").length) {
        // has error
        // alert("لطفا تمامی فیلدهای مرتبط را تکمیل کنید.");
        // Swal.fire({
        //   icon: "error",
        //   title: "خطا",
        //   text: "لطفا تمامی فیلدهای مرتبط را تکمیل کنید.",
        //   confirmButtonText: "بستن",
        // });
    } else if (boundingbox) {
        if (
            boundingbox &&
            parseFloat(startLatLng[0]) >= parseFloat(boundingbox[0]) &&
            parseFloat(startLatLng[0]) <= parseFloat(boundingbox[1]) &&
            parseFloat(startLatLng[1]) >= parseFloat(boundingbox[2]) &&
            parseFloat(startLatLng[1]) <= parseFloat(boundingbox[3]) &&
            parseFloat(endLatLng[0]) >= parseFloat(boundingbox[0]) &&
            parseFloat(endLatLng[0]) <= parseFloat(boundingbox[1]) &&
            parseFloat(endLatLng[1]) >= parseFloat(boundingbox[2]) &&
            parseFloat(endLatLng[1]) <= parseFloat(boundingbox[3])
        ) {
            console.log(startLatLng);
            console.log(endLatLng);
            console.log(boundingbox);
            // ajax
            let formData = new FormData();

            let cities = {};
            if ($("#town-id2").length) {
                // console.log("We have three cities!");
                cities[town1Val] = mosharekatTown1Val;
                cities[town2Val] = mosharekatTown2Val;
                cities[town3Val] = mosharekatTown3Val;
            } else if ($("#town-id1").length) {
                // console.log("We have 2 cities!");
                cities[town1Val] = mosharekatTown1Val;
                cities[town2Val] = mosharekatTown2Val;
            } else {
                // console.log("We have 1 city!");
                cities[town1Val] = 100;
            }

            // formData.append("id", idEdit);

            formData.append("province-id", provinceVal);
            formData.append("cities-id", JSON.stringify(cities));
            formData.append("axis-name", axisNameVal);
            formData.append("axis-type", axisTypeVal);
            formData.append("prediction-time", predictiontime);
            formData.append("blockage-cause", dicctype);

            formData.append("blockage-length", toolensedad);

            formData.append("blockage-damage-money", milion);
            formData.append("blockage-damage-count", polha);
            formData.append("blockage-damage-lower-6-count", polhasmall);
            formData.append("blockage-damage-higher-6-count", polhabig);

            // formData.append("contract-date", p2e(contractDateVal));

            formData.append("active-cars-count", machinery);

            formData.append("active-rahdar-count", activerahdar);
            formData.append("start-latlng", startLatLng);
            formData.append("end-latlng", endLatLng);
            formData.append("block-axis-desc", tozihat);
            if ($("input[name=inputFile1]")[0].files[0] != undefined) {
                formData.append("image-1", $("input[name=inputFile1]")[0].files[0]);
                formData.append("name-1", "image-1");

            }
            if ($("input[name=inputFile2]")[0].files[0] != undefined) {
                formData.append("image-2", $("input[name=inputFile2]")[0].files[0]);
                formData.append("name-2", "image-2");

            }
            if ($("input[name=inputFile3]")[0].files[0] != undefined) {
                formData.append("image-3", $("input[name=inputFile3]")[0].files[0]);
                formData.append("name-3", "image-3");

            }


            for (var pair of formData.entries()) {
                console.log(pair[0] + ', ' + pair[1]);
            }
            showLoaderScreen();
            $.ajax({
                url: url,
                type: "POST",
                data: formData,
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
                cache: false,
                contentType: false,
                processData: false,
                mimeType: "multipart/form-data",
                success: function (result) {
                    console.log(result);
                    $("#stepModalmaintenance").modal('hide')
                    ajaxcalltablegharar()
                    // ajaxcalltable();
                    // setTimeout(function () {
                    //   location.reload();
                    // }, 2000);
                },
                error: function (error) {
                    // console.log(error);
                    hideLoaderScreen();
                    Swal.fire({
                        icon: "error",
                        title: "خطا",
                        text: "خطایی رخ داده است",
                        confirmButtonText: "بستن",
                    });
                },
            });

        } else {
            Swal.fire({
                icon: "error",
                title: "خطا",
                text: ". لطفا در محدوده استان موقعیت را ثبت کنید  ",
                confirmButtonText: "بستن",
            });
        }
    } else {
        console.log(startLatLng);
        console.log(endLatLng);
        console.log(boundingbox);
        // ajax
        let formData = new FormData();

        let cities = {};
        if ($("#town-id2").length) {
            // console.log("We have three cities!");
            cities[town1Val] = mosharekatTown1Val;
            cities[town2Val] = mosharekatTown2Val;
            cities[town3Val] = mosharekatTown3Val;
        } else if ($("#town-id1").length) {
            // console.log("We have 2 cities!");
            cities[town1Val] = mosharekatTown1Val;
            cities[town2Val] = mosharekatTown2Val;
        } else {
            // console.log("We have 1 city!");
            cities[town1Val] = 100;
        }


        formData.append("id", idEdit);

        formData.append("province-id", provinceVal);
        formData.append("cities-id", JSON.stringify(cities));
        formData.append("axis-name", axisNameVal);
        formData.append("axis-type", axisTypeVal);
        formData.append("prediction-time", predictiontime);
        formData.append("blockage-cause", dicctype);

        formData.append("blockage-length", toolensedad);

        formData.append("blockage-damage-money", milion);
        formData.append("blockage-damage-count", polha);
        formData.append("blockage-damage-lower-6-count", polhasmall);
        formData.append("blockage-damage-higher-6-countt", polhabig);

        // formData.append("contract-date", p2e(contractDateVal));

        formData.append("active-cars-count", machinery);

        formData.append("active-rahdar-count", activerahdar);
        formData.append("start-latlng", startLatLng);
        formData.append("end-latlng", endLatLng);
        formData.append("block-axis-desc", tozihat);
        if ($("input[name=inputFile1]")[0].files[0] != undefined) {
            formData.append("image-1", $("input[name=inputFile1]")[0].files[0]);
            formData.append("name-1", "image-1");

        }
        if ($("input[name=inputFile2]")[0].files[0] != undefined) {
            formData.append("image-2", $("input[name=inputFile2]")[0].files[0]);
            formData.append("name-2", "image-2");

        }
        if ($("input[name=inputFile3]")[0].files[0] != undefined) {
            formData.append("image-3", $("input[name=inputFile3]")[0].files[0]);
            formData.append("name-3", "image-3");

        }
        for (var pair of formData.entries()) {
            console.log(pair[0] + ', ' + pair[1]);
        }
        showLoaderScreen();
        $.ajax({
            url: url,
            type: "POST",
            data: formData,
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
            cache: false,
            contentType: false,
            processData: false,
            mimeType: "multipart/form-data",
            success: function (result) {
                $("#stepModalmaintenance").modal('hide')
                console.log(result);
                ajaxcalltablegharar()
                // ajaxcalltable();
                // setTimeout(function () {
                //   location.reload();
                // }, 2000);
            },
            error: function (error) {
                // console.log(error);
                hideLoaderScreen();
                Swal.fire({
                    icon: "error",
                    title: "خطا",
                    text: "خطایی رخ داده است",
                    confirmButtonText: "بستن",
                });
            },
        });

    }
});

function ajaxcalltable() {
    $.ajax({
        url: "https://rms.rmto.ir/rahdari/road-maintenance-project/getlist",
        type: "GET",
        success: function (result) {
            // console.log(result.data[0]);
            $("#example").dataTable().fnClearTable();
            $("#example").dataTable().fnAddData(result.data);

            hideLoaderScreen();

            // Swal.fire({
            //   icon: "success",
            //   title: "ثبت موفقیت آمیز",
            //   text: "اطلاعات اولیه با موفقیت ثبت گردید!",
            //   confirmButtonText: "بستن",
            // });

            $("#stepModalmaintenance").modal("hide");
        },
    });
}

function onLocationChange() {
    let lat, lng;

    let provinceId = $("#province-id").children("option:selected").val();
    let provinceIndex = provinces.findIndex(function (entry) {
        return entry.id == provinceId;
    });

    if (provinceIndex != -1) {
        lat = provinces[provinceIndex].center_lat;
        lng = provinces[provinceIndex].center_long;
    }

    $.ajax({
        url:
            "https://testmap.141.ir/nominatim/reverse.php?format=json" +
            "&lat=" +
            lat +
            "&lon=" +
            lng +
            "&accept-language=fa" +
            "&zoom=5",
        type: "GET",
        success: function (result) {
            boundingbox = result.boundingbox;
            console.log("heeeeeey kaaaaargarrrrr");
            console.log(boundingbox);
        },
        error: function (error) {
            console.log(error);
        },
    });
}

$("#province-id").on("change", function () {
    if (parseInt($(this).children("option:selected").val()) == 0) {
        $("#province-id").addClass("is-invalid-input");
    } else {
        $("#province-id").removeClass("is-invalid-input");

        onLocationChange();
    }
});

$("#axis-name-id").on("change", function () {
    if ($(this).val() == "") {
        $("#axis-name-id").addClass("is-invalid-input");
    } else {
        $("#axis-name-id").removeClass("is-invalid-input");
    }
});

$("#yearshown").on("change", function () {
    // if ($(this).val() == "") {
    //   $("#yearshown").addClass("is-invalid-input");
    // } else {
    $("#yearshown").removeClass("is-invalid-input");
    // }
});

$("#axis-type-id").on("change", function () {
    if (parseInt($(this).children("option:selected").val()) == 0) {
        $("#axis-type-id").addClass("is-invalid-input");
    } else {
        $("#axis-type-id").removeClass("is-invalid-input");
    }
});

$("#project-title-id").on("change", function () {
    if ($(this).val() == "") {
        $("#project-title-id").addClass("is-invalid-input");
    } else {
        $("#project-title-id").removeClass("is-invalid-input");
    }
});

$("#contractor-id").on("change", function () {
    if ($(this).val() == "") {
        $("#contractor-id").addClass("is-invalid-input");
    } else {
        $("#contractor-id").removeClass("is-invalid-input");
    }
});

$("#consultant-id").on("change", function () {
    if ($(this).val() == "") {
        $("#consultant-id").addClass("is-invalid-input");
    } else {
        $("#consultant-id").removeClass("is-invalid-input");
    }
});

$("#contract-price-id").on("change", function () {
    if ($(this).val() == "") {
        $("#contract-price-id").addClass("is-invalid-input");
    } else {
        $("#contract-price-id").removeClass("is-invalid-input");
    }
});

function restrictInputOtherThanArabic($field) {
    // Arabic characters fall in the Unicode range 0600 - 06FF
    var arabicCharUnicodeRange = /[\u0600-\u06FF-0-9-45]/;

    $field.bind("keypress", function (event) {
        var key = event.which;
        // 0 = numpad
        // 8 = backspace
        // 32 = space
        if (key == 8 || key == 0 || key === 32) {
            return true;
        }

        var str = String.fromCharCode(key);
        if (arabicCharUnicodeRange.test(str)) {
            return true;
        }

        return false;
    });
}

function addTownBox() {
    let childNum = $("#subTown").children().length;

    // console.log($("#town-id").val());

    if (childNum == 1 && $("#town-id").val() != 0) {
        $("#subTown div").append(
            `
      <div class="input-group mb-3">
  <input type ="text" class="form-control" id="mosharekat1" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
  <div class="input-group-prepend p-0" style="margin-top:5px">
  <span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
</div>
</div>
      `
        );

        $("#subTown").append(`<div class="form-group col-md-12">
    <label>
      شهرستان
    </label>
    <select
      class="form-control"
      style="font-size:12px"
      name="town"
      id="town-id${childNum}"
    >
      <option value="0" style="font-size:10px">انتخاب شهرستان</option>
    </select>
    <div class="input-group mb-3">
    <input type ="text" class="form-control" id="mosharekat2" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>

    <div class="input-group-prepend p-0" style="margin-top:5px">
  <span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
  </div>
</div>
    </div>`);
        setTownSelect(childNum);
    } else if (childNum == 2 && $("#town-id1").val() != 0) {
        $("#subTown").append(`<div class="form-group col-md-12">
    <label>
      شهرستان
    </label>
    <select
      class="form-control"
      style="font-size:12px"
      name="town"
      id="town-id${childNum}"
    >
      <option value="0" style="font-size:10px">انتخاب شهرستان</option>
    </select>
    <div class="input-group mb-3">
    <input type ="text" class="form-control" id="mosharekat3" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
    <div class="input-group-prepend p-0" style="margin-top:5px">
  <span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
  </div>
</div>
    </div>`);
        setTownSelect(childNum);
    }

    $("[data-mask]").inputmask();

    $("#town-id1").on("change", function () {
        if (parseInt($(this).children("option:selected").val()) == 0) {
            $("#town-id1").addClass("is-invalid-input");
        } else {
            $("#town-id1").removeClass("is-invalid-input");
        }
    });

    $("#town-id2").on("change", function () {
        if (parseInt($(this).children("option:selected").val()) == 0) {
            $("#town-id2").addClass("is-invalid-input");
        } else {
            $("#town-id2").removeClass("is-invalid-input");
        }
    });

    $("#mosharekat1").on("change", function () {
        if ($(this).val() == "") {
            $("#mosharekat1").addClass("is-invalid-input");
        } else {
            $("#mosharekat1").removeClass("is-invalid-input");
        }
    });

    $("#mosharekat2").on("change", function () {
        if ($(this).val() == "") {
            $("#mosharekat2").addClass("is-invalid-input");
        } else {
            $("#mosharekat2").removeClass("is-invalid-input");
        }
    });

    $("#mosharekat3").on("change", function () {
        if ($(this).val() == "") {
            $("#mosharekat3").addClass("is-invalid-input");
        } else {
            $("#mosharekat3").removeClass("is-invalid-input");
        }
    });
}

function removeTownBox() {
    let childNum = $("#subTown").children().length;

    if (childNum == 3) {
        $("#town-id2").parent().remove();
    } else if (childNum == 2) {
        $("#town-id1").parent().remove();
        $("#subTown .input-group").remove();
    }
}

function checkMarkersAndDrawPath(update) {
    if (
        $("#pin-marker-start").hasClass("pin-set") &&
        !$("#pin-marker-start").hasClass("pin-move") &&
        $("#pin-marker-end").hasClass("pin-set") &&
        !$("#pin-marker-end").hasClass("pin-move")
    ) {
        drawPath(update);
    } else {
        setTimeout(() => {
            if (
                $("#pin-marker-start").hasClass("pin-set") &&
                !$("#pin-marker-start").hasClass("pin-move") &&
                $("#pin-marker-end").hasClass("pin-set") &&
                !$("#pin-marker-end").hasClass("pin-move")
            ) {
                drawPath(update);
            } else {
                if (routeControls.length) {
                    $(routeControls).each(function (index, control) {
                        mapName = update ? map2 : map;
                        mapName.removeControl(control);

                        routeControls.splice(routeControls.indexOf(index), 1);
                    });
                }
                // if (polyline != null) {
                //   map.removeLayer(polyline);
                // }
            }
        }, 20);
    }
}
function checkMarkersAndDrawPathshow() {
    if (
        $("#pin-marker-start").hasClass("pin-set") &&
        !$("#pin-marker-start").hasClass("pin-move") &&
        $("#pin-marker-end").hasClass("pin-set") &&
        !$("#pin-marker-end").hasClass("pin-move")
    ) {
        drawPathshow();
    } else {
        setTimeout(() => {
            if (
                $("#pin-marker-start").hasClass("pin-set") &&
                !$("#pin-marker-start").hasClass("pin-move") &&
                $("#pin-marker-end").hasClass("pin-set") &&
                !$("#pin-marker-end").hasClass("pin-move")
            ) {
                drawPathshow();
            } else {
                if (routeControls.length) {
                    $(routeControls).each(function (index, control) {
                        mapshow.removeControl(control);
                        routeControls.splice(routeControls.indexOf(index), 1);
                    });
                }
                // if (polyline != null) {
                //   map.removeLayer(polyline);
                // }
            }
        }, 20);
    }
}
function removeStartToEndPath(update) {
    if (routeControls.length) {
        $(routeControls).each(function (index, control) {
            mapName = update ? map2 : map;

            mapName.removeControl(control);

            routeControls.splice(routeControls.indexOf(index), 1);
        });
    }
}

// function drawStartToEndPath(pathType, source, dest) {
//   if (routeControlsPath.length) {
//     $(routeControlsPath).each(function (index, control) {
//       map.removeControl(control);
//       routeControlsPath.splice(routeControlsPath.indexOf(index), 1);
//     });
//   }
//   if (polylinePath != null) {
//     map.removeLayer(polylinePath);
//   }
//   switch (pathType) {
//     case "line": {
//       polylinePath = L.polyline(
//         [
//           [source[0], source[1]],
//           [dest[0], dest[1]],
//         ],
//         {
//           color: "#0073e6",
//           opacity: 0.6,
//           weight: 5,
//         }
//       ).addTo(map);
//       break;
//     }
//     case "axis": {
//       $.get(
//         `https://testmap.141.ir/route/v1/driving/${source[1]},${source[0]};${dest[1]},${dest[0]}?overview=false&alternatives=true&steps=true`,
//         function (data) {
//           routeControlsPath.push(
//             L.Routing.control({
//               waypoints: [
//                 L.latLng(parseFloat(source[0]), parseFloat(source[1])),
//                 L.latLng(parseFloat(dest[0]), parseFloat(dest[1])),
//               ],
//               fitSelectedRoutes: false,
//               draggableWaypoints: true,
//               createMarker: function () {
//                 return null;
//               },
//               lineOptions: {
//                 addWaypoints: false,
//                 styles: [
//                   {
//                     color: "#0073e6",
//                     opacity: 0.6,
//                     weight: 5,
//                   },
//                 ],
//               },
//             })
//               .on("routesfound", function (e) {
//                 for (let index = 0; index < popupArraysPath.length; index++) {
//                   if (popupArraysPath[index] !== null) {
//                     map.removeLayer(popupArraysPath[index]);
//                   }
//                 }

//                 /*let popup = new L.Popup({
//                 'maxWidth': '300',
//                 'maxHeight': '150',
//                 'className': 'customRouteEstimate'
//               });

//               let popupLocation = new L.LatLng(e.routes[0].coordinates[parseInt(e.routes[0]
//                 .coordinates
//                 .length /
//                 2)].lat,
//                 e.routes[0].coordinates[parseInt(e.routes[0].coordinates.length / 2)]
//                   .lng);
//               let popupContent = "<span style=\"color:#FF5630 ; font-size:11px\">مسافت : </span>" + parseFloat(e.routes[0].summary.totalDistance / 1000.0).toFixed(2) + " کیلومتر";
//               popup.setLatLng(popupLocation);
//               popup.setContent(popupContent);
//               popupArraysPath.push(popup);
//               map.addLayer(popup);*/
//               })
//               .addTo(map)
//           );
//         }
//       );

//       $(".leaflet-control-container").css("display", "none");
//       $(".leaflet-routing-container-hide").css("display", "none");
//       break;
//     }
//   }
// }

function drawPath(update) {
    mapName = update ? map2 : map;

    if (routeControls.length) {
        $(routeControls).each(function (index, control) {
            mapName.removeControl(control);
            routeControls.splice(routeControls.indexOf(index), 1);
        });
    }

    // routeControls.push(
    //   L.polyline(
    //     [
    //       L.latLng(
    //         parseFloat(startAbrarMarker.getLatLng().lat),
    //         parseFloat(startAbrarMarker.getLatLng().lng)
    //       ),
    //       L.latLng(
    //         parseFloat(endAbrarMarker.getLatLng().lat),
    //         parseFloat(endAbrarMarker.getLatLng().lng)
    //       ),
    //     ],
    //     {
    //       color: "blue",
    //       weight: 3,
    //       opacity: 0.5,
    //       smoothFactor: 1,
    //     }
    //   )
    // );

    // map.addLayer(routeControls[0]);

    routeControls.push(
        L.Routing.control({
            waypoints: [
                L.latLng(
                    parseFloat(startAbrarMarker.getLatLng().lat),
                    parseFloat(startAbrarMarker.getLatLng().lng)
                ),
                L.latLng(
                    parseFloat(endAbrarMarker.getLatLng().lat),
                    parseFloat(endAbrarMarker.getLatLng().lng)
                ),
            ],
            fitSelectedRoutes: false,
            draggableWaypoints: true,
            createMarker: function () {
                return null;
            },
            lineOptions: {
                addWaypoints: false,
                styles: [
                    {
                        color: "#28a745",
                        opacity: 0.8,
                        weight: 5,
                    },
                ],
            },
        })
            // .on("routesfound", function (e) {
            //   var divideBy = 2;

            //   for (let index = 0; index < popupArrays.length; index++) {
            //     map.removeLayer(popupArrays[index]);
            //   }

            //   var customOptions = {
            //     maxWidth: "300",
            //     maxHeight: "150",
            //     className: "customRouteEstimate",
            //   };
            //   var popup = new L.Popup(customOptions);

            //   var popupLocation = new L.LatLng(
            //     e.routes[0].coordinates[
            //       parseInt(e.routes[0].coordinates.length / divideBy)
            //     ].lat,
            //     e.routes[0].coordinates[
            //       parseInt(e.routes[0].coordinates.length / divideBy)
            //     ].lng
            //   );

            //   var popupContent =
            //     '<span style="color:#FF5630; font-size:11px; font-family: IRANSansFaNum;">مسافت: </span>' +
            //     parseFloat(e.routes[0].summary.totalDistance / 1000.0).toFixed(2) +
            //     " کیلومتر";

            //   saveTotalDistance = parseFloat(
            //     parseFloat(e.routes[0].summary.totalDistance / 1000.0).toFixed(2)
            //   );

            //   popup.setLatLng(popupLocation);
            //   popup.setContent(popupContent);

            //   popupArrays.push(popup);
            //   map.addLayer(popup);

            //   // showItemSelectionModal();
            // })
            .addTo(mapName)
    );
    $(".leaflet-control-container").css("display", "none");
    $(".leaflet-routing-container-hide").css("display", "none");
}
function drawPathshow() {
    if (routeControls.length) {
        $(routeControls).each(function (index, control) {
            mapshow.removeControl(control);
            routeControls.splice(routeControls.indexOf(index), 1);
        });
    }

    // routeControls.push(
    //   L.polyline(
    //     [
    //       L.latLng(
    //         parseFloat(startAbrarMarker.getLatLng().lat),
    //         parseFloat(startAbrarMarker.getLatLng().lng)
    //       ),
    //       L.latLng(
    //         parseFloat(endAbrarMarker.getLatLng().lat),
    //         parseFloat(endAbrarMarker.getLatLng().lng)
    //       ),
    //     ],
    //     {
    //       color: "blue",
    //       weight: 3,
    //       opacity: 0.5,
    //       smoothFactor: 1,
    //     }
    //   )
    // );

    // map.addLayer(routeControls[0]);

    routeControls.push(
        L.Routing.control({
            waypoints: [
                L.latLng(
                    parseFloat(startAbrarMarkershow.getLatLng().lat),
                    parseFloat(startAbrarMarkershow.getLatLng().lng)
                ),
                L.latLng(
                    parseFloat(endAbrarMarkershow.getLatLng().lat),
                    parseFloat(endAbrarMarkershow.getLatLng().lng)
                ),
            ],
            fitSelectedRoutes: false,
            draggableWaypoints: true,
            createMarker: function () {
                return null;
            },
            lineOptions: {
                addWaypoints: false,
                styles: [
                    {
                        color: "#28a745",
                        opacity: 0.8,
                        weight: 5,
                    },
                ],
            },
        })
            // .on("routesfound", function (e) {
            //   var divideBy = 2;

            //   for (let index = 0; index < popupArrays.length; index++) {
            //     map.removeLayer(popupArrays[index]);
            //   }

            //   var customOptions = {
            //     maxWidth: "300",
            //     maxHeight: "150",
            //     className: "customRouteEstimate",
            //   };
            //   var popup = new L.Popup(customOptions);

            //   var popupLocation = new L.LatLng(
            //     e.routes[0].coordinates[
            //       parseInt(e.routes[0].coordinates.length / divideBy)
            //     ].lat,
            //     e.routes[0].coordinates[
            //       parseInt(e.routes[0].coordinates.length / divideBy)
            //     ].lng
            //   );

            //   var popupContent =
            //     '<span style="color:#FF5630; font-size:11px; font-family: IRANSansFaNum;">مسافت: </span>' +
            //     parseFloat(e.routes[0].summary.totalDistance / 1000.0).toFixed(2) +
            //     " کیلومتر";

            //   saveTotalDistance = parseFloat(
            //     parseFloat(e.routes[0].summary.totalDistance / 1000.0).toFixed(2)
            //   );

            //   popup.setLatLng(popupLocation);
            //   popup.setContent(popupContent);

            //   popupArrays.push(popup);
            //   map.addLayer(popup);

            //   // showItemSelectionModal();
            // })
            .addTo(mapshow)
    );
    $(".leaflet-control-container").css("display", "none");
    $(".leaflet-routing-container-hide").css("display", "none");
}

$("#rejectoolfinal").on("click", function () {
    $("#show-projecttool").modal("hide");
});

$("#example").on("click", "button.update-button", function () {
    $("#tool-main").css("display", "none");
    $("#update-table").css("display", "block");
    scrolldowntable();
    $("#title-update").empty();
    var tr = $(this).closest("tr");
    var row = table.row(tr);
    console.log(row.data().id);
    idkol = row.data().id;
    cost = row.data().contract_credit;
    var projecttitle = row.data().project_name;
    var axisname = row.data().axis_name;
    var ostan = row.data().province_fa;

    startLatlng = row.data().start_latlng;
    endLatlng = row.data().end_latlng;

    var titleupdate =
        "بروزرسانی آخرین وضعیت پروژه" +
        " " +
        projecttitle +
        " " +
        "محور" +
        " " +
        axisname +
        " " +
        "استان" +
        " " +
        ostan;
    var note = '<h3 class="card-title" >' + titleupdate + "</h3> ";
    $("#title-update").append(note);
    showLoaderScreen();
    tablethird = $("#example-update").DataTable({
        dom: "lfrtip",
        scrollX: true,
        destroy: true,
        pagingType: "simple_numbers",
        language: {
            sEmptyTable: "هیچ داده‌ای در جدول وجود ندارد",
            sInfo: "نمایش _START_ تا _END_ از _TOTAL_ ردیف",
            sInfoEmpty: "نمایش 0 تا 0 از 0 ردیف",
            sInfoFiltered: "(فیلتر شده از _MAX_ ردیف)",
            sInfoPostFix: "",
            sInfoThousands: ",",
            sLengthMenu: "نمایش _MENU_ ردیف",
            sLoadingRecords: "در حال بارگذاری...",
            sProcessing: "در حال پردازش...",
            sSearch: "جستجو: ",
            sZeroRecords: "رکوردی با این مشخصات پیدا نشد",
            oPaginate: {
                sFirst: "برگه‌ی نخست",
                sLast: "برگه‌ی آخر",
                sNext: "بعدی",
                sPrevious: "قبلی",
            },
            oAria: {
                sSortAscending: ": فعال سازی نمایش به صورت صعودی",
                sSortDescending: ": فعال سازی نمایش به صورت نزولی",
            },
        },
        order: [[0, "desc"]],
        processing: true,
        autoWidth: false,
        ajax: {
            url:
                "https://rms.rmto.ir/rahdari/road-maintenance-project/" +
                idkol +
                "/get-distance-update-list",
            type: "GET",
            dataSrc: function (json) {
                console.log(json);
                tooltipjson = json.data.distance;
                if (json.data.distance_update.length) {
                    projectDistanceLastUpdate =
                        json.data.distance_update[json.data.distance_update.length - 1];
                    projectDistanceLastUpdatestatus =
                        projectDistanceLastUpdate.previous_status;
                    if (projectDistanceLastUpdatestatus == 0) {
                        $("#add-project-update").attr("disabled", true);
                    } else {
                        $("#add-project-update").attr("disabled", false);
                    }
                    console.log(
                        "projectDistanceLastUpdate",
                        projectDistanceLastUpdate.previous_status
                    );
                } else {
                    projectDistanceLastUpdate = null;
                    projectDefaultDistances = json.data.distance;
                }
                hideLoaderScreen();
                return json.data.distance_update;
            },
        },
        columns: [
            {
                data: null,
                render: function (data, type, row, meta) {
                    return meta.row + 1;
                },
            },
            { data: "updated_at" },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row, column) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 1;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        // console.log(Object.keys(data)[keyIndex]);
                        // console.log(data[Object.keys(data)[keyIndex]][0]);
                        return data[Object.keys(data)[keyIndex]][0];
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row, column) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 1;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][1];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row, column) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 1;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][2];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 2;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        return data[Object.keys(data)[keyIndex]][0];
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 2;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][1];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 2;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][2];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 3;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        return data[Object.keys(data)[keyIndex]][0];
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 3;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][1];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 3;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][2];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 4;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        return data[Object.keys(data)[keyIndex]][0];
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 4;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][1];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 4;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][2];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 5;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        return data[Object.keys(data)[keyIndex]][0];
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 5;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][1];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 5;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][2];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 6;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        return data[Object.keys(data)[keyIndex]][0];
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 6;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][1];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 6;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][2];
                        else return "-";
                    }
                },
            },

            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 7;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        return data[Object.keys(data)[keyIndex]][0];
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 7;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][1];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 7;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][2];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 8;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        return data[Object.keys(data)[keyIndex]][0];
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 8;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][1];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 8;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][2];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 9;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        return data[Object.keys(data)[keyIndex]][0];
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 9;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][1];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 9;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][2];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 10;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        return data[Object.keys(data)[keyIndex]][0];
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 10;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][1];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 10;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][2];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 11;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        return data[Object.keys(data)[keyIndex]][0];
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 11;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][1];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 11;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][2];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 12;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        return data[Object.keys(data)[keyIndex]][0];
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 12;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 1)
                            return data[Object.keys(data)[keyIndex]][1];
                        else return "-";
                    }
                },
            },

            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 12;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 2)
                            return data[Object.keys(data)[keyIndex]][2];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 12;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        if (data[Object.keys(data)[keyIndex]].length > 2)
                            return data[Object.keys(data)[keyIndex]][3];
                        else return "-";
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 13;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        return data[Object.keys(data)[keyIndex]][0];
                    }
                },
            },
            {
                data: "previous_project_distance_update",
                render: function (data, type, row) {
                    let keyIndex = Object.keys(data).findIndex(function (entry) {
                        return entry == 13;
                    });
                    if (keyIndex == -1) {
                        return "-";
                    } else {
                        return data[Object.keys(data)[keyIndex]][1];
                    }
                },
            },

            {
                data: "previous_project_status",
                render: function (data, type, row) {
                    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 " تکمیل و خاتمه یافته و بهره برداری شده";
                    } else return "توسط استان بروز رسانی نشده است";
                },
            },

            {
                data: null,
                render: function (data, type, row, meta) {
                    let buttons = "";

                    buttons = ``;
                    // buttons = `<button type="button" class="btn btn-primary" onclick=showMapModalStatic(` + parseFloat(data.rms_start_latlng[0]).toFixed(2) + ',' + parseFloat(data.rms_start_latlng[1]).toFixed(2) + `)"><i class="fa fa-globe" aria-hidden="true"></i></button>`

                    // if (data.previous_status == 0) {

                    // if (data.images.length) {
                    //   sliderImages = data.images;

                    buttons =
                        `
              <div style="display: flex; flex-direction: row;">
              <button type="button" class="btn btn-primary btn-sm" onclick="showMapModalStatic(` +
                        data.previous_team_latlng +
                        `)" ><i class="fa fa-globe" aria-hidden="true"></i></button>
                <button class="btn btn-warning  btn-sm upload-image-button" title="آپلود عکس" style="margin-right: 5px;" ><i class="fa fa-images"></i></button>
              </div>
            `;
                    // <button class="btn btn-success btn-sm submit-update" style="  margin-right: 5px;" title="ثبت"><i class="fas fa-check"></i></button>
                    // } else {
                    //   buttons = `
                    //   <div style="display: flex; flex-direction: row;">
                    //     <button class="btn btn-secondary btn-sm upload-image-button" title="آپلود عکس" style="background-color: #6c757d !important;border: 1px solid #6c757d !important; opacity: 0.65;"><i class="fas fa-images"></i></button>

                    //   </div>
                    // `;
                    // <button class="btn btn-primary btn-sm " style="background-color: #6c757d !important;border: 1px solid #6c757d !important; opacity: 0.65; margin-right: 5px;" title="ثبت" disabled><i class="fas fa-check"></i></button>
                    // }
                    // }
                    // else {
                    //   buttons = `
                    //     <div style="display: flex; flex-direction: row;">
                    //       <button class="btn btn-warning  btn-sm upload-image-buttonslider" title=" مشاهده عکس های آپلود شده "><i class="fas fa-images"></i></button>
                    //     </div>
                    //   `;
                    // }

                    return buttons;
                },
            },
        ],
        initComplete: function (settings, json) {
            $("#top-card-title").text(`بروزرسانی آخرین وضعیت پروژه ${project_title}`);
        },
    });
});
$("#image-upload-modal").on("click", "button.submit-update", function () {
    // var tr = $(this).closest("tr");
    // var row = tablethird.row(tr);
    // historyId = row.data().id;
    console.log("history", historyId);
    // showLoaderScreen();

    Swal.fire({
        icon: "warning",
        title: "آیا برای ثبت  مطمئن هستید؟",
        showCancelButton: true,
        confirmButtonColor: "#3085d6",
        cancelButtonColor: "#d33",
        confirmButtonText: "بله، تایید می‌شود",
        cancelButtonText: "منصرف شدم!",
        showLoaderOnConfirm: true,
        preConfirm: () => {
            showLoaderScreen();
            $.ajax({
                url:
                    "https://rms.rmto.ir/rahdari/road-maintenance-project/" +
                    historyId +
                    "/submit-history",
                type: "POST",
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
                cache: false,
                contentType: false,
                processData: false,
                success: function (result) {
                    location.reload();
                    // ajaxcalltablethird2(idkol);
                },
                error: function (error) {
                    // console.log(error);
                    hideLoaderScreen();
                    alert("خطا    :(");
                },
            });
        },
    });
});
// $("#example-update").on("click", "button.upload-image-button", function () {
//   var tr = $(this).closest("tr");
//   var row = tablethird.row(tr);
//   historyId = row.data().id;
//   console.log("history", historyId);
//   let rowImages = row.data().images;
//   sliderImages = row.data().images;
//   console.log("rowImages", rowImages, "sliderImages", sliderImages);
//   var test = "";
//   // if (rowImages.length >0) {

//   test = `<div class="form-row">`;

//   let imageIndex1 = rowImages.findIndex(function (entry) {
//     return entry.path.includes("image-1");
//   });

//   if (imageIndex1 != -1) {
//     test += `<div class="form-group col-md-3" id="uploadBox1">
//               <label class="file-input-modal-container">
//                 <div class="file-input-modal">
//                   <img src="https://rms.rmto.ir/${rowImages[
//         imageIndex1
//       ].path.replace(
//         "public",
//         "storage"
//       )}" id="image_upload_first" class="zoomimage" alt="your image" />
//                 </div>
//                 <input class="file-input " id="inputFile1" type="file"
//                   accept="image/*">
//               </label>
//               <div class="remove-image-container501" onclick="removeImage(1)" style="">✕</div>
//             </div>
//             `;
//   } else {
//     test += `  <div class="form-group col-md-3" id="uploadBox1">
//             <label class="file-input-modal-container">
//               <div class="file-input-modal">
//                 <img id="firstshow" src="../dist/images/icons/add-image.svg" alt="your image"
//                   style="height: 20px; margin-top: 5px;" />
//                 <img id="image_upload_first" class="zoomimage" alt="your image"
//                   style=" display: none;" />
//               </div>
//               <input class="file-input " id="inputFile1" type="file"
//                 accept="image/*">
//             </label>
//           </div>`;
//   }

//   // if (rowImages.length > 1) {

//   let imageIndex2 = rowImages.findIndex(function (entry) {
//     return entry.path.includes("image-2");
//   });

//   if (imageIndex2 != -1) {
//     test += `<div class="form-group col-md-3" id="uploadBox2">
//             <label class="file-input-modal-container">
//               <div class="file-input-modal">
//                 <img src="https://rms.rmto.ir/${rowImages[
//         imageIndex2
//       ].path.replace(
//         "public",
//         "storage"
//       )}" id="image_upload_second" name="" class="zoomimage" alt="your image" />
//               </div>
//               <input class="file-input" type="file" id="inputFile2"
//                   accept="image/*">
//             </label>
//               <div class="remove-image-container501" onclick="removeImage(2)" style="">✕</div>
//           </div>
//           `;
//   } else {
//     test += `<div class="form-group col-md-3" id="uploadBox2">
//       <label class="file-input-modal-container">
//         <div class="file-input-modal">
//           <img id="secondshow" src="../dist/images/icons/add-image.svg" alt="your image"
//             style="height: 20px; margin-top: 5px;" />
//           <img id="image_upload_second" name="" class="zoomimage" alt="your image"
//             style=" display: none" />
//         </div>
//         <input class="file-input" type="file" id="inputFile2"
//           accept="image/*">
//             </label>
//           </div>
//      `;
//   }
//   // }

//   let imageIndex3 = rowImages.findIndex(function (entry) {
//     return entry.path.includes("image-3");
//   });
//   if (imageIndex3 != -1) {
//     test += `    <div class="form-group col-md-3" id="uploadBox3">
//               <label class="file-input-modal-container">
//                 <div class="file-input-modal">
//                   <img src="https://rms.rmto.ir/${rowImages[
//         imageIndex3
//       ].path.replace(
//         "public",
//         "storage"
//       )}" id="image_upload_third" name="" class="zoomimage" alt="your image" />
//                 </div>
//                 <input class="file-input" type="file" id="inputFile3"
//                     accept="image/*">
//               </label>
//             <div class="remove-image-container501" onclick="removeImage(3)" style="">✕</div>
//             </div>
//           `;
//   } else {
//     test += ` <div class="form-group col-md-3" id="uploadBox3">
//         <label class="file-input-modal-container">
//           <div class="file-input-modal">
//             <img id="thirdshow" src="../dist/images/icons/add-image.svg" alt="your image"
//               style="height: 20px; margin-top: 5px;" />
//             <img id="image_upload_third" name="" class="zoomimage" alt="your image"
//               style=" display: none" />
//           </div>
//           <input class="file-input" type="file" id="inputFile3"
//             accept="image/*">
//             </label>
//           </div>`;
//   }

//   let imageIndex4 = rowImages.findIndex(function (entry) {
//     return entry.path.includes("image-4");
//   });
//   if (imageIndex4 != -1) {
//     test += `     <div class="form-group col-md-3" id="uploadBox4">
//           <label class="file-input-modal-container">
//             <div class="file-input-modal">
//               <img src="https://rms.rmto.ir/${rowImages[
//         imageIndex4
//       ].path.replace(
//         "public",
//         "storage"
//       )}" id="image_upload_fourth" name="" class="zoomimage" alt="your image" />
//             </div>
//             <input class="file-input" type="file" id="inputFile4"
//                 accept="image/*">
//           </label>
//             <div class="remove-image-container501" onclick="removeImage(4)" style="">✕</div>
//         </div>
//           `;
//   } else {
//     test += `     <div class="form-group col-md-3" id="uploadBox4">
//             <label class="file-input-modal-container">
//               <div class="file-input-modal">
//                 <img id="fourthshow" src="../dist/images/icons/add-image.svg" alt="your image"
//                   style="height: 20px; margin-top: 5px;" />
//                 <img id="image_upload_fourth" name="" class="zoomimage" alt="your image"
//                   style=" display: none" />
//               </div>
//               <input class="file-input" type="file" id="inputFile4"
//                   accept="image/*">
//             </label>
//           </div>`;
//   }

//   let imageIndex5 = rowImages.findIndex(function (entry) {
//     return entry.path.includes("image-5");
//   });
//   if (imageIndex5 != -1) {
//     test += `       <div class="form-group col-md-3" id="uploadBox5">
//           <label class="file-input-modal-container">
//             <div class="file-input-modal">
//               <img src="https://rms.rmto.ir/${rowImages[
//         imageIndex5
//       ].path.replace(
//         "public",
//         "storage"
//       )}" id="image_upload_fifth" name="" class="zoomimage" alt="your image" />
//             </div>
//             <input class="file-input" type="file" id="inputFile5"
//                 accept="image/*">
//           </label>
//             <div class="remove-image-container501" onclick="removeImage(5)" style="">✕</div>
//         </div>
//           `;
//   } else {
//     test += `         <div class="form-group col-md-3" id="uploadBox5">
//             <label class="file-input-modal-container">
//               <div class="file-input-modal">
//                 <img id="fifthshow" src="../dist/images/icons/add-image.svg" alt="your image"
//                   style="height: 20px; margin-top: 5px;" />
//                 <img id="image_upload_fifth" name="" class="zoomimage" alt="your image"
//                   style=" display: none" />
//               </div>
//               <input class="file-input" type="file" id="inputFile5"
//                   accept="image/*">
//             </label>
//           </div>`;
//   }
//   let imageIndex6 = rowImages.findIndex(function (entry) {
//     return entry.path.includes("image-6");
//   });
//   if (imageIndex6 != -1) {
//     test += `        <div class="form-group col-md-3" id="uploadBox6">
//           <label class="file-input-modal-container">
//             <div class="file-input-modal">
//               <img src="https://rms.rmto.ir/${rowImages[
//         imageIndex6
//       ].path.replace(
//         "public",
//         "storage"
//       )}" id="image_upload_six" name="" class="zoomimage" alt="your image" />
//             </div>
//             <input class="file-input" type="file" id="inputFile6"
//                 accept="image/*">
//           </label>
//             <div class="remove-image-container501" onclick="removeImage(6)" style="">✕</div>
//         </div>
//           `;
//   } else {
//     test += ` <div class="form-group col-md-3" id="uploadBox6">
//             <label class="file-input-modal-container">
//               <div class="file-input-modal">
//                 <img id="sixshow" src="../dist/images/icons/add-image.svg" alt="your image"
//                   style="height: 20px; margin-top: 5px;" />
//                 <img id="image_upload_six" name="" class="zoomimage" alt="your image"
//                   style=" display: none" />
//               </div>
//               <input class="file-input" type="file" id="inputFile6"
//                   accept="image/*">
//             </label>
//           </div>`;
//   }

//   let imageIndex7 = rowImages.findIndex(function (entry) {
//     return entry.path.includes("image-7");
//   });
//   if (imageIndex7 != -1) {
//     test += `    <div class="form-group col-md-3" id="uploadBox7">
//           <label class="file-input-modal-container">
//             <div class="file-input-modal">
//               <img src="https://rms.rmto.ir/${rowImages[
//         imageIndex7
//       ].path.replace(
//         "public",
//         "storage"
//       )}" id="image_upload_seven" name="" class="zoomimage" alt="your image" />
//             </div>
//             <input class="file-input" type="file" id="inputFile7"
//                 accept="image/*">
//           </label>
//             <div class="remove-image-container501" onclick="removeImage(7)" style="">✕</div>
//         </div>
//           `;
//   } else {
//     test += `      <div class="form-group col-md-3" id="uploadBox7">
//             <label class="file-input-modal-container">
//               <div class="file-input-modal">
//                 <img id="sevenshow" src="../dist/images/icons/add-image.svg" alt="your image"
//                   style="height: 20px; margin-top: 5px;" />
//                 <img id="image_upload_seven" name="" class="zoomimage" alt="your image"
//                   style=" display: none" />
//               </div>
//               <input class="file-input" type="file" id="inputFile7"
//                   accept="image/*">
//             </label>
//           </div>`;
//   }
//   let imageIndex8 = rowImages.findIndex(function (entry) {
//     return entry.path.includes("image-8");
//   });
//   if (imageIndex8 != -1) {
//     test += ` <div class="form-group col-md-3" id="uploadBox8">
//           <label class="file-input-modal-container">
//             <div class="file-input-modal">
//               <img src="https://rms.rmto.ir/${rowImages[
//         imageIndex8
//       ].path.replace(
//         "public",
//         "storage"
//       )}" id="image_upload_eight" name="" class="zoomimage" alt="your image" />
//             </div>
//             <input class="file-input" type="file" id="inputFile8"
//                 accept="image/*">
//           </label>
//             <div class="remove-image-container501" onclick="removeImage(8)" style="">✕</div>
//         </div>
//           `;
//   } else {
//     test += `    <div class="form-group col-md-3" id="uploadBox8">
//             <label class="file-input-modal-container">
//               <div class="file-input-modal">
//                 <img id="eightshow" src="../dist/images/icons/add-image.svg" alt="your image"
//                   style="height: 20px; margin-top: 5px;" />
//                 <img id="image_upload_eight" name="" class="zoomimage" alt="your image"
//                   style=" display: none" />
//               </div>
//               <input class="file-input" type="file" id="inputFile8"
//                   accept="image/*">
//             </label>
//           </div>`;
//   }

//   // } else {
//   // test += `<div class="form-row">
//   //   <div class="form-group col-md-3">
//   //           <label class="file-input-modal-container">
//   //             <div class="file-input-modal">
//   //               <img id="firstshow" src="../dist/images/icons/add-image.svg" alt="your image"
//   //                 style="height: 20px; margin-top: 5px;" />
//   //               <img id="image_upload_first" class="zoomimage" alt="your image"
//   //                 style=" display: none;" />
//   //             </div>
//   //             <input class="file-input " id="inputFile1" type="file"
//   //               accept="image/*">
//   //           </label>
//   //         </div>
//   //         <div class="form-group col-md-3">
//   //           <label class="file-input-modal-container">
//   //             <div class="file-input-modal">
//   //               <img id="secondshow" src="../dist/images/icons/add-image.svg" alt="your image"
//   //                 style="height: 20px; margin-top: 5px;" />
//   //               <img id="image_upload_second" name="" class="zoomimage" alt="your image"
//   //                 style=" display: none" />
//   //             </div>
//   //             <input class="file-input" type="file" id="inputFile2"
//   //                 accept="image/*">
//   //           </label>
//   //         </div>
//   //         <div class="form-group col-md-3">
//   //           <label class="file-input-modal-container">
//   //             <div class="file-input-modal">
//   //               <img id="thirdshow" src="../dist/images/icons/add-image.svg" alt="your image"
//   //                 style="height: 20px; margin-top: 5px;" />
//   //               <img id="image_upload_third" name="" class="zoomimage" alt="your image"
//   //                 style=" display: none" />
//   //             </div>
//   //             <input class="file-input" type="file" id="inputFile3"
//   //                 accept="image/*">
//   //           </label>
//   //         </div>
//   //         <div class="form-group col-md-3">
//   //           <label class="file-input-modal-container">
//   //             <div class="file-input-modal">
//   //               <img id="fourthshow" src="../dist/images/icons/add-image.svg" alt="your image"
//   //                 style="height: 20px; margin-top: 5px;" />
//   //               <img id="image_upload_fourth" name="" class="zoomimage" alt="your image"
//   //                 style=" display: none" />
//   //             </div>
//   //             <input class="file-input" type="file" id="inputFile4"
//   //                 accept="image/*">
//   //           </label>
//   //         </div>
//   //         <div class="form-group col-md-3">
//   //           <label class="file-input-modal-container">
//   //             <div class="file-input-modal">
//   //               <img id="fifthshow" src="../dist/images/icons/add-image.svg" alt="your image"
//   //                 style="height: 20px; margin-top: 5px;" />
//   //               <img id="image_upload_fifth" name="" class="zoomimage" alt="your image"
//   //                 style=" display: none" />
//   //             </div>
//   //             <input class="file-input" type="file" id="inputFile5"
//   //                 accept="image/*">
//   //           </label>
//   //         </div>
//   //         <div class="form-group col-md-3">
//   //           <label class="file-input-modal-container">
//   //             <div class="file-input-modal">
//   //               <img id="sixshow" src="../dist/images/icons/add-image.svg" alt="your image"
//   //                 style="height: 20px; margin-top: 5px;" />
//   //               <img id="image_upload_six" name="" class="zoomimage" alt="your image"
//   //                 style=" display: none" />
//   //             </div>
//   //             <input class="file-input" type="file" id="inputFile6"
//   //                 accept="image/*">
//   //           </label>
//   //         </div>
//   //         <div class="form-group col-md-3">
//   //           <label class="file-input-modal-container">
//   //             <div class="file-input-modal">
//   //               <img id="sevenshow" src="../dist/images/icons/add-image.svg" alt="your image"
//   //                 style="height: 20px; margin-top: 5px;" />
//   //               <img id="image_upload_seven" name="" class="zoomimage" alt="your image"
//   //                 style=" display: none" />
//   //             </div>
//   //             <input class="file-input" type="file" id="inputFile7"
//   //                 accept="image/*">
//   //           </label>
//   //         </div>
//   //         <div class="form-group col-md-3">
//   //           <label class="file-input-modal-container">
//   //             <div class="file-input-modal">
//   //               <img id="eightshow" src="../dist/images/icons/add-image.svg" alt="your image"
//   //                 style="height: 20px; margin-top: 5px;" />
//   //               <img id="image_upload_eight" name="" class="zoomimage" alt="your image"
//   //                 style=" display: none" />
//   //             </div>
//   //             <input class="file-input" type="file" id="inputFile8"
//   //                 accept="image/*">
//   //           </label>
//   //         </div>
//   //         </div>
//   //         `;
//   // // }
//   $("#image-upload-modal .modal-body").empty();
//   $("#image-upload-modal .modal-body").append(test);

//   $("#inputFile1").change(function () {
//     $("#firstshow").css("display", "none");
//     $("#uploadBox2").css("display", "block");
//     readURL1(this);
//   });
//   $("#inputFile2").change(function () {
//     $("#secondshow").css("display", "none");
//     $("#uploadBox3").css("display", "block");
//     readURL2(this);
//   });
//   $("#inputFile3").change(function () {
//     $("#thirdshow").css("display", "none");
//     $("#uploadBox4").css("display", "block");
//     readURL3(this);
//   });
//   $("#inputFile4").change(function () {
//     $("#fourthshow").css("display", "none");
//     $("#uploadBox5").css("display", "block");
//     readURL4(this);
//   });
//   $("#inputFile5").change(function () {
//     $("#fifthshow").css("display", "none");
//     $("#uploadBox6").css("display", "block");
//     readURL5(this);
//   });
//   $("#inputFile6").change(function () {
//     $("#sixshow").css("display", "none");
//     $("#uploadBox7").css("display", "block");
//     readURL6(this);
//   });
//   $("#inputFile7").change(function () {
//     $("#sevenshow").css("display", "none");
//     $("#uploadBox8").css("display", "block");
//     readURL7(this);
//   });
//   $("#inputFile8").change(function () {
//     $("#eightshow").css("display", "none");
//     readURL8(this);
//   });

//   $("#image-upload-modal").modal("show");
// });

$("#example-update").on("click", "button.upload-image-button", function () {
    // var images = row.data().images
    // openSlidershowbutton(tr)

    var tr = $(this).closest("tr");
    var row = tablethird.row(tr);
    var updateDate = row.data().updated_at;
    // var images = row.data().images

    if (updateDate == "-") {
        console.log("this situation 1");
        prepareImageModal();
        historyId = row.data().id;

        $("#image-upload-modal").modal({
            backdrop: "static",
            keyboard: false,
        });
        $("#image-upload-modal").modal("show");
    } else {
        console.log("this situation 2");
        openSlidershowbutton(row, 0);
    }

    // console.log("history", historyId);
    // let rowImages = row.data().images;
    // sliderImages = row.data().images;
    // let canUpdate = row.data().updated_at == "-" ? true : false;
    // console.log("rowImages", rowImages, "sliderImages", sliderImages);
    // var test = "";
    // // if (rowImages.length >0) {

    // test = `<div class="form-row">`;

    // let imageIndex1 = rowImages.findIndex(function (entry) {
    //   return entry.path.includes("image-1");
    // });

    // if (imageIndex1 != -1) {
    //   test += `<div class="form-group col-md-3" id="uploadBox1">
    //             <label class="file-input-modal-container">
    //               <div class="file-input-modal">
    //                 <img src="https://rms.rmto.ir/${rowImages[
    //       imageIndex1
    //     ].path.replace(
    //       "public",
    //       "storage"
    //     )}" id="image_upload_first" class="zoomimage" alt="your image" />
    //               </div>
    //               <input class="file-input " id="inputFile1" type="file"
    //                 accept="image/*">
    //             </label>
    //             <div class="remove-image-container501" onclick="removeImage(1)" style="">✕</div>
    //           </div>
    //           `;
    // } else {
    //   test += `  <div class="form-group col-md-3" id="uploadBox1">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="firstshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_first" class="zoomimage" alt="your image"
    //                 style=" display: none;" />
    //             </div>
    //             <input class="file-input " id="inputFile1" type="file"
    //               accept="image/*" >
    //           </label>
    //         </div>`;
    // }

    // // if (rowImages.length > 1) {

    // let imageIndex2 = rowImages.findIndex(function (entry) {
    //   return entry.path.includes("image-2");
    // });

    // if (imageIndex2 != -1) {
    //   test += `<div class="form-group col-md-3" id="uploadBox2">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img src="https://rms.rmto.ir/${rowImages[
    //       imageIndex2
    //     ].path.replace(
    //       "public",
    //       "storage"
    //     )}" id="image_upload_second" name="" class="zoomimage" alt="your image" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile2"
    //                 accept="image/*">
    //           </label>
    //             <div class="remove-image-container501" onclick="removeImage(2)" style="">✕</div>
    //         </div>
    //         `;
    // } else {
    //   if (imageIndex1 != -1) {
    //     test += `<div class="form-group col-md-3" id="uploadBox2">
    //     <label class="file-input-modal-container">
    //       <div class="file-input-modal">
    //         <img id="secondshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //           style="height: 20px; margin-top: 5px;" />
    //         <img id="image_upload_second" name="" class="zoomimage" alt="your image"
    //           style=" display: none" />
    //       </div>
    //       <input class="file-input" type="file" id="inputFile2"
    //         accept="image/*" >
    //           </label>
    //         </div>
    //    `;
    //   }
    //   else {
    //     test += `<div class="form-group col-md-3" style="display: none;" id="uploadBox2">
    //     <label class="file-input-modal-container">
    //       <div class="file-input-modal">
    //         <img id="secondshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //           style="height: 20px; margin-top: 5px;" />
    //         <img id="image_upload_second" name="" class="zoomimage" alt="your image"
    //           style=" display: none" />
    //       </div>
    //       <input class="file-input" type="file" id="inputFile2"
    //         accept="image/*" >
    //           </label>
    //         </div>
    //    `;
    //   }

    // }
    // // }

    // let imageIndex3 = rowImages.findIndex(function (entry) {
    //   return entry.path.includes("image-3");
    // });
    // if (imageIndex3 != -1) {
    //   test += `    <div class="form-group col-md-3" id="uploadBox3">
    //             <label class="file-input-modal-container">
    //               <div class="file-input-modal">
    //                 <img src="https://rms.rmto.ir/${rowImages[
    //       imageIndex3
    //     ].path.replace(
    //       "public",
    //       "storage"
    //     )}" id="image_upload_third" name="" class="zoomimage" alt="your image" />
    //               </div>
    //               <input class="file-input" type="file" id="inputFile3"
    //                   accept="image/*">
    //             </label>
    //           <div class="remove-image-container501" onclick="removeImage(3)" style="">✕</div>
    //           </div>
    //         `;
    // } else {
    //   if (imageIndex2 != -1) {
    //     test += ` <div class="form-group col-md-3" id="uploadBox3">
    //       <label class="file-input-modal-container">
    //         <div class="file-input-modal">
    //           <img id="thirdshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //             style="height: 20px; margin-top: 5px;" />
    //           <img id="image_upload_third" name="" class="zoomimage" alt="your image"
    //             style=" display: none" />
    //         </div>
    //         <input class="file-input" type="file" id="inputFile3"
    //           accept="image/*">
    //           </label>
    //         </div>`;
    //   }
    //   else {
    //     test += ` <div class="form-group col-md-3" style="display: none;" id="uploadBox3">
    //       <label class="file-input-modal-container">
    //         <div class="file-input-modal">
    //           <img id="thirdshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //             style="height: 20px; margin-top: 5px;" />
    //           <img id="image_upload_third" name="" class="zoomimage" alt="your image"
    //             style=" display: none" />
    //         </div>
    //         <input class="file-input" type="file" id="inputFile3"
    //           accept="image/*">
    //           </label>
    //         </div>`;
    //   }

    // }

    // let imageIndex4 = rowImages.findIndex(function (entry) {
    //   return entry.path.includes("image-4");
    // });
    // if (imageIndex4 != -1) {
    //   test += `     <div class="form-group col-md-3" id="uploadBox4">
    //         <label class="file-input-modal-container">
    //           <div class="file-input-modal">
    //             <img src="https://rms.rmto.ir/${rowImages[
    //       imageIndex4
    //     ].path.replace(
    //       "public",
    //       "storage"
    //     )}" id="image_upload_fourth" name="" class="zoomimage" alt="your image" />
    //           </div>
    //           <input class="file-input" type="file" id="inputFile4"
    //               accept="image/*">
    //         </label>
    //           <div class="remove-image-container501" onclick="removeImage(4)" style="">✕</div>
    //       </div>
    //         `;
    // } else {
    //   if (imageIndex3 != -1) {
    //     test += `     <div class="form-group col-md-3" id="uploadBox4">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="fourthshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_fourth" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile4"
    //                 accept="image/*">
    //           </label>
    //         </div>`;
    //   }
    //   else {
    //     test += `     <div class="form-group col-md-3" style="display: none;" id="uploadBox4">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="fourthshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_fourth" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile4"
    //                 accept="image/*">
    //           </label>
    //         </div>`;
    //   }

    // }

    // let imageIndex5 = rowImages.findIndex(function (entry) {
    //   return entry.path.includes("image-5");
    // });
    // if (imageIndex5 != -1) {
    //   test += `       <div class="form-group col-md-3" id="uploadBox5">
    //         <label class="file-input-modal-container">
    //           <div class="file-input-modal">
    //             <img src="https://rms.rmto.ir/${rowImages[
    //       imageIndex5
    //     ].path.replace(
    //       "public",
    //       "storage"
    //     )}" id="image_upload_fifth" name="" class="zoomimage" alt="your image" />
    //           </div>
    //           <input class="file-input" type="file" id="inputFile5"
    //               accept="image/*">
    //         </label>
    //           <div class="remove-image-container501" onclick="removeImage(5)" style="">✕</div>
    //       </div>
    //         `;
    // } else {
    //   if (imageIndex4 != -1) {
    //     test += `         <div class="form-group col-md-3" id="uploadBox5">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="fifthshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_fifth" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile5"
    //                 accept="image/*">
    //           </label>
    //         </div>`;
    //   }
    //   else {
    //     test += `         <div class="form-group col-md-3" style="display: none;" id="uploadBox5">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="fifthshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_fifth" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile5"
    //                 accept="image/*">
    //           </label>
    //         </div>`;
    //   }

    // }
    // let imageIndex6 = rowImages.findIndex(function (entry) {
    //   return entry.path.includes("image-6");
    // });
    // if (imageIndex6 != -1) {
    //   test += `        <div class="form-group col-md-3" id="uploadBox6">
    //         <label class="file-input-modal-container">
    //           <div class="file-input-modal">
    //             <img src="https://rms.rmto.ir/${rowImages[
    //       imageIndex6
    //     ].path.replace(
    //       "public",
    //       "storage"
    //     )}" id="image_upload_six" name="" class="zoomimage" alt="your image" />
    //           </div>
    //           <input class="file-input" type="file" id="inputFile6"
    //               accept="image/*">
    //         </label>
    //           <div class="remove-image-container501" onclick="removeImage(6)" style="">✕</div>
    //       </div>
    //         `;
    // } else {
    //   if (imageIndex5 != -1) {
    //     test += ` <div class="form-group col-md-3" id="uploadBox6">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="sixshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_six" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile6"
    //                 accept="image/*">
    //           </label>
    //         </div>`;
    //   }
    //   else {
    //     test += ` <div class="form-group col-md-3" style="display: none;" id="uploadBox6">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="sixshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_six" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile6"
    //                 accept="image/*">
    //           </label>
    //         </div>`;
    //   }

    // }

    // let imageIndex7 = rowImages.findIndex(function (entry) {
    //   return entry.path.includes("image-7");
    // });
    // if (imageIndex7 != -1) {
    //   test += `    <div class="form-group col-md-3" id="uploadBox7">
    //         <label class="file-input-modal-container">
    //           <div class="file-input-modal">
    //             <img src="https://rms.rmto.ir/${rowImages[
    //       imageIndex7
    //     ].path.replace(
    //       "public",
    //       "storage"
    //     )}" id="image_upload_seven" name="" class="zoomimage" alt="your image" />
    //           </div>
    //           <input class="file-input" type="file" id="inputFile7"
    //               accept="image/*">
    //         </label>
    //           <div class="remove-image-container501" onclick="removeImage(7)" style="">✕</div>
    //       </div>
    //         `;
    // } else {
    //   if (imageIndex6 != -1) {
    //     test += `      <div class="form-group col-md-3" id="uploadBox7">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="sevenshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_seven" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile7"
    //                 accept="image/*">
    //           </label>
    //         </div>`;
    //   }
    //   else {
    //     test += `      <div class="form-group col-md-3" style="display: none;" id="uploadBox7">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="sevenshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_seven" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile7"
    //                 accept="image/*">
    //           </label>
    //         </div>`;
    //   }

    // }
    // let imageIndex8 = rowImages.findIndex(function (entry) {
    //   return entry.path.includes("image-8");
    // });
    // if (imageIndex8 != -1) {
    //   test += ` <div class="form-group col-md-3" id="uploadBox8">
    //         <label class="file-input-modal-container">
    //           <div class="file-input-modal">
    //             <img src="https://rms.rmto.ir/${rowImages[
    //       imageIndex8
    //     ].path.replace(
    //       "public",
    //       "storage"
    //     )}" id="image_upload_eight" name="" class="zoomimage" alt="your image" />
    //           </div>
    //           <input class="file-input" type="file" id="inputFile8"
    //               accept="image/*">
    //         </label>
    //           <div class="remove-image-container501" onclick="removeImage(8)" style="">✕</div>
    //       </div>
    //         `;
    // } else {
    //   if (imageIndex7 != -1) {
    //     test += `    <div class="form-group col-md-3" id="uploadBox8">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="eightshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_eight" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile8"
    //                 accept="image/*">
    //           </label>
    //         </div>`;
    //   }
    //   else {
    //     test += `    <div class="form-group col-md-3" style="display: none;" id="uploadBox8">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="eightshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_eight" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile8"
    //                 accept="image/*">
    //           </label>
    //         </div>`;
    //   }

    // }

    // } else {
    // test += `<div class="form-row">
    //   <div class="form-group col-md-3">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="firstshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_first" class="zoomimage" alt="your image"
    //                 style=" display: none;" />
    //             </div>
    //             <input class="file-input " id="inputFile1" type="file"
    //               accept="image/*">
    //           </label>
    //         </div>
    //         <div class="form-group col-md-3">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="secondshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_second" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile2"
    //                 accept="image/*">
    //           </label>
    //         </div>
    //         <div class="form-group col-md-3">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="thirdshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_third" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile3"
    //                 accept="image/*">
    //           </label>
    //         </div>
    //         <div class="form-group col-md-3">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="fourthshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_fourth" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile4"
    //                 accept="image/*">
    //           </label>
    //         </div>
    //         <div class="form-group col-md-3">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="fifthshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_fifth" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile5"
    //                 accept="image/*">
    //           </label>
    //         </div>
    //         <div class="form-group col-md-3">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="sixshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_six" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile6"
    //                 accept="image/*">
    //           </label>
    //         </div>
    //         <div class="form-group col-md-3">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="sevenshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_seven" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile7"
    //                 accept="image/*">
    //           </label>
    //         </div>
    //         <div class="form-group col-md-3">
    //           <label class="file-input-modal-container">
    //             <div class="file-input-modal">
    //               <img id="eightshow" src="../dist/images/icons/add-image.svg" alt="your image"
    //                 style="height: 20px; margin-top: 5px;" />
    //               <img id="image_upload_eight" name="" class="zoomimage" alt="your image"
    //                 style=" display: none" />
    //             </div>
    //             <input class="file-input" type="file" id="inputFile8"
    //                 accept="image/*">
    //           </label>
    //         </div>
    //         </div>
    //         `;
    // // }

    // var additional;
    // console.log("my name is swwan" , canUpdate)
    // if(canUpdate ){
    //    additional = `<hr />
    //   <button type="button" class="btn btn-success float-left submit-update" id="add-update-button">
    //     ثبت و بروزرسانی
    //   </button>`
    // }else{
    //    additional = `<hr />
    //   <button type="button" class="btn btn-success float-left submit-update" id="add-update-button" disabled>
    //     ثبت و بروزرسانی
    //   </button>`
    // }

    // $("#image-upload-modal .modal-body").empty();
    // $("#image-upload-modal .modal-body").append(test);
    // $("#image-upload-modal .modal-body").append(additional);

    // $("#inputFile1").change(function () {
    //   $("#firstshow").css("display", "none");
    //   $("#uploadBox2").css("display", "block");
    //   readURL1(this);
    // });
    // $("#inputFile2").change(function () {
    //   $("#secondshow").css("display", "none");
    //   $("#uploadBox3").css("display", "block");
    //   readURL2(this);
    // });
    // $("#inputFile3").change(function () {
    //   $("#thirdshow").css("display", "none");
    //   $("#uploadBox4").css("display", "block");
    //   readURL3(this);
    // });
    // $("#inputFile4").change(function () {
    //   $("#fourthshow").css("display", "none");
    //   $("#uploadBox5").css("display", "block");
    //   readURL4(this);
    // });
    // $("#inputFile5").change(function () {
    //   $("#fifthshow").css("display", "none");
    //   $("#uploadBox6").css("display", "block");
    //   readURL5(this);
    // });
    // $("#inputFile6").change(function () {
    //   $("#sixshow").css("display", "none");
    //   $("#uploadBox7").css("display", "block");
    //   readURL6(this);
    // });
    // $("#inputFile7").change(function () {
    //   $("#sevenshow").css("display", "none");
    //   $("#uploadBox8").css("display", "block");
    //   readURL7(this);
    // });
    // $("#inputFile8").change(function () {
    //   $("#eightshow").css("display", "none");
    //   $("#uploadBox9").css("display", "block");
    //   readURL8(this);
    // });

    // $("#image-upload-modal").modal("show");
});

function readURL1(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $("#image_upload_first").css("display", "block");
            $("#image_upload_first").attr("src", e.target.result);
            // uploadUpdateImage(1, input);
        };
        reader.readAsDataURL(input.files[0]);
    }
}
function readURL2(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $("#image_upload_second").css("display", "block");
            $("#image_upload_second").attr("src", e.target.result);
            // uploadUpdateImage(2, input);
        };
        reader.readAsDataURL(input.files[0]);
    }
}
function readURL3(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $("#image_upload_third").css("display", "block");
            $("#image_upload_third").attr("src", e.target.result);
            // uploadUpdateImage(3, input);
        };
        reader.readAsDataURL(input.files[0]);
    }
}
function readURL4(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $("#image_upload_fourth").css("display", "block");
            $("#image_upload_fourth").attr("src", e.target.result);
            uploadUpdateImage(4, input);
        };
        reader.readAsDataURL(input.files[0]);
    }
}
function readURL5(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $("#image_upload_fifth").css("display", "block");
            $("#image_upload_fifth").attr("src", e.target.result);
            uploadUpdateImage(5, input);
        };
        reader.readAsDataURL(input.files[0]);
    }
}
function readURL6(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $("#image_upload_six").css("display", "block");
            $("#image_upload_six").attr("src", e.target.result);
            uploadUpdateImage(6, input);
        };
        reader.readAsDataURL(input.files[0]);
    }
}
function readURL7(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $("#image_upload_seven").css("display", "block");
            $("#image_upload_seven").attr("src", e.target.result);
            uploadUpdateImage(7, input);
        };
        reader.readAsDataURL(input.files[0]);
    }
}
function readURL8(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $("#image_upload_eight").css("display", "block");
            $("#image_upload_eight").attr("src", e.target.result);
            uploadUpdateImage(8, input);
        };
        reader.readAsDataURL(input.files[0]);
    }
}
function removeImage(index) {
    console.log("index", index);
    let formData = new FormData();
    formData.append("history-id", historyId);
    formData.append("name", "image-" + index);

    // for (var value of formData.values()) {
    //   console.log(value);
    // }
    Swal.fire({
        icon: "warning",
        title: "آیا برای ثبت  مطمئن هستید؟",
        showCancelButton: true,
        confirmButtonColor: "#3085d6",
        cancelButtonColor: "#d33",
        confirmButtonText: "بله، تایید می‌شود",
        cancelButtonText: "منصرف شدم!",
        showLoaderOnConfirm: true,
        preConfirm: () => {
            showLoaderScreen();
            $.ajax({
                url: `https://rms.rmto.ir/rahdari/road-maintenance-project/history-images/delete-image`,
                type: "POST",
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
                data: formData,
                cache: false,
                contentType: false,
                processData: false,
                success: function (result) {
                    console.log(result);
                    $("#image-upload-modal").modal("hide");
                    ajaxcalltablethird2(idkol);
                },
                error: function (error) {
                    console.log(error);
                    Swal.fire({
                        icon: "error",
                        title: "خطا",
                        confirmButtonText: "بستن",
                    });
                },
            });
        },
    });
}
function uploadUpdateImage(index, input) {
    let formData = new FormData();
    formData.append("history-id", historyId);
    formData.append("image", input.files[0]);
    formData.append("name", "image-" + index);
    for (var pair of formData.entries()) {
        console.log(pair[0] + ", " + pair[1]);
    }
    // for (var value of formData.values()) {
    //   console.log(value);
    // }
    showLoaderScreen();
    $.ajax({
        url: `https://rms.rmto.ir/rahdari/road-maintenance-project/history-images/upload`,
        type: "POST",
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
        },
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        success: function (result) {
            // $("#image-upload-modal").modal("hide");
            console.log(result);
            ajaxcalltablethird3(idkol);
            $("#deleteIcon" + index).css("display", "block");
        },
        error: function (error) {
            // console.log(error);
            hideLoaderScreen();
            alert("خطا در آپلود تصویر :(");
        },
    });
}




function openSlider(tr) {
    let row = tablethird.row(tr);
    sliderImages = row.data().images;
    let updated_at = row.data().updated_at;
    let dataLength = sliderImages.length;

    console.log(sliderImages);

    $("#slideshow-slide").find(".mySlides").remove();
    $("#slideshow-dot").find(".dot").remove();

    for (let index = 0; index < sliderImages.length; index++) {
        if (sliderImages[index].path.includes("image-1")) {
            let divSlide =
                '<div class="mySlides"><div class="numbertext">' +
                (index + 1) +
                " / " +
                sliderImages.length +
                '</div><img src="https://rms.rmto.ir/' +
                sliderImages[index].path.replace("public", "storage") +
                '"><div class="textt"> تصویر ' +
                "1" +
                ":" +
                " " +
                "تاریخ  :" +
                updated_at +
                "</div></div>";
            $("#slideshow-slide").append(divSlide);
            $("#slideshow-dot").append(
                '<span class="dot" onclick="currentphotoshow(' + 1 + ')"></span>'
            );
        }
        if (sliderImages[index].path.includes("image-2")) {
            let divSlide =
                '<div class="mySlides"><div class="numbertext">' +
                (index + 1) +
                " / " +
                sliderImages.length +
                '</div><img src="https://rms.rmto.ir/' +
                sliderImages[index].path.replace("public", "storage") +
                '"><div class="textt"> تصویر ' +
                (index + 1) +
                ":" +
                " " +
                "تاریخ  :" +
                updated_at +
                "</div></div>";
            $("#slideshow-slide").append(divSlide);
            $("#slideshow-dot").append(
                '<span class="dot" onclick="currentphotoshow(' + 2 + ')"></span>'
            );
        }
        if (sliderImages[index].path.includes("image-3")) {
            let divSlide =
                '<div class="mySlides"><div class="numbertext">' +
                (index + 1) +
                " / " +
                sliderImages.length +
                '</div><img src="https://rms.rmto.ir/' +
                sliderImages[index].path.replace("public", "storage") +
                '"><div class="textt"> تصویر ' +
                (index + 1) +
                ":" +
                " " +
                "تاریخ  :" +
                updated_at +
                "</div></div>";
            $("#slideshow-slide").append(divSlide);
            $("#slideshow-dot").append(
                '<span class="dot" onclick="currentphotoshow(' + 3 + ')"></span>'
            );
        }
        if (sliderImages[index].path.includes("image-4")) {
            let divSlide =
                '<div class="mySlides"><div class="numbertext">' +
                (index + 1) +
                " / " +
                sliderImages.length +
                '</div><img src="https://rms.rmto.ir/' +
                sliderImages[index].path.replace("public", "storage") +
                '"><div class="textt"> تصویر ' +
                (index + 1) +
                ":" +
                " " +
                "تاریخ  :" +
                updated_at +
                "</div></div>";
            $("#slideshow-slide").append(divSlide);
            $("#slideshow-dot").append(
                '<span class="dot" onclick="currentphotoshow(' + 4 + ')"></span>'
            );
        }
        if (sliderImages[index].path.includes("image-5")) {
            let divSlide =
                '<div class="mySlides"><div class="numbertext">' +
                (index + 1) +
                " / " +
                sliderImages.length +
                '</div><img src="https://rms.rmto.ir/' +
                sliderImages[index].path.replace("public", "storage") +
                '"><div class="textt"> تصویر ' +
                (index + 1) +
                ":" +
                " " +
                "تاریخ  :" +
                updated_at +
                "</div></div>";
            $("#slideshow-slide").append(divSlide);
            $("#slideshow-dot").append(
                '<span class="dot" onclick="currentphotoshow(' + 5 + ')"></span>'
            );
        }
        if (sliderImages[index].path.includes("image-6")) {
            let divSlide =
                '<div class="mySlides"><div class="numbertext">' +
                (index + 1) +
                " / " +
                sliderImages.length +
                '</div><img src="https://rms.rmto.ir/' +
                sliderImages[index].path.replace("public", "storage") +
                '"><div class="textt"> تصویر ' +
                (index + 1) +
                ":" +
                " " +
                "تاریخ  :" +
                updated_at +
                "</div></div>";
            $("#slideshow-slide").append(divSlide);
            $("#slideshow-dot").append(
                '<span class="dot" onclick="currentphotoshow(' + 6 + ')"></span>'
            );
        }
        if (sliderImages[index].path.includes("image-7")) {
            let divSlide =
                '<div class="mySlides"><div class="numbertext">' +
                (index + 1) +
                " / " +
                sliderImages.length +
                '</div><img src="https://rms.rmto.ir/' +
                sliderImages[index].path.replace("public", "storage") +
                '"><div class="textt"> تصویر ' +
                (index + 1) +
                ":" +
                " " +
                "تاریخ  :" +
                updated_at +
                "</div></div>";
            $("#slideshow-slide").append(divSlide);
            $("#slideshow-dot").append(
                '<span class="dot" onclick="currentphotoshow(' + 7 + ')"></span>'
            );
        }
        if (sliderImages[index].path.includes("image-8")) {
            let divSlide =
                '<div class="mySlides"><div class="numbertext">' +
                (index + 1) +
                " / " +
                sliderImages.length +
                '</div><img src="https://rms.rmto.ir/' +
                sliderImages[index].path.replace("public", "storage") +
                '"><div class="textt"> تصویر ' +
                (index + 1) +
                ":" +
                " " +
                "تاریخ  :" +
                updated_at +
                "</div></div>";
            $("#slideshow-slide").append(divSlide);
            $("#slideshow-dot").append(
                '<span class="dot" onclick="currentphotoshow(' + 8 + ')"></span>'
            );
        }
    }

    if (dataLength > 0) {
        slideindex = 1;
        layerslidershow(slideindex);
        $("#slideroverlay").css("display", "block");
    }
}

function layerslidershow(n) {
    let slides = $("#slideroverlay #slideshow-slide .mySlides");
    let dots = $("#slideroverlay #slideshow-dot .dot");

    if (n > slides.length) {
        slideIndexlayer = 1;
    }
    if (n < 1) {
        slideIndexlayer = slides.length;
    }

    $(slides).each(function () {
        $(this).css("display", "none");
    });
    $(dots).each(function () {
        $(this).removeClass("active");
    });

    $(slides[slideIndexlayer - 1]).css("display", "block");
    $(dots[slideIndexlayer - 1]).addClass("active");
}

$("#slideroverlay .close").on("click", function () {
    $(this).parent().parent().css("display", "none");
    $("#slideshow-slide").find(".mySlides").remove();
    $("#slideshow-dot").find(".dot").remove();
});

$("#slideroverlay #slideshow-slide .prev").on("click", function () {
    layerslidershow((slideIndexlayer -= 1));
});

$("#slideroverlay #slideshow-slide .next").on("click", function () {
    layerslidershow((slideIndexlayer += 1));
});

function currentphotoshow(slideIndex) {
    layerslidershow((slideIndexlayer = slideIndex));
}

function ajaxcalltablesec(idkol) {
    console.log("hisec");
    $.ajax({
        url:
            "https://rms.rmto.ir/rahdari/road-maintenance-project/" +
            idkol +
            "/get-distance",
        type: "GET",
        success: function (result) {
            // console.log(result.data[0]);
            $("#exampletool").dataTable().fnClearTable();
            $("#exampletool").dataTable().fnAddData(result.data);
            // ajaxcalltablefirst();
            hideLoaderScreen();
            // Swal.fire({
            //   icon: "success",
            //   title: "با موفقیت بروزرسانی شد",
            //   confirmButtonText: "بستن",
            // });
        },
    });
}
function ajaxcalltablefirst() {
    $.ajax({
        url: "https://rms.rmto.ir/rahdari/road-maintenance-project/getlist",
        type: "GET",
        success: function (result) {
            // console.log(result.data[0]);
            $("#example").dataTable().fnClearTable();
            $("#example").dataTable().fnAddData(result.data);
            hideLoaderScreen();
            // Swal.fire({
            //   icon: "success",
            //   title: "با موفقیت بروزرسانی شد",
            //   confirmButtonText: "بستن",
            // });
        },
    });
}
function ajaxcalltablefirsttool(idkol) {
    console.log("yogh");

    $.ajax({
        url: "https://rms.rmto.ir/rahdari/road-maintenance-project/getlist",
        type: "GET",
        success: function (result) {
            // console.log(result.data[0]);
            $("#example").dataTable().fnClearTable();
            $("#example").dataTable().fnAddData(result.data);
            // hideLoaderScreen();
            ajaxcalltablesec(idkol);
        },
    });
}
function ajaxcalltablefirstupdate(idkol) {
    $.ajax({
        url: "https://rms.rmto.ir/rahdari/road-maintenance-project/getlist",
        type: "GET",
        success: function (result) {
            // console.log(result.data[0]);
            $("#example").dataTable().fnClearTable();
            $("#example").dataTable().fnAddData(result.data);
            // hideLoaderScreen();
            ajaxcalltablethird2(idkol);
        },
    });
}
function ajaxcalltablethird2(idkol) {
    $.ajax({
        url:
            "https://rms.rmto.ir/rahdari/road-maintenance-project/" +
            idkol +
            "/get-distance-update-list",
        type: "GET",
        success: function (result) {
            console.log(result.data.distance_update);
            $("#example-update").dataTable().fnClearTable();
            $("#example-update").dataTable().fnAddData(result.data.distance_update);
            hideLoaderScreen();
            $("#image-upload-modal").modal("hide");
            Swal.fire({
                icon: "success",
                title: "با موفقیت بروزرسانی شد",
                confirmButtonText: "بستن",
            });
        },
    });
}
function ajaxcalltablethird3(idkol) {
    $.ajax({
        url:
            "https://rms.rmto.ir/rahdari/road-maintenance-project/" +
            idkol +
            "/get-distance-update-list",
        type: "GET",
        success: function (result) {
            console.log(result.data.distance_update);
            $("#example-update").dataTable().fnClearTable();
            $("#example-update").dataTable().fnAddData(result.data.distance_update);
            hideLoaderScreen();
        },
    });
}
function ajaxcalltablegharar() {
    $.ajax({
        url: "https://rms.rmto.ir/camp/all",
        type: "GET",
        success: function (result) {
            // console.log(result.data[0]);
            $("#example").dataTable().fnClearTable();
            $("#example").dataTable().fnAddData(result.data);
            hideLoaderScreen();
            // Swal.fire({
            //   icon: "success",
            //   title: "با موفقیت بروزرسانی شد",
            //   confirmButtonText: "بستن",
            // });
        },
    });
}
function showprojecttype() {
    $("#stepModalprojecttype").modal("show");
}
$("#approveprojecttype").on("click", function () {
    //to do yasi

    if ($("#roadmaintanace").is(":checked")) {
        window.open("https://rms.rmto.ir/road-maintenance-project");
    } else if ($("#reviewdangerpoint").is(":checked")) {
        window.open("https://rms.rmto.ir/road-danger-prevention");
    } else if ($("#improveroad").is(":checked")) {
        window.open("https://rms.rmto.ir/road-upgrade-safety");
    } else if ($("#faniproject").is(":checked")) {
        window.open("https://rms.rmto.ir/road-technical-building");
    } else if ($("#rahdarkhane").is(":checked")) {
        window.open("https://rms.rmto.ir/road-tollhouse-management");
    } else if ($("#projectbuild").is(":checked")) {
        window.open("https://rms.rmto.ir/road-construction-rural");
    }
    $("#stepModalprojecttype").modal("hide");
});

function showprojecttest(index) {
    if (index == 1) {
        window.open("https://rms.rmto.ir/road-maintenance-project");
        // to do next page
    } else if (index == 2) {
        window.open("https://rms.rmto.ir/road-danger-prevention");
    } else if (index == 3) {
        window.open("https://rms.rmto.ir/road-upgrade-safety");
    } else if (index == 4) {
        window.open("https://rms.rmto.ir/road-technical-building");
    } else if (index == 5) {
        window.open("https://rms.rmto.ir/road-tollhouse-management");
    } else if (index == 6) {
        window.open("https://rms.rmto.ir/road-construction-rural");
    }
}

function showMapModalStatic(lat, lng) {
    $("#exampleModalCenterStatic").modal("show");

    if (staticMap == null) {
        setTimeout(() => {
            createLeafletMapStatic();
            setNewView(lat, lng);
        }, 500);
    } else {
        setNewView(lat, lng);
    }
}

function createLeafletMapStatic() {
    let bounds = [
        [42.9130026312, 75.6166317076],
        [20.5782370061, 35.5092252948],
    ];

    staticMap = new L.map("abrar-map-static", {
        maxBounds: bounds,
        minZoom: 6,
    }).setView([32.4279, 53.688], 9);
    staticMap.dragging.disable();

    L.tileLayer("https://testmap.141.ir/141map/{z}/{x}/{y}.png", {}).addTo(
        staticMap
    );

    ekipAbrarMarkerJustShow = new L.marker(L.latLng(staticMap.getCenter()), {
        icon: progressAbrarDivIcon,
        draggable: false,
    }).addTo(staticMap);
    startAbrarMarkerJustShow = new L.marker(startLatlng, {
        icon: startAbrarDivIcon,
        draggable: false,
    }).addTo(staticMap);
    endAbrarMarkerJustShow = new L.marker(endLatlng, {
        icon: endAbrarDivIcon,
        draggable: false,
    }).addTo(staticMap);
}

function setNewView(lat, lng) {
    staticMap.setView(new L.LatLng(lat, lng), 9);

    // if (ekipAbrarMarkerJustShow == null) {
    //   startAbrarMarker = new L.marker(L.latLng(staticMap.getCenter()), {
    //     icon: progressAbrarDivIcon,
    //     draggable: false
    //   }).addTo(staticMap);
    // } else {
    ekipAbrarMarkerJustShow.setLatLng([lat, lng]);
    startAbrarMarkerJustShow.setLatLng(startLatlng);
    endAbrarMarkerJustShow.setLatLng(endLatlng);
    // }
}

function prepareImageModal() {


    $("#inputFile1").change(function () {
        $("#firstshow").css("display", "none");
        $("#uploadBox2").css("display", "block");


        readURL1(this);
    });
    $("#inputFile2").change(function () {
        $("#secondshow").css("display", "none");
        $("#uploadBox3").css("display", "block");
        readURL2(this);
    });
    $("#inputFile3").change(function () {
        $("#thirdshow").css("display", "none");
        $("#uploadBox4").css("display", "block");
        readURL3(this);
    });
    $("#inputFile4").change(function () {
        $("#fourthshow").css("display", "none");
        $("#uploadBox5").css("display", "block");
        readURL4(this);
    });
    $("#inputFile5").change(function () {
        $("#fifthshow").css("display", "none");
        $("#uploadBox6").css("display", "block");
        readURL5(this);
    });
    $("#inputFile6").change(function () {
        $("#sixshow").css("display", "none");
        $("#uploadBox7").css("display", "block");
        readURL6(this);
    });
    $("#inputFile7").change(function () {
        $("#sevenshow").css("display", "none");
        $("#uploadBox8").css("display", "block");
        readURL7(this);
    });
    $("#inputFile8").change(function () {
        $("#eightshow").css("display", "none");
        $("#uploadBox9").css("display", "block");
        readURL8(this);
    });

    //image part end
}