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 hold_Data_province1;
var hold_Data_province2;
var hold_Data_province3;
var list_province = [];
var list_citys = [];
var data_select_situation;
var data_situation_array = [];
var data_situation_String = "";
var data_situation_String_edited = "";
var array_hold_Axis_type;
var data_select_Axis_type;
var data_type_array = [];
var data_type_Sring = "";
var data_type_Sring_edited = "";
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 farsamoner;
var farsamNum = 0;
//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();
  contractDatePicker = $("input[name=contract-date]").persianDatepicker({
    format: "YYYY",
    initialValue: false,
    autoClose: true,
    initialValueType: "persian",
    position: [-150, 10],
    onSelect: function (unix) {
      // console.log("datepicker select : " + unix);
      // let date = new Date(unix);
      // console.log(unix);
      // contractDate =
      //   date.getFullYear() + "-" + date.getMonth() + "-" + date.getDay();
      if ($("#contract-date-id").val() == "") {
        $("#contract-date-id").addClass("is-invalid-input");
      } else {
        $("#contract-date-id").removeClass("is-invalid-input");
      }
    },
  });

  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, "desc"]],
    processing: true,
    select: true,
    destroy: true,
    ajax: {
      url: "https://rms.rmto.ir/api/public/rahdari-points",
      type: "GET",
      dataSrc: function (json) {
        canSubmit = json.can_submit;
        // if (canSubmit == 1) {
        //   $("#add-project-button").css("display", "block");
        // } else if (canSubmit == 0) {
        //   $("#add-project-button").css("display", "none");
        // }
        return json.data;
      },
    },
    columns: [
      {
        className: "text-center",
        data: null,
        render: function (data, type, row, meta) {
          // console.log(meta.row);
          return meta.row + 1;
        },
      },
      { className: "text-center", data: "name" },
      { className: "text-center", data: "province_name" },
      { className: "text-center", data: "city_name" },
      { className: "text-center", data: "status" },
      {
        className: "text-center",
        data: "type",
      },
      { className: "text-center", data: "phone" },
      { className: "text-center", data: "team_num" },

      { className: "text-center", data: "staff_num" },

      {
        className: "text-center",
        data: "responsible_name",
      },
      {
        className: "text-center",
        data: "responsible_mobile",
      },
      {
        className: "text-center",
        data: "successor_name",
      },
      {
        className: "text-center",
        data: "successor_mobile",
      },
      {
        className: "text-center",
        data: "machines_light",
      },
      { className: "text-center", data: "machines_sheavy" },
      { className: "text-center", data: "machines_heavy" },
      { className: "text-center", data: "lat" },
      { className: "text-center", data: "lng" },
      {
        className: "text-center",
        className: "text-center",
        data: null,
        render: function (data, type, row) {
          // if (canSubmit == 1) {
          // if (data.status == 0) {
          // 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-secondary btn-sm projectdistance" title=" نوع عملیات " style="opacity: 0.65"><i class="fa fa-road""></i></button>
          // <button class="btn btn-sm btn-secondary finalsubmit" title=" ثبت نهایی " ><i class="fa fa-check"></i></button>
          // <button class="btn btn-sm btn-danger  deletsubmit" title=" حذف " style="width: 28px"><i class="fa fa-trash"></i></button>
          // <button class="btn btn-sm btn-secondary update-button" title="  بروزرسانی" style="width:28px" ><i class="fa fa-tasks"></i></button>
          // <button class="btn btn-sm btn-secondary location-button" title="  مشاهده  مکانی پروژه" ><i class="fa fa-eye"></i></button>
          // <button class="btn btn-sm btn-secondary image-show" title="مشاهده عکس ها" ><i class="fa fa-image"></i></button>

          // `;
          // }
          //       else if (data.status == 1) {
          return `<button id="editButton${data.id}" class="btn btn-danger btn-sm editor rahdari-control" title="ویرایش"><i class="fa fa-edit"></i><div></div></button>
     
     
      <button class="btn btn-sm btn-danger  deletsubmit" title=" حذف " style="width: 28px"><i class="fa fa-trash"></i></button>
      <button class="btn btn-sm btn-primary location-button" title="  نمایش روی نقشه" ><i class="fa fa-eye"></i></button>
  
      
       `;
          //       }
          //        else if (data.status == 2) {
          //         /////// milad edit comment    i delete disabled in deletesubmit
          //         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-primary  btn-sm projectdistance" title=" نوع عملیات "><i class="fa fa-road""></i></button>
          // <button class="btn btn-sm btn-success  finalsubmit" title=" ثبت نهایی "  disabled style="opacity: 1"><i class="fa fa-check"></i></button>
          // <button class="btn btn-sm btn-secondary  deletsubmit" title=" حذف " style="width: 28px" ><i class="fa fa-trash"></i></button>
          // <button class="btn btn-sm btn-warning update-button" title="  بروزرسانی" style="width:28px"><i class="fa fa-tasks"></i></button>
          // <button class="btn btn-sm btn-secondary location-button" title="  مشاهده مکانی پروژه" style="background-color: #ff5630!important;border-color: #ff5630!important;"><i class="fa fa-eye"></i></button>
          // <button class="btn btn-sm btn-secondary image-show" title="مشاهده عکس ها" style="background-color: #276d6c !important;border: 1px solid #276d6c  !important;opacity: 0.65;" ><i class="fa fa-image"></i></button>

          // `;
          //       }
          // }
          //     else {
          //       if (data.status == 0) {
          //         return `<button class="btn btn-sm btn-secondary location-button" title="  مشاهده  مکانی پروژه" disabled><i class="fa fa-eye"></i></button>
          // <button class="btn btn-sm btn-secondary image-show" title="مشاهده عکس ها" disabled><i class="fa fa-image"></i></button>

          // `;
          //       } else if (data.status == 1) {
          //         return `<button class="btn btn-sm btn-secondary location-button" title="  مشاهده مکانی پروژه" disabled><i class="fa fa-eye"></i></button>
          // <button class="btn btn-sm btn-secondary image-show" title="مشاهده عکس ها" disabled ><i class="fa fa-image"></i></button>

          // `;
          //       } else if (data.status == 2) {
          //         return `<button class="btn btn-sm btn-secondary location-button" title="  مشاهده مکانی پروژه" style="background-color: #ff5630!important;border-color: #ff5630!important;"><i class="fa fa-eye"></i></button>
          // <button class="btn btn-sm btn-secondary image-show" title="مشاهده عکس ها" style="background-color: #276d6c !important;border: 1px solid #276d6c  !important;opacity: 0.65;" ><i class="fa fa-image"></i></button>

          // `;
          //       }
          //     }
        },
      },
    ],
    columnDefs: [
      {
        targets: [16],
        visible: false,
        searchable: false,
      },
      {
        targets: [17],
        visible: false,
        searchable: false,
      },
    ],

    buttons: [
      {
        extend: "excelHtml5",
        title: "Excel",
        text: "خروجی به اکسل",
        messageTop: " روکش آسفالت  ",
        exportOptions: {
          columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13],
        },
      },
      //Pooria
      {
        text: "فیلترینگ پیشرفته",
        action: function (e, dt, node, config) {
          if ($(".smart-filltering").css("display") == "none") {
            $(".smart-filltering").css("display", "block");

            $("#append-input-forFilter2").addClass("d-none");
            $("#append-input-forFilter3").addClass("d-none");
            showLoaderScreen();
            setTimeout(() => {
              hideLoaderScreen();
            }, 200);
          } else if ($(".smart-filltering").css("display") != "none") {
          }
        },
      },
      //End pooira
    ],
    initComplete: function () {
      $(".js-example-basic-multiple").append(
        '<option   value="0">انتخاب اداره کل</option>'
      );

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

      $(".last_statusfilter").select2({
        dir: "rtl",
        placeholder: "وضعیت",
        width: "resolve",
      });
      $(".typemehvar").select2({
        dir: "rtl",
        placeholder: "نوع",
        width: "resolve",
      });
      $("#select-city1").select2({
        dir: "rtl",
        placeholder: "انتخاب شهرستان",
        width: "resolve",
      });
      $("#select-city2").select2({
        dir: "rtl",
        placeholder: "انتخاب شهرستان",
        width: "resolve",
      });
      $("#select-city3").select2({
        dir: "rtl",
        placeholder: "انتخاب شهرستان",
        width: "resolve",
      });
      $("#select-city1").on("change", function () {
        hold_Data_city1 = null;
        city1_array = [];
        city1_String = "";
        city1_String_edited = "";
        city2_String_edited = "";
        city3_String_edited = "";
        farsamoner = null;
        farsamNum = 0;
        hold_Data_city1 = $("#select-city1").select2("data");
      });
      $("#select-city2").on("change", function () {
        hold_Data_city2 = null;
        city2_array = [];
        city2_String = "";
        city1_String_edited = "";
        city2_String_edited = "";
        city3_String_edited = "";
        farsamoner = null;
        farsamNum = 0;
        hold_Data_city1 = $("#select-city2").select2("data");
      });
      $("#select-city3").on("change", function () {
        hold_Data_city3;
        city3_array = [];
        city3_String = "";
        city1_String_edited = "";
        city2_String_edited = "";
        city3_String_edited = "";
        farsamoner = null;
        farsamNum = 0;
        hold_Data_city1 = $("#select-city3").select2("data");
      });
      $(".last_statusfilter").on("change", function () {
        data_select_situation = null;
        data_situation_array = [];
        data_situation_String = "";
        data_situation_String_edited = "";
        data_select_situation = $(".last_statusfilter").select2("data");
      });
      $("#select-province1").on("change", function () {
        hold_Data_province1 = null;
        hold_Data_province1 = $("#select-province1 option:selected").text();
        init_data_filter1();
        if ($("#select-province1").val() != 0) {
          $(".btn-increase").prop("disabled", false);
        }
      });
      $("#select-province2").on("change", function () {
        hold_Data_province2 = null;
        hold_Data_province2 = $("#select-province2 option:selected").text();
        init_data_filter2();
      });
      $("#select-province3").on("change", function () {
        hold_Data_province3 = null;
        hold_Data_province3 = $("#select-province3 option:selected").text();
        init_data_filter3();
      });
      $(".typemehvar").on("change", function () {
        //tpo
        data_select_Axis_type = null;
        data_type_array = [];
        data_type_Sring = "";
        data_type_Sring_edited = "";
        data_select_Axis_type = $(".typemehvar").select2("data");
      });
      $("#btn_filter_show").on("click", function () {
        var test = "|";
        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(2)
            .search(
              hold_Data_province1 +
                test +
                hold_Data_province2 +
                test +
                hold_Data_province3,
              true,
              false
            )
            .draw();
        }
        if ($("#select-city1").select2("data").length == 0) {
          $("#example").DataTable().column(3).search("").draw();
        }
        if ($(".typemehvar").select2("data").length == 0) {
          $("#example").DataTable().column(5).search("").draw();
        }
        if ($(".last_statusfilter").select2("data").length == 0) {
          $("#example").DataTable().column(4).search("").draw();
        }

        if (data_select_Axis_type) {
          for (let i = 0; i < data_select_Axis_type.length; i++) {
            data_type_array.push(
              data_select_Axis_type[i].text.trim().concat("|")
            );
          }
        }
        for (let i = 0; i < data_type_array.length; i++) {
          data_type_Sring += data_type_array[i];
        }
        if (data_type_Sring[data_type_Sring.length - 1] === "|") {
          data_type_Sring_edited = data_type_Sring.slice(
            0,
            data_type_Sring.length - 1
          );
        }
        if (data_type_Sring_edited) {
          $("#example")
            .DataTable()
            .column(5)
            .search(data_type_Sring_edited, true, false)
            .draw();
        }
        if (data_select_situation) {
          for (let i = 0; i < data_select_situation.length; i++) {
            data_situation_array.push(
              data_select_situation[i].text.trim().concat("|")
            );
          }
        }
        for (let i = 0; i < data_situation_array.length; i++) {
          data_situation_String += data_situation_array[i];
        }
        if (data_situation_String[data_situation_String.length - 1] === "|") {
          data_situation_String_edited = data_situation_String.slice(
            0,
            data_situation_String.length - 1
          );
        }
        if (data_situation_String_edited) {
          $("#example")
            .DataTable()
            .column(4)
            .search(data_situation_String_edited, 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);
        }

        if (city1_String_edited) {
          console.log("popop");
          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(3)
            .search(farsamoner, true, false)
            .draw();
        }
      });
    },
  });
  
  
  $(".btn-increase").on("click", function () {
    if ($("#select-province1").val() != 0) {
      $("#append-input-forFilter2").removeClass("d-none");
      $(".btn-increase").prop("disabled", false);
    }

    if ($("#select-province2").val() != 0) {
      $("#append-input-forFilter3").removeClass("d-none");
      $(".btn-increase").prop("disabled", false);
    }

    if ($("#select-province3").val() != 0) {
      $(".btn-increase").prop("disabled", false);
    }
  });
  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();
    $.ajax({
      url: "https://rms.rmto.ir/public/contents/provinces/" + hold_idSelect,
      type: "GET",
      success: function (data) {
        list_citys = data.data;
        $("#select-city1").empty("");

        for (let index = 0; index < list_citys.length; index++) {
          $("#select-city1").append(
            "\
                <option value=" +
              list_citys[index].id +
              ">" +
              list_citys[index].name_fa +
              "</option>\
              "
          );
        }
      },
    });
  }
  function init_data_filter2() {
    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").empty("");

        for (let index = 0; index < list_citys.length; index++) {
          $("#select-city2").append(
            "\
                <option value=" +
              list_citys[index].id +
              ">" +
              list_citys[index].name_fa +
              "</option>\
              "
          );
        }
      },
    });
  }
  function init_data_filter3() {
    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>\
              "
          );
        }
      },
    });
  }
  //yasi change end
});

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("");

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

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
}

$("#add-project-button").on("click", function () {
  $("#rahdaredit").modal("show");

  $("#houserahdar").val("");
  $("#edarekol").prop("disabled", "");
  // $("#edarekol").val("");
  $("#mainCity").prop("disabled", "");
  $("#sit").val("");
  $("#type").val("");
  $("#phone").val("");
  $("#ekipnum").val("");
  $("#personelnum").val("");
  $("#masol").val("");
  $("#masolmobile").val("");
  $("#janeshin").val("");
  $("#janeshinmobile").val("");
  $("#lightmachin").val("");
  $("#mediummachin").val("");
  $("#bigmachin").val("");
  $("#lat-rahdar").val("");
  $("#lng-rahdar").val("");
  // $("#tool-main").css("display", "none");
  // $("#update-table").css("display", "none");
  // write yasi
  // $("#submitNewRow").attr("disabled", false);

  // edit = false;
  // showModal(0);
  // initialField();

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

  // // console.log(provinces);

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

  $("#mainCity").empty();
  $("#mainCity").append('<option value="0">انتخاب شهرستان</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.deletsubmit", function () {
  // var tr = $(this).closest("tr");
  // var row = table.row(tr);
  // idkol = row.data().id;
  // // 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/rahdari/road-maintenance-project/" +
  //         idkol +
  //         "/delete",
  //       type: "POST",
  //       headers: {
  //         "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
  //       },
  //       cache: false,
  //       contentType: false,
  //       processData: false,
  //       success: function (result) {
  //         hideLoaderScreen();
  //         ajaxcalltablefirst();
  //         // showLoaderScreen();
  //         // Swal.fire({
  //         //   icon: "success",
  //         //   title: "با موفقیت حذف شد ",
  //         //   confirmButtonText: "بستن",
  //         //   preConfirm: () => {
  //         //     location.reload();
  //         //   },
  //         // });
  //       },
  //       error: function (error) {
  //         console.log(error);
  //         Swal.fire({
  //           icon: "error",
  //           title: "خطا",
  //           confirmButtonText: "بستن",
  //         });
  //       },
  //     });
  //   },
  // });
});

$("#example").on("click", "button.location-button", function () {
  var tr = $(this).closest("tr");
  var row = table.row(tr);
  idEdit = row.data().id;
  console.log("fk" + idEdit);
  // console.log("req" , row.data());
  var lat = row.data().lat
  var lng =row.data().lng
  
  showMapModalStatic(lat , lng)

})

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.6880], 9);
  staticMap.dragging.disable();

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

  startAbrarMarker2 = new L.marker(L.latLng(staticMap.getCenter()), {
    icon: startAbrarDivIcon,
    draggable: false
  }).addTo(staticMap);


}

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

  if (startAbrarMarker2 == null) {
    startAbrarMarker = new L.marker(L.latLng(staticMap.getCenter()), {
      icon: startAbrarDivIcon,
      draggable: false
    }).addTo(staticMap);
  } else {
    startAbrarMarker2.setLatLng([lat, lng])
  }
}

$("#example").on("click", "button.rahdari-control", function () {
  var tr = $(this).closest("tr");
  var row = table.row(tr);
  idEdit = row.data().id;
  console.log("fk" + idEdit);
  showModalRahdari(idEdit);

  $("#edarekol").prop("disabled", true);
  $("#mainCity").prop("disabled", true);
  $("#edarekol").empty();
  $("#edarekol").append('<option value="0">انتخاب اداره کل</option>');

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

  var rahdarName = row.data().name;
  var province = row.data().province_id;
  var city = row.data().city_name;
  var cityId = row.data().city_id
  var status = row.data().status;
  var type = row.data().type;
  var phone = row.data().phone;
  var teamNum = row.data().team_num;
  var staffNum = row.data().staff_num;
  var responsibleName = row.data().responsible_name;
  var responsibleMobile = row.data().responsible_mobile;
  var successorName = row.data().successor_name;
  var successorMobile = row.data().successor_mobile;
  var machinesLight = row.data().machines_light;
  var machinesSheavy = row.data().machines_sheavy;
  var machinesHeavy = row.data().machines_heavy;
  var lat = row.data().lat;
  var lng = row.data().lng;

  $("#houserahdar").val(rahdarName);
  $("#edarekol").val(province);
  // $("#mainCity").val(city);
  $("#sit").val(status);
  $("#type").val(type);
  $("#phone").val(phone);
  $("#ekipnum").val(teamNum);
  $("#personelnum").val(staffNum);
  $("#masol").val(responsibleName);
  $("#masolmobile").val(responsibleMobile);
  $("#janeshin").val(successorName);
  $("#janeshinmobile").val(successorMobile);
  $("#lightmachin").val(machinesLight);
  $("#mediummachin").val(machinesSheavy);
  $("#bigmachin").val(machinesHeavy);
  $("#lat-rahdar").val(lat);
  $("#lng-rahdar").val(lng);

  getTowns(province, cityId);
});

$("#example").on("click", "button.details-control", function () {
  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-4">
    <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-4">
    <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-4">
    <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 ProjectTitle = row.data().project_name;
  var contractorName_id = row.data().contractor_name;
  var consultantName_id = row.data().consultant_name;
  var contractName_date = row.data().contract_date;
  var contractName_credit = row.data().contract_credit;

  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 showModalRahdari(id) {
  $("#rahdaredit").modal("show");
}

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-4">
  <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"));

  $("#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/rahdari/road-maintenance-project/create";

  if (edit) {
    url =
      "https://rms.rmto.ir/rahdari/road-maintenance-project/" +
      idEdit +
      "/edit";
  }
  // 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 projectTitleVal = $("#project-title-id").val();

  let contractorNameVal = $("#contractor-id").val();

  let consultantNameVal = $("#consultant-id").val();

  let contractDateVal = $("#contract-date-id").val();
  // console.log("contractDateVal", p2e(contractDateVal))
  let contractPriceVal = $("#contract-price-id").val();

  // Second, validate inputs

  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 (
    $("#yearshown").val().length < 4 ||
    $("#yearshown").val().slice(0, 1) == 0
  ) {
    $("#yearshown").addClass("is-invalid-input");
  } else {
    $("#yearshown").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 (projectTitleVal == "") {
    $("#project-title-id").addClass("is-invalid-input");
  } else {
    $("#project-title-id").removeClass("is-invalid-input");
  }

  if (contractorNameVal == "") {
    $("#contractor-id").addClass("is-invalid-input");
  } else {
    $("#contractor-id").removeClass("is-invalid-input");
  }

  if (consultantNameVal == "") {
    $("#consultant-id").addClass("is-invalid-input");
  } else {
    $("#consultant-id").removeClass("is-invalid-input");
  }

  if (contractDateVal == "") {
    $("#contract-date-id").addClass("is-invalid-input");
  } else {
    $("#contract-date-id").removeClass("is-invalid-input");
  }

  if (contractPriceVal == "") {
    $("#contract-price-id").addClass("is-invalid-input");
  } else {
    $("#contract-price-id").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;
      }
      let contractDateMonth = contractDatePicker.getState().selected.month;
      let contractDateDay = contractDatePicker.getState().selected.date;
      let contractDateFormatted =
        contractDatePicker.getState().selected.year +
        "-" +
        contractDateMonth +
        "-" +
        contractDateDay;
      console.log(
        " contractDatePicker.getState().selected",
        contractDatePicker
      );

      console.log("contractDateFormatted", contractDateFormatted);
      console.log("valllllllllllll", $("#yearshown").val());
      // console.log(cities);
      formData.append("province-id", provinceVal);
      formData.append("cities-id", JSON.stringify(cities));
      formData.append("axis-name", axisNameVal);
      formData.append("axis-type", axisTypeVal);
      formData.append("project-name", projectTitleVal);
      formData.append("contractor-name", contractorNameVal);
      formData.append("consultant-name", consultantNameVal);
      // formData.append("contract-date", p2e(contractDateVal));

      formData.append("contract-date", $("#yearshown").val());

      formData.append("contract-credit", contractPriceVal);
      formData.append("start-latlng", startLatLng);
      formData.append("end-latlng", endLatLng);
      for (var value of formData.values()) {
        console.log(value);
      }
      showLoaderScreen();
      $.ajax({
        url: url,
        type: "POST",
        data: formData,
        headers: {
          "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
        },
        cache: false,
        contentType: false,
        processData: false,
        success: function (result) {
          // console.log(result);
          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;
    }
    let contractDateMonth = contractDatePicker.getState().selected.month;
    let contractDateDay = contractDatePicker.getState().selected.date;
    let contractDateFormatted =
      contractDatePicker.getState().selected.year +
      "-" +
      contractDateMonth +
      "-" +
      contractDateDay;
    console.log(" contractDatePicker.getState().selected", contractDatePicker);
    console.log("contractDateFormatted", contractDateFormatted);
    // console.log(cities);
    formData.append("province-id", provinceVal);
    formData.append("cities-id", JSON.stringify(cities));
    formData.append("axis-name", axisNameVal);
    formData.append("axis-type", axisTypeVal);
    formData.append("project-name", projectTitleVal);
    formData.append("contractor-name", contractorNameVal);
    formData.append("consultant-name", consultantNameVal);
    console.log($("#yearshown").val());
    formData.append("contract-date", $("#yearshown").val());
    formData.append("contract-credit", contractPriceVal);
    formData.append("start-latlng", startLatLng);
    formData.append("end-latlng", endLatLng);
    for (var value of formData.values()) {
      console.log(value);
    }
    showLoaderScreen();
    $.ajax({
      url: url,
      type: "POST",
      data: formData,
      headers: {
        "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
      },
      cache: false,
      contentType: false,
      processData: false,
      success: function (result) {
        // console.log(result);
        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 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 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();
    },
  });
}
$("#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");
  }
}

$("#editrahdar").on("click", function () {
  if (rahdariEditedValidate()) {
    formData = new FormData();

    formData.append("status", $("#sit").val());
    formData.append("type", $("#type").val());
    formData.append("phone", $("#phone").val());
    formData.append("team_num", $("#ekipnum").val());
    formData.append("staff_num", $("#personelnum").val());
    formData.append("responsible_name", $("#masol").val());
    formData.append("responsible_mobile", $("#masolmobile").val());
    formData.append("successor_name", $("#janeshin").val());
    formData.append("successor_mobile", $("#janeshinmobile").val());
    formData.append("machines_light", $("#lightmachine").val());
    formData.append("machines_sheavy", $("#meduimachin").val());
    formData.append("machines_heavy", $("#bigmachin").val());

    let lat = $("#lat-rahdar").val().slice(1, -1);
    let lng = $("#lng-rahdar").val().slice(1, -1);
    lat = lat.replace(/_/g, "");
    lng = lng.replace(/_/g, "");
    formData.append("lat", lat);
    formData.append("lng", lng);

    for (
      let i = 0;
      i < $("input[name=modalUpFileRahdari_overview]")[0].files.length;
      i++
    ) {
      formData.append(
        "overview_files_" + i,
        $("input[name=modalUpFileRahdari_overview]")[0].files[i]
      );
    }

    for (
      let i = 0;
      i < $("input[name=modalUpFileRahdari_machinery]")[0].files.length;
      i++
    ) {
      formData.append(
        "machinery_files_" + i,
        $("input[name=modalUpFileRahdari_machinery]")[0].files[i]
      );
    }

    for (
      let i = 0;
      i < $("input[name=modalUpFileRahdari_store]")[0].files.length;
      i++
    ) {
      formData.append(
        "store_files_" + i,
        $("input[name=modalUpFileRahdari_store]")[0].files[i]
      );
    }

    for (
      let i = 0;
      i < $("input[name=modalUpFileRahdari_office]")[0].files.length;
      i++
    ) {
      formData.append(
        "office_files_" + i,
        $("input[name=modalUpFileRahdari_office]")[0].files[i]
      );
    }

    for (
      let i = 0;
      i < $("input[name=modalUpFileRahdari_others]")[0].files.length;
      i++
    ) {
      formData.append(
        "others_files_" + i,
        $("input[name=modalUpFileRahdari_others]")[0].files[i]
      );
    }

    $("#rahdaredit").modal("hide");
    showLoaderScreen();

    $.ajax({
      url: "/rahdari-points/" + $("#rahdarid").val(),
      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);
        // showRahdariPoints();
        console.log("success");
        console.log(result);
        $.ajax({
          url: "https://rms.rmto.ir/api/public/rahdari-points",
          type: "GET",
          success: function (result) {
            // console.log(result.data[0]);
            $("#example").dataTable().fnClearTable();
            $("#example").dataTable().fnAddData(result.data);
            hideLoaderScreen();
          },
        });
      },
      error: function (error) {
        //console.log(error);
        hideLoaderScreen();
      },
    });
  }
});

function rahdariEditedValidate() {
  let checkValidation = true;

  if (!$("#sit").val() || !checkPersianWordValidation($("#sit").val())) {
    $("#sit").addClass("is-invalid");
    checkValidation = false;
  } else {
    $("#sit").removeClass("is-invalid");
  }

  if (!$("#type").val() || !checkPersianWordValidation($("#type").val())) {
    $("#type").addClass("is-invalid");
    checkValidation = false;
  } else {
    $("#type").removeClass("is-invalid");
  }

  if ($("#phone").val()) {
    let reg = /^([0-9]|[۰-۹])+$/;

    if (!reg.test($("#phone").val())) {
      $("#phone").addClass("is-invalid");
      checkValidation = false;
    } else {
      $("#phone").removeClass("is-invalid");
    }
  }

  if ($("#masol").val()) {
    if (!checkPersianWordValidation($("#masol").val())) {
      $("#masol").addClass("is-invalid");
      checkValidation = false;
    } else {
      $("#masol").removeClass("is-invalid");
    }
  }

  if ($("#janeshin").val()) {
    if (!checkPersianWordValidation($("#janeshin").val())) {
      $("#janeshin").addClass("is-invalid");
      checkValidation = false;
    } else {
      $("#janeshin").removeClass("is-invalid");
    }
  }

  if ($("#masolmobile").val()) {
    let reg = /^09([0-9]){9}$/;

    if (!reg.test($("#masolmobile").val())) {
      $("#masolmobile").addClass("is-invalid");
      checkValidation = false;
    } else {
      $("#masolmobile").removeClass("is-invalid");
    }
  }

  if ($("#janeshinmobile").val()) {
    let reg = /^09([0-9]){9}$/;

    if (!reg.test($("#janeshinmobile").val())) {
      $("#janeshinmobile").addClass("is-invalid");
      checkValidation = false;
    } else {
      $("#janeshinmobile").removeClass("is-invalid");
    }
  }

  return checkValidation;
}

function checkPersianWordValidation(str) {
  let reg = /^[\u0600-\u06FF\s\.]+$/;

  if (!reg.test(str)) {
    return false;
  }
  return true;
}

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, val) {
  let reqUrl = "https://rms.rmto.ir/public/contents/provinces/" + id;
  showLoaderScreen();
  $.ajax({
    url: reqUrl,
    type: "GET",
    success: function (result) {
      hideLoaderScreen();
      console.log("in manam"+result.data);
      towns = result.data;

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

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

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

$("#edarekol").change(function () {
  console.log("change happend");
  
  if ($(this).val() > 0) {
      getTowns($(this).val(),0);
   
  } else {
      $("#mainCity").empty();
      $("#mainCity").append('<option value="0">انتخاب شهرستان</option>');
   
  }
});