// Map variables
var sourceLat = "",
  sourceLng = "",
  destLat = "",
  destLng = "";
var saveTotalDistance = null;
var sourceMarker, destMarker;
var routeControls = [];
var popupArrays = [];
var bounds = [
  [46.9130026312, 77.6166317076],
  [17.5782370061, 32.5092252948],
];
var startAbrarMarker = null;
var isSetStartAbrarMarker = false;
var endAbrarMarker = null;
var isSetEndAbrarMarker = false;
var mapshow = null;
var startAbrarMarkershow = null;
var isSetStartAbrarMarkershow = false;
var endAbrarMarkershow = null;
var isSetEndAbrarMarkershow = false;
var routeControls = [];
var routeControlsPath = [];
var popupArrays = [];
var popupArraysPath = [];
var polylinePath = null;
var nextvalidation = true;
var valuevarification = []
// Form Input
var selectedItem = 0;
var previousSelectedItem = 0;
var selectedSubItems = "";
var subItemsData = {};
var submitFormInput = [];
var titlemodal = "";
var hasSubItemGotValue = true;
var projectType = 0;
var itemsData = null;
var requestId = null;
var rookeshError = false;

var startP = [35.6892, 51.389]
var endP = [35.6892, 51.389]

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],
});
// Create leaflet map client
var map = L.map("map", {
  maxBounds: bounds,
  minZoom: 6,
}).setView([34.62, 52.471], 6);

// Create map tile layer
L.tileLayer("https://rmsmap.rmto.ir/141map/{z}/{x}/{y}.png", {}).addTo(map);

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

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

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

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

  if (isSetStartAbrarMarker && !isSetEndAbrarMarker) {
    endAbrarMarker.setLatLng(L.latLng(map.getCenter()));
    $("#pin-marker-end").removeClass("pin-move pin-set");
  }
});
startAbrarMarker.on("click", function () {
  sourceLat = map.getCenter().lat;
  sourceLng = map.getCenter().lng;
  console.log("sourceee", [sourceLat, sourceLng])
  if (!isSetStartAbrarMarker) {
    startAbrarMarker.setLatLng(L.latLng(map.getCenter()));
    isSetStartAbrarMarker = true;
    $("#pin-marker-start")
      .removeClass("pin-move pin-warn")
      .addClass("pin-set");
  }
  // Drop origin marker onto map
  addSourceMarker(1);
  endAbrarMarker.addTo(map);
  showItemSelectionModal();

  // Hide origin image
  $(this).hide();
  $("#pin-marker-start")
    .removeClass("pin-move pin-warn")
    .addClass("pin-set");
})
startAbrarMarker.on("drag", function () {
  console.log("hiiiiiiii")
  $("#pin-marker-start").addClass("pin-move");
  // checkMarkersAndDrawPath();
});
startAbrarMarker.on("dragend", function () {
  console.log("hii")
  $("#pin-marker-start").removeClass("pin-move");
  console.log("pin move")
  if ($("#pin-marker-start").hasClass("pin-set") || isSetStartAbrarMarker) {

    $("#pin-marker-start").addClass("pin-set");
    checkMarkersAndDrawPath();
  } else {
    map.setView(startAbrarMarker.getLatLng());
  }
});
function addSourceMarker(type) {
  let sourceCoordinates = null;
  if (type == 1) {
    sourceCoordinates = L.latLng(map.getCenter());
  } else if (type == 2) {
    sourceCoordinates = [sourceLat, sourceLng];
  }
}
endAbrarMarker.on("click", function () {
  destLat = map.getCenter().lat;
  destLng = map.getCenter().lng;

  // Drop origin marker onto map
  addDestinationMarker(1);
  if (!isSetEndAbrarMarker) {
    endAbrarMarker.setLatLng(L.latLng(map.getCenter()));
    isSetEndAbrarMarker = true;
    $("#pin-marker-end").removeClass("pin-move").addClass("pin-set");
  }
  showItemSelectionModal();

  // Hide destination image
  // $(this).hide();

  // Draw path from origin to destination
  checkMarkersAndDrawPath();
})

function addDestinationMarker(type) {
  let destinationCoordinates = null;
  if (type == 1) {
    destinationCoordinates = L.latLng(map.getCenter());
  } else if (type == 2) {
    destinationCoordinates = [destLat, destLng];
  }
  showItemSelectionModal();

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

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

  if ($("#pin-marker-end").hasClass("pin-set") || isSetEndAbrarMarker) {
    $("#pin-marker-end").addClass("pin-set");
    checkMarkersAndDrawPath();
  } else {
    map.setView(endAbrarMarker.getLatLng());
  }
});

function drawPath() {
  if (routeControls.length) {
    $(routeControls).each(function (index, control) {
      map.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();
      })
      // .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(map)
  );
  $(".leaflet-control-container").css("display", "none");
  $(".leaflet-routing-container-hide").css("display", "none");
}
function checkMarkersAndDrawPath() {
  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();
  } 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();
      } else {
        if (routeControls.length) {
          $(routeControls).each(function (index, control) {
            map.removeControl(control);
            routeControls.splice(routeControls.indexOf(index), 1);
          });
        }
        // if (polyline != null) {
        //   map.removeLayer(polyline);
        // }
      }
    }, 20);
  }
}

function handleTopMenuClick(num) {
  switch (num) {
    case 1: {
      window.open("/rmto", "_self");
      break;
    }
    case 2: {
      $("#reportModal").modal("show");
      break;
    }
    case 3: {
      window.open("/rmtobi", "_self");
      break;
    }
    case 4: {
      window.open("/rmto", "_self");
      break;
    }
  }
}

function showItemSelectionModal() {
  if (destLat != "") {
    $("#vertical-menu").modal({ backdrop: "static", keyboard: false });
    $("#vertical-menu").modal("show");

    // Show selected Item if there is selected one!
    if (selectedItem != 0) {
      $("#item-" + selectedItem).prop("checked", true);
    }
  }
}

$("#next-modal-show").on("click", function () {
  showSecondModal();
});

function showSecondModal() {
  if ($("#item-1").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-1-name").textContent;
    showSubItem(1, titlemodal);
  } else if ($("#item-2").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-2-name").textContent;
    showSubItem(2, titlemodal);
  } else if ($("#item-3").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-3-name").textContent;
    showSubItem(3, titlemodal);
  } else if ($("#item-4").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-4-name").textContent;
    showSubItem(4, titlemodal);
  } else if ($("#item-5").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-5-name").textContent;
    showSubItem(5, titlemodal);
  } else if ($("#item-6").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-6-name").textContent;
    showSubItem(6, titlemodal);
  } else if ($("#item-7").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-7-name").textContent;
    showSubItem(7, titlemodal);
  } else if ($("#item-8").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-8-name").textContent;
    showSubItem(8, titlemodal);
  } else if ($("#item-9").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-9-name").textContent;
    showSubItem(9, titlemodal);
  } else if ($("#item-10").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-10-name").textContent;
    showSubItem(10, titlemodal);
  } else if ($("#item-11").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-11-name").textContent;
    showSubItem(11, titlemodal);
  } else if ($("#item-12").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-12-name").textContent;
    showSubItem(12, titlemodal);
  } else if ($("#item-13").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-13-name").textContent;
    showSubItem(13, titlemodal);
  } else if ($("#item-14").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-14-name").textContent;
    showSubItem(14, titlemodal);
  } else if ($("#item-15").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-15-name").textContent;
    showSubItem(15, titlemodal);
  } else if ($("#item-16").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-16-name").textContent;
    showSubItem(16, titlemodal);
  } else if ($("#item-17").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-17-name").textContent;
    showSubItem(17, titlemodal);
  } else if ($("#item-18").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-18-name").textContent;
    showSubItem(18, titlemodal);
  } else if ($("#item-19").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-19-name").textContent;
    showSubItem(19, titlemodal);
  }
  else if ($("#item-20").is(":checked")) {
    // console.log("hi im checked")
    $("#vertical-menu").modal("hide");
    titlemodal = document.getElementById("item-20-name").textContent;
    showSubItem(20, titlemodal);
  }
}

function showSubItem(index, name) {
  console.log(index, "index")
  if (sourceLat != "" && destLat != "") {
    // Set modal title
    $("#uploadroaditem .modal-title").html(name);

    selectedItem = index;

    // Set modal content
    let subItems = "";
    $(".sub-item-container").empty();

    switch (selectedItem) {
      case 1: {
        subItems =
          '\
          <div class="col-sm-12 sub-item" style="display:none">\
          <div class="form-group  radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="reconstruction7" name="reconstruction">\
              <label for="reconstruction7">\
                روکش\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-7" style="display: none;">\
          <div class="form-group col-sm-6 radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" class="form-control text-center" id="reconstruction7-1" name="reconstruction7">\
              <label for="reconstruction7-1" class="mr-3">\
                روکش آسفالت\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-1" style="display: none; margin-right: 10%;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-1-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-1-1" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-1-2" class="ml-3">\
                تناژ:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-1-2" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" class="form-control text-center" id="reconstruction7-2" name="reconstruction7">\
              <label for="reconstruction7-2" class="mr-3">\
                ماسه آسفالت\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-2" style="display: none; margin-right: 10%;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-2-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-2-1" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-2-2" class="ml-3">\
                تناژ:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-2-2" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" class="form-control text-center" id="reconstruction7-3" name="reconstruction7">\
              <label for="reconstruction7-3" class="mr-3">\
                باریافت سرد/گرم\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-3" style="display: none; margin-right: 10%;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-3-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-3-1" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-3-2" class="ml-3">\
                تناژ:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-3-2" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" class="form-control text-center" id="reconstruction7-4" name="reconstruction7">\
              <label for="reconstruction7-4" class="mr-3">\
                میکروسرفیسینگ\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-4" style="display: none; margin-right: 10%;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-4-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-4-1" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-4-2" class="ml-3">\
                تناژ:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-4-2" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" class="form-control text-center" id="reconstruction7-5" name="reconstruction7">\
              <label for="reconstruction7-5" class="mr-3">\
                چیپ سیل\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-5" style="display: none; margin-right: 10%;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-5-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-5-1" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-5" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-5-2" class="ml-3">\
                تناژ:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-5-2" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" class="form-control text-center" id="reconstruction7-6" name="reconstruction7">\
              <label for="reconstruction7-6" class="mr-3">\
                اسلاری سیل\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-6" style="display: none; margin-right: 10%;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-6-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-6-1" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-6" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-6-2" class="ml-3">\
                تناژ:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-6-2" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" class="form-control text-center" id="reconstruction7-7" name="reconstruction7">\
              <label for="reconstruction7-7" class="mr-3">\
                اسکراب سیل\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-7" style="display: none; margin-right: 10%;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-7-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-7-1" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-7-2" class="ml-3">\
                تناژ:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-7-2" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" class="form-control text-center" id="reconstruction7-8" name="reconstruction7">\
              <label for="reconstruction7-8" class="mr-3">\
                فوگ سیل\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-8" style="display: none; margin-right: 10%;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-8-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-8-1" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-8" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-8-2" class="ml-3">\
                تناژ:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-8-2" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" class="form-control text-center" id="reconstruction7-9" name="reconstruction7">\
              <label for="reconstruction7-9" class="mr-3">\
                سیل کت\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-9" style="display: none; margin-right: 10%;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-9-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-9-1" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-9" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-9-2" class="ml-3">\
                تناژ:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-9-2" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" class="form-control text-center" id="reconstruction7-10" name="reconstruction7">\
              <label for="reconstruction7-10" class="mr-3">\
                کیپ سیل\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-10" style="display: none; margin-right: 10%;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-10-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-10-1" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-10" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-10-2" class="ml-3">\
                تناژ:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-10-2" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" class="form-control text-center" id="reconstruction7-11" name="reconstruction7">\
              <label for="reconstruction7-11" class="mr-3">\
                آسفالت سرد/ردمیکس\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-11" style="display: none; margin-right: 10%;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-11-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-11-1" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-5 sub-item1-7-11" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction7-11-2" class="ml-3">\
                تناژ:\
              </label>\
              <input type="number" class="form-control text-center" id="reconstruction7-11-2" name="reconstruction7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="reconstruction1" name="reconstruction">\
              <label for="reconstruction1">\
                ترمیم افتادگی لبه آسفالت\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction1-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="reconstruction1-1" name="reconstruction1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="reconstruction2" name="reconstruction">\
              <label for="reconstruction2">\
                شانه سازی\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction2-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="reconstruction2-1" name="reconstruction2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="reconstruction3" name="reconstruction">\
              <label for="reconstruction3">\
                پر کردن گودافتادگی یا چاله با آسفالت\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction3-1" class="ml-3">\
                تن:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="reconstruction3-1" name="reconstruction3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="reconstruction4" name="reconstruction">\
              <label for="reconstruction4">\
                لکه گیری هندسی راه\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction4-1" class="ml-3">\
                مترمربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="reconstruction4-1" name="reconstruction4" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
            <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="reconstruction8" name="reconstruction">\
              <label for="reconstruction8">\
           درزگیری\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-8" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction8-1" class="ml-3">\
               مترطول:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="reconstruction8-1" name="reconstruction8" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="reconstruction9" name="reconstruction">\
              <label for="reconstruction9">\
           مضرس کردن سطح راه ها \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-9" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction9-1" class="ml-3">\
               متر مربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="reconstruction9-1" name="reconstruction9" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="reconstruction10" name="reconstruction">\
              <label for="reconstruction10">\
         تراش رویه های موج زده  \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-10" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction10-1" class="ml-3">\
               متر مربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="reconstruction10-1" name="reconstruction10" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
            <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="reconstruction5" name="reconstruction">\
              <label for="reconstruction5">\
                مرمت آبشستگی راه ها و شانه راه ها\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-5" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction5-1" class="ml-3">\
                مترمکعب:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="reconstruction5-1" name="reconstruction5" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="reconstruction6" name="reconstruction">\
              <label for="reconstruction6">\
                تنظیم سطح بستر حریم\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-6" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction6-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="reconstruction6-1" name="reconstruction6" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
             <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="reconstruction11" name="reconstruction">\
              <label for="reconstruction11">\
       تیغ زنی راه های روستایی \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-11" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction11-1" class="ml-3">\
              کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="reconstruction11-1" name="reconstruction11" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="reconstruction12" name="reconstruction">\
              <label for="reconstruction12">\
       شن ریزی ،تسطیح و کمپکت راه روستایی \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-12" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction12-1" class="ml-3">\
              کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="reconstruction12-1" name="reconstruction12" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="reconstruction13" name="reconstruction">\
              <label for="reconstruction13">\
      عملیات تسطیح ،خاکبرداری و خاکریزی در رفوژ میانی \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item1-13" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="reconstruction13-1" class="ml-3">\
              متر مکعب:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="reconstruction13-1" name="reconstruction13" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 2: {
        subItems =
          '\
      <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning1" name="cleaning">\
            <label for="cleaning1">\
              پاک سازی و جاروزنی سطح راه\
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-1" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning1-1" class="ml-3">\
              کیلومتر - باند:\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning1-1" name="cleaning1" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
            <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning9" name="cleaning">\
            <label for="cleaning9">\
            پاکسازی پارکینگ راه ها \
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-9" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning9-1" class="ml-3">\
             متر مربع :\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning9-1" name="cleaning9" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
       <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning10" name="cleaning">\
            <label for="cleaning10">\
           پاکسازی کنار قرنیز پلها ،دیواره تونل ها ، جداول و نیوجرسی از مصالح انباشته شده  \
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-10" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning10-1" class="ml-3">\
             متر مکعب  :\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning10-1" name="cleaning10" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
       <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning11" name="cleaning">\
            <label for="cleaning11">\
         پاکسازی و تمیز کاری جزیره های میانی  \
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-11" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning11-1" class="ml-3">\
             متر مربع  :\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning11-1" name="cleaning11" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
            <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning2" name="cleaning">\
            <label for="cleaning2">\
              پاک سازی و تنقیه آبروهای کوچک\
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-2" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning2-1" class="ml-3">\
              مترمکعب:\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning2-1" name="cleaning2" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning12" name="cleaning">\
            <label for="cleaning12">\
        پاکسازی و تنقیه داخل پل ها  \
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-12" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning12-1" class="ml-3">\
             متر مکعب  :\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning12-1" name="cleaning12" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
          <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning13" name="cleaning">\
            <label for="cleaning13">\
       پاکسازی و تنقیه سیفون ها  \
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-13" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning13-1" class="ml-3">\
             متر مکعب  :\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning13-1" name="cleaning13" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
             <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning14" name="cleaning">\
            <label for="cleaning14">\
      پاکسازی و جمع آوری شاخه درختان از دهانه آبنماهای لوله ای  \
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-14" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning14-1" class="ml-3">\
             نفر ساعت  :\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning14-1" name="cleaning14" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
            <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning4" name="cleaning">\
            <label for="cleaning4">\
              پاک سازی قنوها و آبروهای طولی\
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-4" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning4-1" class="ml-3">\
              متر طول:\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning4-1" name="cleaning4" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning3" name="cleaning">\
            <label for="cleaning3">\
              پاک سازی سطح راه از لاشه حیوانات\
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-3" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning3-1" class="ml-3">\
              تعداد:\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning3-1" name="cleaning3" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning5" name="cleaning">\
            <label for="cleaning5">\
              پاک سازی سطح راه از آثار تصادفات\
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-5" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning5-1" class="ml-3">\
              متر طول - باند:\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning5-1" name="cleaning5" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
       <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning15" name="cleaning">\
            <label for="cleaning15">\
           پاکسازی سطح راه از مواد نفتی یا روغنی \
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-15" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning15-1" class="ml-3">\
              متر طول - باند:\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning15-1" name="cleaning15" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning6" name="cleaning">\
            <label for="cleaning6">\
              علف کنی و بوته کنی\
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-6" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning6-1" class="ml-3">\
              کیلومتر:\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning6-1" name="cleaning6" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
       <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning16" name="cleaning">\
            <label for="cleaning16">\
             علف کنی و بوته کنی بصورت دستی اطراف تابلو ، علائم ،...\
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-16" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning16-1" class="ml-3">\
              متر مربع:\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning16-1" name="cleaning16" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning7" name="cleaning">\
            <label for="cleaning7">\
              پاک سازی حریم راه از مواد زائد و نخاله های ساختمانی\
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-7" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning7-1" class="ml-3">\
              کیلومتر:\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning7-1" name="cleaning7" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning8" name="cleaning">\
            <label for="cleaning8">\
              جمع آوری قطعات آسیب دیده حفاظ، علائم و ...\
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-8" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning8-1" class="ml-3">\
              تن:\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning8-1" name="cleaning8" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
          <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning17" name="cleaning">\
            <label for="cleaning17">\
            ریزش برداری \
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-17" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning17-1" class="ml-3">\
              مقطع:\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning17-1" name="cleaning17" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
        <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning18" name="cleaning">\
            <label for="cleaning18">\
           جمع آوری خرده سنگهای ریزشی  \
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-18" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning18-1" class="ml-3">\
              نفر - ساعت :\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning18-1" name="cleaning18" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
        <div class="col-sm-12 sub-item">\
        <div class="form-group radio-body clearfix">\
          <div class="icheck-primary d-inline">\
            <input type="checkbox" id="cleaning19" name="cleaning">\
            <label for="cleaning19">\
          لایروبی \
            </label>\
          </div>\
        </div>\
      </div>\
      <div class="col-sm-12 sub-item2-19" style="display: none;">\
        <div class="form-group radio-body clearfix">\
          <div class="d-flex justify-content-center align-items-center">\
            <label for="cleaning19-1" class="ml-3">\
           متر مکعب:\
            </label>\
            <input type="number" class="form-control text-center" style="width: 50%" id="cleaning19-1" name="cleaning19" min="0" maxlength="7">\
          </div>\
        </div>\
      </div>\
      ';
        break;
      }
      case 3: {
        subItems =
          '\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="signs1" name="signs">\
              <label for="signs1">\
               نصب تابلوهای اخطاری ، انتظامی و مسیرنمای جدید \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item3-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="signs1-1" class="ml-3">\
                عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="signs1-1" name="signs1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="signs5" name="signs">\
              <label for="signs5">\
           تعویض صفحه های تابلوهای اخطاری ، انتظامی فاقد بازتاب و معیوب   \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item3-5" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="signs5-1" class="ml-3">\
                 عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="signs5-1" name="signs5" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="signs2" name="signs">\
              <label for="signs2">\
                 نصب تابلو های اطلاعاتی جدید\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item3-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="signs3-2" class="ml-3">\
                مترمربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="signs2-1" name="signs2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="signs3" name="signs">\
              <label for="signs3">\
                تعویض شبرنگ تابلوهای اطلاعاتی\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item3-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="signs3-1" class="ml-3">\
                مترمربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="signs3-1" name="signs3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="signs6" name="signs">\
              <label for="signs6">\
          مرمت شکستگی ، خم شدگی و ... تابلوهای اطلاعاتی \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item3-6" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="signs3-6" class="ml-3">\
                متر مربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="signs6-1" name="signs3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
              <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="signs7" name="signs">\
              <label for="signs7">\
        اصلاح کج شدگی پایه تابلوها و علائم  \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item3-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="signs3-7" class="ml-3">\
                 عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="signs7-1" name="signs3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
               <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="signs8" name="signs">\
              <label for="signs8">\
       نصب یا برداشتن علائم موقت  \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item3-8" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="signs3-8" class="ml-3">\
                 عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="signs8-1" name="signs3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="signs4" name="signs">\
              <label for="signs4">\
                نصب بازتاب بر روی گاردریل و حفاظ های حاشیه راه و چشم گربه ای\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item3-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="signs4-1" class="ml-3">\
                تعداد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="signs4-1" name="signs4" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 4: {
        subItems =
          '\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="shield1" name="shield">\
              <label for="shield1">\
                ارتقای حفاظ موجود میانی راه ها با حفاظ های مرسوم یا سایر روش ها \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item4-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="shield1-2-1" class="ml-3">\
                متر طول:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="shield1-2-1" name="shield1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="shield2" name="shield">\
              <label for="shield2">\
               ارتقای حفاظ موجود پل ها و پرتگاه ها با حفاظ های مرسوم یا سایر روش ها \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item4-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="shield2-2-1" class="ml-3">\
                متر طول:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="shield2-2-1" name="shield2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="shield3" name="shield">\
              <label for="shield3">\
              بهسازی حفاظ های موجود و آسیب دیده\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item4-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="shield3-2-1" class="ml-3">\
                متر طول:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="shield3-2-1" name="shield3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 5: {
        subItems =
          '\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lighting1" name="lighting">\
              <label for="lighting1">\
               نگهداری و پاکسازی روشنایی طولی راه\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item5-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lighting1-2-1" class="ml-3">\
                متر طول:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lighting1-2-1" name="lighting1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lighting2" name="lighting">\
              <label for="lighting2">\
             نگهداری و پاکسازی روشنایی نقطه ای در حاشیه راه\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item5-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lighting2-2-1" class="ml-3">\
                موردی:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lighting2-2-1" name="lighting2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lighting3" name="lighting">\
              <label for="lighting3">\
               نگهداری و پاکسازی روشنایی نقطه ای تقاطع در حاشیه راه\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item5-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lighting3-2-1" class="ml-3">\
                موردی\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lighting3-2-1" name="lighting3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lighting4" name="lighting">\
              <label for="lighting4">\
             نگهداری و پاکسازی روشنایی نقطه ای محل نصب دوربین در حاشیه راه\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item5-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lighting4-2-1" class="ml-3">\
                موردی\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lighting4-2-1" name="lighting4" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lighting5" name="lighting">\
              <label for="lighting5">\
               نگهداری و پاکسازی روشنایی طولی نواحی یا گردنه های مه گیر \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item5-5" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lighting5-2-1" class="ml-3">\
                متر طول\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lighting5-2-1" name="lighting5" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lighting6" name="lighting">\
              <label for="lighting6">\
                نگهداری و پاکسازی روشنایی تونل\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item5-6" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lighting6-2-1" class="ml-3">\
                مترطول\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lighting6-2-1" name="lighting6" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lighting7" name="lighting">\
              <label for="lighting7">\
            تعمیرات شبکه روشنایی (کابل)\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item5-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lighting7-2-1" class="ml-3">\
                مترطول\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lighting7-2-1" name="lighting6" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lighting8" name="lighting">\
              <label for="lighting8">\
            تعمیرات شبکه روشنایی (کله چراغ)\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item5-8" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lighting8-2-1" class="ml-3">\
                عدد\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lighting8-2-1" name="lighting6" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
              <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lighting9" name="lighting">\
              <label for="lighting9">\
         تعمیرات شبکه روشنایی (مفصل زنی )\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item5-9" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lighting9-2-1" class="ml-3">\
                عدد\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lighting9-2-1" name="lighting8" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lighting10" name="lighting">\
              <label for="lighting10">\
          تعمیرات شبکه روشنایی (تعمیر تابلو )\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item5-10" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lighting10-2-1" class="ml-3">\
                عدد\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lighting10-2-1" name="lighting10" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lighting11" name="lighting">\
              <label for="lighting11">\
          تعمیرات برج نوری \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item5-11" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lighting11-2-1" class="ml-3">\
                عدد\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lighting11-2-1" name="lighting11" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 6: {
        subItems =
          '\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lining1" name="lining">\
              <label for="lining1">\
                خط کشی با رنگ گرم ترافیکی\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item6-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lining1-1" class="ml-3">\
                کیلومتر - رنگ:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lining1-1" name="lining1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lining2" name="lining">\
              <label for="lining2">\
                خط کشی با رنگ سرد ترافیکی\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item6-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lining2-1" class="ml-3">\
                کیلومتر - رنگ:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lining2-1" name="lining2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lining3" name="lining">\
              <label for="lining3">\
                ترسیم نقوش، فلش، خط نوشته و ...\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item6-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lining3-1" class="ml-3">\
                مترمربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lining3-1" name="lining3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lining4" name="lining">\
              <label for="lining4">\
              اجرای اکستروژن طولی \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item6-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lining4-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lining4-1" name="lining4" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lining5" name="lining">\
              <label for="lining5">\
            اجرای اکستروژن عرضی\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item6-5" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lining5-1" class="ml-3">\
                مترمربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lining5-1" name="lining3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="lining6" name="lining">\
              <label for="lining6">\
              پاک کردن خطوط ترافیکی از سطح راه \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item6-6" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="lining6-1" class="ml-3">\
                مترمربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="lining6-1" name="lining3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 7: {
        subItems =
          '\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="coloring1" name="coloring">\
              <label for="coloring1">\
                رنگ آمیزی پایه تابلوها\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item7-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="coloring1-1" class="ml-3">\
                عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="coloring1-1" name="coloring1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="coloring2" name="coloring">\
              <label for="coloring2">\
                رنگ آمیزی پایه چراغ ها\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item7-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="coloring2-1" class="ml-3">\
                عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="coloring2-1" name="coloring2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="coloring3" name="coloring">\
              <label for="coloring3">\
                رنگ آمیزی پایه های روشنایی\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item7-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="coloring3-1" class="ml-3">\
                اصله:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="coloring3-1" name="coloring3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="coloring4" name="coloring">\
              <label for="coloring4">\
                رنگ آمیزی پل های عابر پیاده\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item7-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="coloring4-1" class="ml-3">\
                دستگاه:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="coloring4-1" name="coloring4" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="coloring5" name="coloring">\
              <label for="coloring5">\
                رنگ آمیزی پایه تابلوهای دروازه ای\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item7-5" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="coloring5-1" class="ml-3">\
                عدد\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="coloring5-1" name="coloring5" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="coloring6" name="coloring">\
              <label for="coloring6">\
             رنگ آمیزی حفاظهای فلزی \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item7-6" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="coloring6-1" class="ml-3">\
                مترمربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="coloring6-1" name="coloring6" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
            <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="coloring7" name="coloring">\
              <label for="coloring7">\
               رنگ آمیری نیوجرسی ها و سایر حفاظ بتنی \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item7-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="coloring7-1" class="ml-3">\
                مترمربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="coloring7-1" name="coloring7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
            <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="coloring8" name="coloring">\
              <label for="coloring8">\
               رنگ آمیزی سرعتگاه \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item7-8" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="coloring8-1" class="ml-3">\
                مترمربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="coloring8-1" name="coloring8" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
            <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="coloring9" name="coloring">\
              <label for="coloring9">\
            رنگ آمیزی پایه و کوله پل ها جهت آشکارسازی  \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item7-9" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="coloring9-1" class="ml-3">\
                مترمربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="coloring9-1" name="coloring9" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 8: {
        subItems =
          '\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="washing1" name="washing">\
              <label for="washing1">\
                شستشوی علائم ایمنی اخطاری، انتظامی، مسیرنما و ...\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item8-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="washing1-1" class="ml-3">\
                عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="washing1-1" name="washing1">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="washing2" name="washing">\
              <label for="washing2">\
                شستشوی تابلوهای اطلاعاتی\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item8-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="washing2-1" class="ml-3">\
                مترمربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="washing2-1" name="washing2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="washing3" name="washing">\
              <label for="washing3">\
                شستشوی جداول\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item8-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="washing3-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="washing3-1" name="washing3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="washing4" name="washing">\
              <label for="washing4">\
                شستشوی نیوجرسی ها\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item8-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="washing4-1" class="ml-3">\
               کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="washing4-1" name="washing4" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="washing5" name="washing">\
              <label for="washing5">\
                شستشوی گاردریل ها و هندریل ها\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item8-5" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="washing5-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="washing5-1" name="washing5" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="washing6" name="washing">\
              <label for="washing6">\
                شستشوی دیواره تونل ها\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item8-6" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="washing6-1" class="ml-3">\
                مترمربع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="washing6-1" name="washing6" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
          <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="washing7" name="washing">\
              <label for="washing7">\
           شستشوی تکیه گاه پل ها  \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item8-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="washin7-1" class="ml-3">\
                عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="washing7-1" name="washing7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 9: {
        subItems =
          '\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="securing1" name="securing">\
              <label for="securing1">\
                ایمن سازی سرگاردریل، موانع صلب، دماغه ها و موانع صلب\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item9-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="securing1-1" class="ml-3">\
                تعداد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="securing1-1" name="securing1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item" style="display :none">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="securing2" name="securing">\
              <label for="securing2">\
                ایمن سازی شیب شیروانی ها\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item9-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="securing2-1" class="ml-3">\
                کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="securing2-1" name="securing2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item" style="display:none">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="securing3" name="securing">\
              <label for="securing3">\
                اجرای استراحتگاه\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item9-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="securing3-1" class="ml-3">\
                باب:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="securing3-1" name="securing3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="securing4" name="securing">\
              <label for="securing4">\
                تعمیرات چراغ های آذرخشی و چشمک زن \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item9-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="securing4-1" class="ml-3">\
                دستگاه:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="securing4-1" name="securing4" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="securing5" name="securing">\
              <label for="securing5">\
              ایجاد شیارهای لرزاننده ی طولی در لاین کنار\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item9-5" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="securing5-1" class="ml-3">\
                کیلومتر - شیار:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="securing5-1" name="securing5" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
            <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="securing8" name="securing">\
              <label for="securing8">\
               ایجاد شیار های لرزاننده طولی در اکس راه های دو طرفه \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item9-8" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="securing8-1" class="ml-3">\
                کیلومتر - شیار:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="securing8-1" name="securing8" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="securing6" name="securing">\
              <label for="securing6">\
                ضربه گیر استوانه ای\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item9-6" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="securing6-1" class="ml-3">\
                عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="securing6-1" name="securing6" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="securing9" name="securing">\
              <label for="securing9">\
           استوانه ایمنی جهت هدایت ترافیک \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item9-9" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="securing9-1" class="ml-3">\
           عدد :\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="securing9-1" name="securing9" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="securing7" name="securing">\
              <label for="securing7">\
                نصب سرعت گیر استاندارد پلاستیکی\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item9-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="securing7-1" class="ml-3">\
                متر طول:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="securing7-1" name="securing7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
          <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="securing11" name="securing">\
              <label for="securing11">\
              احداث سرعت گیر آسفالتی \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item9-11" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="securing11-1" class="ml-3">\
                متر طول:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="securing11-1" name="securing7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
             <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="securing12" name="securing">\
              <label for="securing12">\
           اجرای هره خاکی نقطه ای  \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item9-12" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="securing12-1" class="ml-3">\
               موردی:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="securing12-1" name="securing7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
             <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="securing13" name="securing">\
              <label for="securing13">\
           اجرای هره خاکی طولی   \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item9-13" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="securing13-1" class="ml-3">\
               متر طول:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="securing13-1" name="securing3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="securing14" name="securing">\
              <label for="securing14">\
         تعریض مقطعی جهت خروج اضطراری در سراشیبی ها   \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item9-14" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="securing14-1" class="ml-3">\
               متر طول:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="securing14-1" name="securing14" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
            <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="securing15" name="securing">\
              <label for="securing15">\
حذف یا جابه جایی موانع صلب در حاشیه راه در محدوده عاری از مانع   \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item9-15" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="securing15-1" class="ml-3">\
                عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="securing15-1" name="securing15" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 10: {
        subItems =
          '\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="privacy1" name="privacy">\
              <label for="privacy1">\
               اخطار،تخریب،بازدیدو یا تهیه اطلاعات از ساخت و ساز در حریم\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item10-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="privacy1-1" class="ml-3">\
                مورد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="privacy1-1" name="privacy1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="privacy2" name="privacy">\
              <label for="privacy2">\
                اخطار ،تخریب،بازدیدو یا تهیه اطلاعات از راه دسترسی در حریم\
              </label>\
            </div>\
          </div>\
        </div>\
     <div class="col-sm-12 sub-item10-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="privacy2-1" class="ml-3">\
                مورد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="privacy2-1" name="privacy2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="privacy3" name="privacy">\
              <label for="privacy3">\
                 اخطار ،تخریب،بازدیدو یا تهیه اطلاعات از عبور تاسیسات زیربنایی در حریم \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item10-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="privacy3-1" class="ml-3">\
                مورد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="privacy3-1" name="privacy3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="privacy4" name="privacy">\
              <label for="privacy4">\
             برخورد با دستفروشان حاشیه راه\
              </label>\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item10-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="privacy4-1" class="ml-3">\
                مورد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="privacy4-1" name="privacy4" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
          <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="privacy5" name="privacy">\
              <label for="privacy5">\
            جمع آوری تابلوهای غیرمجاز در حاشیه راه ها \
              </label>\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item10-5" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="privacy5-1" class="ml-3">\
                مورد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="privacy5-1" name="privacy5" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
          <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="privacy6" name="privacy">\
              <label for="privacy6">\
       جمع آوری بنر های تبلیغاتی غیر مجاز  \
              </label>\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item10-6" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="privacy6-1" class="ml-3">\
                مورد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="privacy6-1" name="privacy6" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 11: {
        subItems =
          '\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="bridge1" name="bridge">\
              <label for="bridge1">\
               احداث یا مرمت قرنیز پل\
              </label>\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item11-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="bridge1-1" class="ml-3">\
                متر طول:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="bridge1-1" name="bridge1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="bridge2" name="bridge">\
              <label for="bridge2">\
              لوله گذاری آبروها\
              </label>\
            </div>\
          </div>\
        </div>\
          <div class="col-sm-12 sub-item11-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="bridge2-1" class="ml-3">\
                متر طول:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="bridge2-1" name="bridge2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="bridge3" name="bridge">\
              <label for="bridge3">\
               تطویل و رفع انسداد آبچکان پل ها \
              </label>\
            </div>\
          </div>\
        </div>\
          <div class="col-sm-12 sub-item11-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="bridge3-1" class="ml-3">\
                تعداد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="bridge3-1" name="bridge3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="bridge4" name="bridge">\
              <label for="bridge4">\
               بازسازی نرده پل \
              </label>\
            </div>\
          </div>\
        </div>\
          <div class="col-sm-12 sub-item11-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="bridge4-1" class="ml-3">\
                مترطول:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="bridge4-1" name="bridge4" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="bridge5" name="bridge">\
              <label for="bridge5">\
               تعمیرات آبرو شامل کوله دستک و دال\
              </label>\
            </div>\
          </div>\
        </div>\
          <div class="col-sm-12 sub-item11-5" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="bridge5-1" class="ml-3">\
                متر مکعب:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="bridge5-1" name="bridge5" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="bridge6" name="bridge">\
              <label for="bridge6">\
              مرمت و بازسازی درز انبساط\
              </label>\
            </div>\
          </div>\
        </div>\
          <div class="col-sm-12 sub-item11-6" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="bridge6-1" class="ml-3">\
                 عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="bridge6-1" name="bridge6" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="bridge7" name="bridge">\
              <label for="bridge7">\
            تعمیرات رادیه و برید\
              </label>\
            </div>\
          </div>\
        </div>\
          <div class="col-sm-12 sub-item11-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="bridge7-1" class="ml-3">\
                 مترمکعب:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="bridge7-1" name="bridge7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 12: {
        subItems =
          '\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="tunnel1" name="tunnel">\
              <label for="tunnel1">\
                زهکشی طاق تونل\
              </label>\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item12-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="tunnel1-1" class="ml-3">\
                 مورد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="tunnel1-1" name="tunnel1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="tunnel2" name="tunnel">\
              <label for="tunnel2">\
                مرمت و بازرسی آبروهای هدایت آب\
              </label>\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item12-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="tunnel2-1" class="ml-3">\
                 مترطول:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="tunnel2-1" name="tunnel2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="tunnel3" name="tunnel">\
              <label for="tunnel3">\
                لاینینگ\
              </label>\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item12-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="tunnel3-1" class="ml-3">\
                 متر مکعب:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="tunnel3-1" name="tunnel3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="tunnel4" name="tunnel">\
              <label for="tunnel4">\
                تعمیر و بازسازی گالری\
              </label>\
            </div>\
          </div>\
        </div>\
             <div class="col-sm-12 sub-item12-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="tunnel4-1" class="ml-3">\
                  عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="tunnel4-1" name="tunnel4" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="tunnel5" name="tunnel">\
              <label for="tunnel5">\
                گاباریت\
              </label>\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item12-5" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="tunnel5-1" class="ml-3">\
                  عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="tunnel5-1" name="tunnel5" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="tunnel6" name="tunnel">\
              <label for="tunnel6">\
                نگهداری دوربین ها و ابزار دقیق\
              </label>\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item12-6" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="tunnel6-1" class="ml-3">\
                  عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="tunnel6-1" name="tunnel6" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
          <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="tunnel7" name="tunnel">\
              <label for="tunnel7">\
              نگهداری تهویه تونل\
              </label>\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item12-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="tunnel7-1" class="ml-3">\
                  عدد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="tunnel7-1" name="tunnel7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 13: {
        subItems =
          '\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="winterOperation1" name="winterOperation">\
              <label for="winterOperation1">\
                عملیات یخ زدایی با شن و نمک پاشی\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item13-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="winterOperation1-1" class="ml-3">\
                کیلومتر - باند:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="winterOperation1-1" name="winterOperation1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="winterOperation2" name="winterOperation">\
              <label for="winterOperation2">\
                برف روبی      \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item13-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="winterOperation2-1" class="ml-3">\
                کیلومتر - باند:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="winterOperation2-1" name="winterOperation2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item" style="display:none">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="winterOperation3" name="winterOperation">\
              <label for="winterOperation3">\
                برف روبی با بولدوزر و ماشین برف خور\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item13-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="winterOperation3-1" class="ml-3">\
                کیلومتر - باند:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="winterOperation3-1" name="winterOperation3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item" style="display:none">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="winterOperation4" name="winterOperation">\
              <label for="winterOperation4">\
                برف روبی در شرایط کولاک و عدم دید\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item13-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="winterOperation4-1" class="ml-3">\
                کیلومتر - باند:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="winterOperation4-1" name="winterOperation4" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="winterOperation5" name="winterOperation">\
              <label for="winterOperation5">\
                میزان نمک شن و ماسه مصرفی \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item13-5" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="winterOperation5-1" class="ml-3">\
                تن:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="winterOperation5-1" name="winterOperation5" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item" style="display:none">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="winterOperation6" name="winterOperation">\
              <label for="winterOperation6">\
                ریزش برداری\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item13-6" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="winterOperation6-1" class="ml-3">\
                مقطع:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="winterOperation6-1" name="winterOperation6" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="winterOperation7" name="winterOperation">\
              <label for="winterOperation7">\
                مسافرین اسکان داده شده\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item13-7" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="winterOperation7-1" class="ml-3">\
                نفر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="winterOperation7-1" name="winterOperation7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="winterOperation8" name="winterOperation">\
              <label for="winterOperation8">\
                کمک رسانی به خودرو \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item13-8" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="winterOperation8-1" class="ml-3">\
                تعداد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="winterOperation8-1" name="winterOperation8" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 14: {
        subItems =
          '\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="machinery1" name="machinery">\
              <label for="machinery1">\
              بنزین مصرفی کل ماشین آلات فعال -ماهانه\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item14-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="machinery1-1" class="ml-3">\
                لیتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="machinery1-1" name="machinery1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="machinery2" name="machinery">\
              <label for="machinery2">\
             گازوئیل مصرفی کل ماشین آلات فعال - ماهانه\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item14-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="machinery2-1" class="ml-3">\
                لیتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="machinery2-1" name="machinery2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="machinery3" name="machinery">\
              <label for="machinery3">\
              مواد مصرفی نفتی و انواع روغن -ماهانه\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item14-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="machinery3-1" class="ml-3">\
                لیتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="machinery3-1" name="machinery3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="machinery4" name="machinery">\
              <label for="machinery4">\
                بازسازی و راه اندازی ماشین آلات\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item14-4 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="machinery4-1" class="ml-3">\
                تعداد دستگاه:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="machinery4-1" name="machinery4" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item" style="display:none">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="machinery5" name="machinery">\
              <label for="machinery5">\
                خرید ماشین آلات\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item14-5 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="machinery5-1" class="ml-3">\
                تعداد دستگاه:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="machinery5-1" name="machinery5" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item" style="display:none">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="machinery6" name="machinery">\
              <label for="machinery6">\
                خرید تجهیزآلات مرتبط به ماشین آلات\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item14-6 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="machinery6-1" class="ml-3">\
                تعداد دستگاه:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="machinery6-1" name="machinery6" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item" style="display:none">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="machinery7" name="machinery">\
              <label for="machinery7">\
                بازدید کارشناسان از ماشین آلات استان\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item14-7 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="machinery7-1" class="ml-3">\
                تعداد دستگاه:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="machinery7-1" name="machinery7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="machinery8" name="machinery">\
              <label for="machinery8">\
             سرویس کاری و تعمیرات جزئی روزانه \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item14-8" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="machinery8-1" class="ml-3">\
                تعداد دستگاه :\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="machinery8-1" name="machinery8" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="machinery9" name="machinery">\
              <label for="machinery9">\
             شستشو نمک پاش ها و سایر ماشین آلات \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item14-9" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="machinery9-1" class="ml-3">\
                تعداد دستگاه :\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="machinery9-1" name="machinery9" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="machinery10" name="machinery">\
              <label for="machinery10">\
           جابه جایی دستگاهای سنگین راهداری  \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item14-10" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="machinery10-1" class="ml-3">\
                مسافت کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="machinery10-1" name="machinery10" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 15: {
        subItems =
          '\
        <div class="col-sm-12 sub-item" style="display:none">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="tollhouse1" name="tollhouse">\
              <label for="tollhouse1">\
                راهدارخانه های بازسازی شده\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item15-1 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="tollhouse1-1" class="ml-3">\
                باب:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="tollhouse1-1" name="tollhouse1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="tollhouse4" name="tollhouse">\
              <label for="tollhouse4">\
               تعمیرات جزئی و موردی راهدارخانه ها \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item15-4 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="tollhouse4-1" class="ml-3">\
                مورد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="tollhouse4-1" name="tollhouse4" min="0" maxlength="7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item15-1 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="tollhouse1-2" class="ml-3">\
                هزینه:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="tollhouse1-2" name="tollhouse1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item" style="display:none">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="tollhouse2" name="tollhouse">\
              <label for="tollhouse2">\
                خرید تجهیزآلات مرتبط با راهدارخانه ها\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item15-2 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="tollhouse2-1" class="ml-3">\
                تعداد:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="tollhouse2-1" name="tollhouse2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item15-2 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="tollhouse2-2" class="ml-3">\
                نوع:\
              </label>\
              <input type="text" class="form-control text-center" style="width: 50%" id="tollhouse2-2" name="tollhouse2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="tollhouse3" name="tollhouse">\
              <label for="tollhouse3">\
                جلسات تشکیل شده در خصوص مدیریت بحران و پدافند غیرعامل\
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item15-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="tollhouse3-1" class="ml-3">توضیح:</label>\
              <textarea row="4" class="form-control" style="width: 70%; height: 120px; resize: none;" id="tollhouse3-1" name="tollhouse3"></textarea>\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 16: {
        subItems =
          '\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="emergency1" name="emergency">\
              <label for="emergency1">\
                پاک سازی سطح راه و رفع انسداد ناشی از ریزش کوه و سقوط بهمن\
              </label>\
            </div>\
          </div>\
        </div>\
         <div class="col-sm-12 sub-item16-1 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="emergency1-1" class="ml-3">\
                تعداد  محور:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="emergency1-1" name="emergency1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="emergency2" name="emergency">\
              <label for="emergency2">\
                برقراری تردد و رفع انسداد ناشی از وقوع تصادف یا واژگونی وسایط نقلیه و پخش محموله در سطح راه\
              </label>\
            </div>\
          </div>\
        </div>\
             <div class="col-sm-12 sub-item16-2 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="emergency2-1" class="ml-3">\
                تعداد  محور:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="emergency2-1" name="emergency2" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="emergency3" name="emergency">\
              <label for="emergency3">\
                برقراری ارتباط و رفع انسداد ناشی از شن های روان\
              </label>\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item16-3 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="emergency3-1" class="ml-3">\
                تعداد  محور:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="emergency3-1" name="emergency3" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="emergency4" name="emergency">\
              <label for="emergency4">\
                برقراری ارتباط در راه هایی که به دلیل آب بردگی دچار قطع ارتباط شده اند\
              </label>\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item16-4 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="emergency4-1" class="ml-3">\
                تعداد  محور:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="emergency4-1" name="emergency4" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="emergency5" name="emergency">\
              <label for="emergency5">\
                برقراری ارتباط موقت در راه هایی که به دلیل شکستگی پل یا ریزش تونل یا ... قطع شده اند\
              </label>\
            </div>\
          </div>\
        </div>\
          <div class="col-sm-12 sub-item16-5 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="emergency5-1" class="ml-3">\
                تعداد  محور:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="emergency5-1" name="emergency5" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="emergency6" name="emergency">\
              <label for="emergency6">\
                بستن راه و هدایت ترافیکی در مواقع اضطراری\
              </label>\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item16-6 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="emergency6-1" class="ml-3">\
                تعداد  محور:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="emergency6-1" name="emergency6" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
          <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="emergency7" name="emergency">\
              <label for="emergency7">\
               بازگشایی محور هایی که به علت کولاک مسدود شده اند\
              </label>\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item16-7 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="emergency7-1" class="ml-3">\
                تعداد  محور:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="emergency7-1" name="emergency7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
            <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="emergency8" name="emergency">\
              <label for="emergency8">\
              جابه جایی ماشین های سنگین گرفتار در سطح راه \
              </label>\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item16-8 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="emergency8-1" class="ml-3">\
                تعداد  دستگاه:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="emergency8-1" name="emergency8" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
               <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="emergency9" name="emergency">\
              <label for="emergency9">\
             لق گیری\
              </label>\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item16-9 mr-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="emergency9-1" class="ml-3">\
               تعداد محور:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="emergency9-1" name="emergency9" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
        ';
        break;
      }
      case 17: {
        subItems =
          '\
        <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="seeview1" name="seeview">\
              <label for="seeview1">\
             بازدید ادواری از ابنیه فنی و تکمیل چک لیست های مربوط توسط کارشناسان \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item17-1" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="seeview1-1" class="ml-3">\
                نفر-ساعت:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="seeview1-1" name="seeview1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="seeview2" name="seeview">\
              <label for="seeview2">\
            بازدید ادواری از وضعیت علائم و تعیین کسری علائم و ارزیابی وضعیت خط کشی ها تجهیزات روشنایی و تهویه تونلها و گاردریل و نظایر ان ها و تکمیل چک لیست ها توسط کارشناسان  \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item17-2" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="seeview2-1" class="ml-3">\
                نفر-ساعت:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="seeview2-1" name="seeview1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="seeview3" name="seeview">\
              <label for="seeview3">\
         ارزیابی ادواری وضعیت پایداری ترانشه ها و شیروانیها سیستم های زهکشی و ارزیابی علل ریزش ترانشه ها و علل شکست راه و تکمیل چک لیست توسط کارشناسان  \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item17-3" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="seeview3-1" class="ml-3">\
                نفر-ساعت:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="seeview3-1" name="seeview1" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="seeview4" name="seeview">\
              <label for="seeview4">\
             ارزیابی ادواری وضعیت رویه های آسفالتی و شانه ها و ارزیابی و کنترل ترکها و تکمیل چک لیستها توسط کارسناسان \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item17-4" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="seeview4-1" class="ml-3">\
              کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="seeview4-1" name="seeview4" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="seeview5" name="seeview">\
              <label for="seeview5">\
            بررسی وضعیت حریم راه و تهیه گزارش مربوط با تجهیر و اعزام کارشناس \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item17-5" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="seeview5-1" class="ml-3">\
               کیلومتر:\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="seeview5-1" name="seeview5" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
           <div class="col-sm-12 sub-item">\
          <div class="form-group radio-body clearfix">\
            <div class="icheck-primary d-inline">\
              <input type="checkbox" id="seeview6" name="seeview">\
              <label for="seeview6">\
           بازدید کارشناسان از ماشین آلات استان  \
              </label>\
            </div>\
          </div>\
        </div>\
        <div class="col-sm-12 sub-item17-6" style="display: none;">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-center align-items-center">\
              <label for="seeview6-1" class="ml-3">\
              تعداد دستگاه :\
              </label>\
              <input type="number" class="form-control text-center" style="width: 50%" id="seeview6-1" name="seeview6" min="0" maxlength="7" min="0" maxlength="7">\
            </div>\
          </div>\
        </div>\
      ';
        break;
      }
      case 20: {
        subItems =
          '\
        <div class="col-sm-12 sub-item17">\
          <div class="form-group radio-body clearfix">\
            <div class="d-flex justify-content-start align-items-center">\
              <label for="snowWatch" class="ml-3">توضیح:</label>\
              <textarea row="4" cols="45" class="form-control" style="height: 120px; resize: none;" id="snowWatch1" name="snowWatch"></textarea>\
            </div>\
          </div>\
        </div>\
      ';
        break;
      }
    }
    $(".sub-item-container").append(subItems);

    $("#uploadroaditem").modal({ backdrop: "static", keyboard: false });

    // Show modal
    $("#uploadroaditem").modal("show");

    // Load necessary scripts
    actionAfterShowModal(selectedItem);
  } else {
    // Don't allow user to select option without selecting location
  }
}

function actionAfterShowModal(index) {
  var myInput = document.querySelectorAll("input[type=number]");

  function keyAllowed(key) {
    var keys = [8, 9, 13, 16, 17, 18, 19, 20, 27, 46, 48, 49, 50,
      51, 52, 53, 54, 55, 56, 57, 91, 92, 93
    ];
    if (key && keys.indexOf(key) === -1)
      return false;
    else
      return true;
  }

  myInput.forEach(function (element) {
    element.addEventListener('keypress', function (e) {
      // alert("hiiiiiiiiiiiiiiiiiiiiiiii")
      var key = !isNaN(e.charCode) ? e.charCode : e.keyCode;
      if (!keyAllowed(key))
        e.preventDefault();
    }, false);

    // Disable pasting of non-numbers
    element.addEventListener('paste', function (e) {
      var pasteData = e.clipboardData.getData('text/plain');
      if (pasteData.match(/[^0-9]/))
        e.preventDefault();
    }, false);
  })
  switch (index) {
    //this this

    case 1: {
      let selectedSubItemsArray = selectedSubItems.split("-");
      // console.log(selectedSubItemsArray);

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 14; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="reconstruction' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            // console.log(key, value);
            $("#" + key).val(value);
          }
        }
      }

      $('input[id="reconstruction1"]').on("click", function () {
        $(".sub-item1-1").show("slow");
        for (let i = 1; i < 14; i++) {
          // if (i == 1) continue;
          if (!$("#reconstruction" + i).is(":checked")) {
            $(".sub-item1-" + i).hide("slow");
          }
        }
      });
      $('input[id="reconstruction2"]').on("click", function () {
        $(".sub-item1-2").show("slow");
        for (let i = 1; i < 14; i++) {
          // if (i == 2) continue;
          if (!$("#reconstruction" + i).is(":checked")) {
            $(".sub-item1-" + i).hide("slow");
          }
        }
      });
      $('input[id="reconstruction3"]').on("click", function () {
        $(".sub-item1-3").show("slow");
        for (let i = 1; i < 14; i++) {
          // if (i == 3) continue;
          if (!$("#reconstruction" + i).is(":checked")) {
            $(".sub-item1-" + i).hide("slow");
          }
        }
      });
      $('input[id="reconstruction4"]').on("click", function () {
        $(".sub-item1-4").show("slow");
        for (let i = 1; i < 14; i++) {
          // if (i == 4) continue;
          if (!$("#reconstruction" + i).is(":checked")) {
            $(".sub-item1-" + i).hide("slow");
          }
        }
      });
      $('input[id="reconstruction5"]').on("click", function () {
        $(".sub-item1-5").show("slow");
        for (let i = 1; i < 14; i++) {
          // if (i == 5) continue;
          if (!$("#reconstruction" + i).is(":checked")) {
            $(".sub-item1-" + i).hide("slow");
          }
        }
      });
      $('input[id="reconstruction6"]').on("click", function () {
        $(".sub-item1-6").show("slow");
        for (let i = 1; i < 14; i++) {
          // if (i == 6) continue;
          if (!$("#reconstruction" + i).is(":checked")) {
            $(".sub-item1-" + i).hide("slow");
          }
        }
      });
      $('input[id="reconstruction7"]').on("click", function () {
        $(".sub-item1-7").show("slow");
        for (let i = 1; i < 14; i++) {
          // if (i == 6) continue;
          if (!$("#reconstruction" + i).is(":checked")) {
            $(".sub-item1-" + i).hide("slow");
          }
        }
      });
      $('input[id="reconstruction8"]').on("click", function () {
        $(".sub-item1-8").show("slow"); 0
        for (let i = 1; i < 14; i++) {
          // if (i == 6) continue;
          if (!$("#reconstruction" + i).is(":checked")) {
            $(".sub-item1-" + i).hide("slow");
          }
        }
      });
      $('input[id="reconstruction9"]').on("click", function () {
        $(".sub-item1-9").show("slow");
        for (let i = 1; i < 14; i++) {
          // if (i == 6) continue;
          if (!$("#reconstruction" + i).is(":checked")) {
            $(".sub-item1-" + i).hide("slow");
          }
        }
      });
      $('input[id="reconstruction10"]').on("click", function () {
        $(".sub-item1-10").show("slow");
        for (let i = 1; i < 14; i++) {
          // if (i == 6) continue;
          if (!$("#reconstruction" + i).is(":checked")) {
            $(".sub-item1-" + i).hide("slow");
          }
        }
      });
      $('input[id="reconstruction11"]').on("click", function () {
        $(".sub-item1-11").show("slow");
        for (let i = 1; i < 14; i++) {
          // if (i == 6) continue;
          if (!$("#reconstruction" + i).is(":checked")) {
            $(".sub-item1-" + i).hide("slow");
          }
        }
      });
      $('input[id="reconstruction12"]').on("click", function () {
        $(".sub-item1-12").show("slow");
        for (let i = 1; i < 14; i++) {
          // if (i == 6) continue;
          if (!$("#reconstruction" + i).is(":checked")) {
            $(".sub-item1-" + i).hide("slow");
          }
        }
      });
      $('input[id="reconstruction13"]').on("click", function () {
        $(".sub-item1-13").show("slow");
        for (let i = 1; i < 14; i++) {
          // if (i == 6) continue;
          if (!$("#reconstruction" + i).is(":checked")) {
            $(".sub-item1-" + i).hide("slow");
          }
        }
      });


      break;
    }
    case 2: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 9; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="cleaning' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            // console.log(key, value);
            $("#" + key).val(value);
          }
        }
      }

      $('input[id="cleaning1"]').on("click", function () {
        $(".sub-item2-1").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 1) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning2"]').on("click", function () {
        $(".sub-item2-2").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 2) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning3"]').on("click", function () {
        $(".sub-item2-3").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 3) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning4"]').on("click", function () {
        $(".sub-item2-4").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 4) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning5"]').on("click", function () {
        $(".sub-item2-5").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 5) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning6"]').on("click", function () {
        $(".sub-item2-6").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 6) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning7"]').on("click", function () {
        $(".sub-item2-7").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 7) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning8"]').on("click", function () {
        $(".sub-item2-8").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 8) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning9"]').on("click", function () {
        $(".sub-item2-9").show("slow");
        for (let i = 1; i < 20; i++) {
          // if (i == 8) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning10"]').on("click", function () {
        $(".sub-item2-10").show("slow");
        for (let i = 1; i < 20; i++) {
          // if (i == 8) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning11"]').on("click", function () {
        $(".sub-item2-11").show("slow");
        for (let i = 1; i < 20; i++) {
          // if (i == 8) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning12"]').on("click", function () {
        $(".sub-item2-12").show("slow");
        for (let i = 1; i < 20; i++) {
          // if (i == 8) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning13"]').on("click", function () {
        $(".sub-item2-13").show("slow");
        for (let i = 1; i < 20; i++) {
          // if (i == 8) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning14"]').on("click", function () {
        $(".sub-item2-14").show("slow");
        for (let i = 1; i < 20; i++) {
          // if (i == 8) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning15"]').on("click", function () {
        $(".sub-item2-15").show("slow");
        for (let i = 1; i < 20; i++) {
          // if (i == 8) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning16"]').on("click", function () {
        $(".sub-item2-16").show("slow");
        for (let i = 1; i < 20; i++) {
          // if (i == 8) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning17"]').on("click", function () {
        $(".sub-item2-17").show("slow");
        for (let i = 1; i < 20; i++) {
          // if (i == 8) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning18"]').on("click", function () {
        $(".sub-item2-18").show("slow");
        for (let i = 1; i < 20; i++) {
          // if (i == 8) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      $('input[id="cleaning19"]').on("click", function () {
        $(".sub-item2-19").show("slow");
        for (let i = 1; i < 20; i++) {
          // if (i == 8) continue;
          if (!$("#cleaning" + i).is(":checked")) {
            $(".sub-item2-" + i).hide("slow");
          }
        }
      });
      break;
    }
    case 3: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 5; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="signs' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            // console.log(key, value);
            $("#" + key).val(value);
          }
        }
      }

      $('input[id="signs1"]').on("click", function () {
        $(".sub-item3-1").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 1) continue;
          if (!$("#signs" + i).is(":checked")) {
            $(".sub-item3-" + i).hide("slow");
          }
        }
      });
      $('input[id="signs2"]').on("click", function () {
        $(".sub-item3-2").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 2) continue;
          if (!$("#signs" + i).is(":checked")) {
            $(".sub-item3-" + i).hide("slow");
          }
        }
      });
      $('input[id="signs3"]').on("click", function () {
        $(".sub-item3-3").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 3) continue;
          if (!$("#signs" + i).is(":checked")) {
            $(".sub-item3-" + i).hide("slow");
          }
        }
      });
      $('input[id="signs4"]').on("click", function () {
        $(".sub-item3-4").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 4) continue;
          if (!$("#signs" + i).is(":checked")) {
            $(".sub-item3-" + i).hide("slow");
          }
        }
      });
      $('input[id="signs5"]').on("click", function () {
        $(".sub-item3-5").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 4) continue;
          if (!$("#signs" + i).is(":checked")) {
            $(".sub-item3-" + i).hide("slow");
          }
        }
      });
      $('input[id="signs6"]').on("click", function () {
        $(".sub-item3-6").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 4) continue;
          if (!$("#signs" + i).is(":checked")) {
            $(".sub-item3-" + i).hide("slow");
          }
        }
      });
      $('input[id="signs7"]').on("click", function () {
        $(".sub-item3-7").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 4) continue;
          if (!$("#signs" + i).is(":checked")) {
            $(".sub-item3-" + i).hide("slow");
          }
        }
      });
      $('input[id="signs8"]').on("click", function () {
        $(".sub-item3-8").show("slow");
        for (let i = 1; i < 9; i++) {
          // if (i == 4) continue;
          if (!$("#signs" + i).is(":checked")) {
            $(".sub-item3-" + i).hide("slow");
          }
        }
      });
      break;
    }
    case 4: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 4; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="shield' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            // console.log(key, value);
            if (value === true) {
              // Is RadioButton || Checkbox
              $("#" + key).prop("checked", true);
            } else {
              console.log(key, value);
              $("#" + key).val(value);
            }
          }
        }
      }

      $('input[id="shield1"]').on("click", function () {
        $(".sub-item4-1").show("slow");
        for (let i = 1; i < 4; i++) {
          // if (i == 1) continue;
          if (!$("#shield" + i).is(":checked")) {
            $(".sub-item4-" + i).hide("slow");
          }
        }
      });
      $('input[id="shield2"]').on("click", function () {
        $(".sub-item4-2").show("slow");
        for (let i = 1; i < 4; i++) {
          // if (i == 2) continue;
          if (!$("#shield" + i).is(":checked")) {
            $(".sub-item4-" + i).hide("slow");
          }
        }
      });
      $('input[id="shield3"]').on("click", function () {
        $(".sub-item4-3").show("slow");
        for (let i = 1; i < 4; i++) {
          // if (i == 3) continue;
          if (!$("#shield" + i).is(":checked")) {
            $(".sub-item4-" + i).hide("slow");
          }
        }
      });
      break;
    }
    case 5: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 12; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="lighting' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            if (value === true) {
              $("#" + key).prop("checked", true);
            } else {
              $("#" + key).val(value);
            }
          }
        }
      }

      $('input[id="lighting1"]').on("click", function () {
        $(".sub-item5-1").show("slow");
        for (let i = 1; i < 12; i++) {
          if (!$("#lighting" + i).is(":checked")) {
            $(".sub-item5-" + i).hide("slow");
          }
        }
      });
      $('input[id="lighting2"]').on("click", function () {
        $(".sub-item5-2").show("slow");
        for (let i = 1; i < 12; i++) {
          if (!$("#lighting" + i).is(":checked")) {
            $(".sub-item5-" + i).hide("slow");
          }
        }
      });
      $('input[id="lighting3"]').on("click", function () {
        $(".sub-item5-3").show("slow");
        for (let i = 1; i < 12; i++) {
          if (!$("#lighting" + i).is(":checked")) {
            $(".sub-item5-" + i).hide("slow");
          }
        }
      });
      $('input[id="lighting4"]').on("click", function () {
        $(".sub-item5-4").show("slow");
        for (let i = 1; i < 12; i++) {
          if (!$("#lighting" + i).is(":checked")) {
            $(".sub-item5-" + i).hide("slow");
          }
        }
      });
      $('input[id="lighting5"]').on("click", function () {
        $(".sub-item5-5").show("slow");
        for (let i = 1; i < 12; i++) {
          if (!$("#lighting" + i).is(":checked")) {
            $(".sub-item5-" + i).hide("slow");
          }
        }
      });
      $('input[id="lighting6"]').on("click", function () {
        $(".sub-item5-6").show("slow");
        for (let i = 1; i < 12; i++) {
          if (!$("#lighting" + i).is(":checked")) {
            $(".sub-item5-" + i).hide("slow");
          }
        }
      });
      $('input[id="lighting7"]').on("click", function () {
        $(".sub-item5-7").show("slow");
        for (let i = 1; i < 12; i++) {
          if (!$("#lighting" + i).is(":checked")) {
            $(".sub-item5-" + i).hide("slow");
          }
        }
      });
      $('input[id="lighting8"]').on("click", function () {
        $(".sub-item5-8").show("slow");
        for (let i = 1; i < 12; i++) {
          if (!$("#lighting" + i).is(":checked")) {
            $(".sub-item5-" + i).hide("slow");
          }
        }
      });
      $('input[id="lighting9"]').on("click", function () {
        $(".sub-item5-9").show("slow");
        for (let i = 1; i < 12; i++) {
          if (!$("#lighting" + i).is(":checked")) {
            $(".sub-item5-" + i).hide("slow");
          }
        }
      });
      $('input[id="lighting10"]').on("click", function () {
        $(".sub-item5-10").show("slow");
        for (let i = 1; i < 12; i++) {
          if (!$("#lighting" + i).is(":checked")) {
            $(".sub-item5-" + i).hide("slow");
          }
        }
      });
      $('input[id="lighting11"]').on("click", function () {
        $(".sub-item5-11").show("slow");
        for (let i = 1; i < 12; i++) {
          if (!$("#lighting" + i).is(":checked")) {
            $(".sub-item5-" + i).hide("slow");
          }
        }
      });
      break;
    }
    case 6: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 4; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="lining' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            // console.log(key, value);
            $("#" + key).val(value);
          }
        }
      }

      $('input[id="lining1"]').on("click", function () {
        $(".sub-item6-1").show("slow");
        for (let i = 1; i < 4; i++) {
          if (!$("#lining" + i).is(":checked")) {
            $(".sub-item6-" + i).hide("slow");
          }
        }
      });
      $('input[id="lining2"]').on("click", function () {
        $(".sub-item6-2").show("slow");
        for (let i = 1; i < 4; i++) {
          if (!$("#lining" + i).is(":checked")) {
            $(".sub-item6-" + i).hide("slow");
          }
        }
      });
      $('input[id="lining3"]').on("click", function () {
        $(".sub-item6-3").show("slow");
        for (let i = 1; i < 4; i++) {
          if (!$("#lining" + i).is(":checked")) {
            $(".sub-item6-" + i).hide("slow");
          }
        }
      });
      $('input[id="lining4"]').on("click", function () {
        $(".sub-item6-4").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#lining" + i).is(":checked")) {
            $(".sub-item6-" + i).hide("slow");
          }
        }
      });
      $('input[id="lining5"]').on("click", function () {
        $(".sub-item6-5").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#lining" + i).is(":checked")) {
            $(".sub-item6-" + i).hide("slow");
          }
        }
      });
      $('input[id="lining6"]').on("click", function () {
        $(".sub-item6-6").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#lining" + i).is(":checked")) {
            $(".sub-item6-" + i).hide("slow");
          }
        }
      });
      break;
    }
    case 7: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 7; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="coloring' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            // console.log(key, value);
            $("#" + key).val(value);
          }
        }
      }

      $('input[id="coloring1"]').on("click", function () {
        $(".sub-item7-1").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#coloring" + i).is(":checked")) {
            $(".sub-item7-" + i).hide("slow");
          }
        }
      });
      $('input[id="coloring2"]').on("click", function () {
        $(".sub-item7-2").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#coloring" + i).is(":checked")) {
            $(".sub-item7-" + i).hide("slow");
          }
        }
      });
      $('input[id="coloring3"]').on("click", function () {
        $(".sub-item7-3").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#coloring" + i).is(":checked")) {
            $(".sub-item7-" + i).hide("slow");
          }
        }
      });
      $('input[id="coloring4"]').on("click", function () {
        $(".sub-item7-4").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#coloring" + i).is(":checked")) {
            $(".sub-item7-" + i).hide("slow");
          }
        }
      });
      $('input[id="coloring5"]').on("click", function () {
        $(".sub-item7-5").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#coloring" + i).is(":checked")) {
            $(".sub-item7-" + i).hide("slow");
          }
        }
      });
      $('input[id="coloring6"]').on("click", function () {
        $(".sub-item7-6").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#coloring" + i).is(":checked")) {
            $(".sub-item7-" + i).hide("slow");
          }
        }
      });
      $('input[id="coloring7"]').on("click", function () {
        $(".sub-item7-7").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#coloring" + i).is(":checked")) {
            $(".sub-item7-" + i).hide("slow");
          }
        }
      });
      $('input[id="coloring8"]').on("click", function () {
        $(".sub-item7-8").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#coloring" + i).is(":checked")) {
            $(".sub-item7-" + i).hide("slow");
          }
        }
      });
      $('input[id="coloring9"]').on("click", function () {
        $(".sub-item7-9").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#coloring" + i).is(":checked")) {
            $(".sub-item7-" + i).hide("slow");
          }
        }
      });
      break;
    }
    ///yasi start bodo
    case 8: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 7; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="washing' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            // console.log(key, value);
            $("#" + key).val(value);
          }
        }
      }

      $('input[id="washing1"]').on("click", function () {
        $(".sub-item8-1").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#washing" + i).is(":checked")) {
            $(".sub-item8-" + i).hide("slow");
          }
        }
      });
      $('input[id="washing2"]').on("click", function () {
        $(".sub-item8-2").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#washing" + i).is(":checked")) {
            $(".sub-item8-" + i).hide("slow");
          }
        }
      });
      $('input[id="washing3"]').on("click", function () {
        $(".sub-item8-3").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#washing" + i).is(":checked")) {
            $(".sub-item8-" + i).hide("slow");
          }
        }
      });
      $('input[id="washing4"]').on("click", function () {
        $(".sub-item8-4").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#washing" + i).is(":checked")) {
            $(".sub-item8-" + i).hide("slow");
          }
        }
      });
      $('input[id="washing5"]').on("click", function () {
        $(".sub-item8-5").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#washing" + i).is(":checked")) {
            $(".sub-item8-" + i).hide("slow");
          }
        }
      });
      $('input[id="washing6"]').on("click", function () {
        $(".sub-item8-6").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#washing" + i).is(":checked")) {
            $(".sub-item8-" + i).hide("slow");
          }
        }
      });
      $('input[id="washing7"]').on("click", function () {
        $(".sub-item8-7").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#washing" + i).is(":checked")) {
            $(".sub-item8-" + i).hide("slow");
          }
        }
      });
      break;
    }
    case 9: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 8; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="securing' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            // console.log(key, value);
            $("#" + key).val(value);
          }
        }
      }

      $('input[id="securing1"]').on("click", function () {
        $(".sub-item9-1").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });
      $('input[id="securing2"]').on("click", function () {
        $(".sub-item9-2").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });
      $('input[id="securing3"]').on("click", function () {
        $(".sub-item9-3").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });
      $('input[id="securing4"]').on("click", function () {
        $(".sub-item9-4").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });
      $('input[id="securing5"]').on("click", function () {
        $(".sub-item9-5").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });
      $('input[id="securing6"]').on("click", function () {
        $(".sub-item9-6").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });
      $('input[id="securing7"]').on("click", function () {
        $(".sub-item9-7").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });
      $('input[id="securing8"]').on("click", function () {
        $(".sub-item9-8").show("slow");
        for (let i = 1; i < 16; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });
      $('input[id="securing9"]').on("click", function () {
        $(".sub-item9-9").show("slow");
        for (let i = 1; i < 16; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });
      $('input[id="securing10"]').on("click", function () {
        $(".sub-item9-10").show("slow");
        for (let i = 1; i < 16; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });
      $('input[id="securing11"]').on("click", function () {
        $(".sub-item9-11").show("slow");
        for (let i = 1; i < 16; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });
      $('input[id="securing12"]').on("click", function () {
        $(".sub-item9-12").show("slow");
        for (let i = 1; i < 16; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });
      $('input[id="securing13"]').on("click", function () {
        $(".sub-item9-13").show("slow");
        for (let i = 1; i < 16; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });
      $('input[id="securing14"]').on("click", function () {
        $(".sub-item9-14").show("slow");
        for (let i = 1; i < 16; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });
      $('input[id="securing15"]').on("click", function () {
        $(".sub-item9-15").show("slow");
        for (let i = 1; i < 16; i++) {
          if (!$("#securing" + i).is(":checked")) {
            $(".sub-item9-" + i).hide("slow");
          }
        }
      });

      break;
    }
    case 10: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 7; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="privacy' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            $("#" + key).prop("checked", true);
          }
        }
      }

      $('input[id="privacy1"]').on("click", function () {
        $(".sub-item10-1").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#privacy" + i).is(":checked")) {
            $(".sub-item10-" + i).hide("slow");
          }
        }
      });
      $('input[id="privacy2"]').on("click", function () {
        $(".sub-item10-2").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#privacy" + i).is(":checked")) {
            $(".sub-item10-" + i).hide("slow");
          }
        }
      });
      $('input[id="privacy3"]').on("click", function () {
        $(".sub-item10-3").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#privacy" + i).is(":checked")) {
            $(".sub-item10-" + i).hide("slow");
          }
        }
      });
      $('input[id="privacy4"]').on("click", function () {
        $(".sub-item10-4").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#privacy" + i).is(":checked")) {
            $(".sub-item10-" + i).hide("slow");
          }
        }
      });
      $('input[id="privacy5"]').on("click", function () {
        $(".sub-item10-5").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#privacy" + i).is(":checked")) {
            $(".sub-item10-" + i).hide("slow");
          }
        }
      });
      $('input[id="privacy6"]').on("click", function () {
        $(".sub-item10-6").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#privacy" + i).is(":checked")) {
            $(".sub-item10-" + i).hide("slow");
          }
        }
      });
      break;
    }
    case 11: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 8; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="bridge' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            $("#" + key).prop("checked", true);
          }
        }
      }

      $('input[id="bridge1"]').on("click", function () {
        $(".sub-item11-1").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#bridge" + i).is(":checked")) {
            $(".sub-item11-" + i).hide("slow");
          }
        }
      });
      $('input[id="bridge2"]').on("click", function () {
        $(".sub-item11-2").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#bridge" + i).is(":checked")) {
            $(".sub-item11-" + i).hide("slow");
          }
        }
      });
      $('input[id="bridge3"]').on("click", function () {
        $(".sub-item11-3").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#bridge" + i).is(":checked")) {
            $(".sub-item11-" + i).hide("slow");
          }
        }
      });
      $('input[id="bridge4"]').on("click", function () {
        $(".sub-item11-4").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#bridge" + i).is(":checked")) {
            $(".sub-item11-" + i).hide("slow");
          }
        }
      });
      $('input[id="bridge5"]').on("click", function () {
        $(".sub-item11-5").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#bridge" + i).is(":checked")) {
            $(".sub-item11-" + i).hide("slow");
          }
        }
      });
      $('input[id="bridge6"]').on("click", function () {
        $(".sub-item11-6").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#bridge" + i).is(":checked")) {
            $(".sub-item11-" + i).hide("slow");
          }
        }
      });
      $('input[id="bridge7"]').on("click", function () {
        $(".sub-item11-7").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#bridge" + i).is(":checked")) {
            $(".sub-item11-" + i).hide("slow");
          }
        }
      });
      break;
    }
    case 12: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 8; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="tunnel' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            $("#" + key).prop("checked", true);
          }
        }
      }

      $('input[id="tunnel1"]').on("click", function () {
        $(".sub-item12-1").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#tunnel" + i).is(":checked")) {
            $(".sub-item12-" + i).hide("slow");
          }
        }
      });
      $('input[id="tunnel2"]').on("click", function () {
        $(".sub-item12-2").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#tunnel" + i).is(":checked")) {
            $(".sub-item12-" + i).hide("slow");
          }
        }
      });
      $('input[id="tunnel3"]').on("click", function () {
        $(".sub-item12-3").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#tunnel" + i).is(":checked")) {
            $(".sub-item12-" + i).hide("slow");
          }
        }
      });
      $('input[id="tunnel4"]').on("click", function () {
        $(".sub-item12-4").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#tunnel" + i).is(":checked")) {
            $(".sub-item12-" + i).hide("slow");
          }
        }
      });
      $('input[id="tunnel5"]').on("click", function () {
        $(".sub-item12-5").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#tunnel" + i).is(":checked")) {
            $(".sub-item12-" + i).hide("slow");
          }
        }
      });
      $('input[id="tunnel6"]').on("click", function () {
        $(".sub-item12-6").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#tunnel" + i).is(":checked")) {
            $(".sub-item12-" + i).hide("slow");
          }
        }
      });
      $('input[id="tunnel7"]').on("click", function () {
        $(".sub-item12-7").show("slow");
        for (let i = 1; i < 8; i++) {
          if (!$("#tunnel" + i).is(":checked")) {
            $(".sub-item12-" + i).hide("slow");
          }
        }
      });
      break;
    }
    case 13: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 9; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="winterOperation' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            // console.log(key, value);
            $("#" + key).val(value);
          }
        }
      }

      $('input[id="winterOperation1"]').on("click", function () {
        $(".sub-item13-1").show("slow");
        for (let i = 1; i < 9; i++) {
          if (!$("#winterOperation" + i).is(":checked")) {
            $(".sub-item13-" + i).hide("slow");
          }
        }
      });
      $('input[id="winterOperation2"]').on("click", function () {
        $(".sub-item13-2").show("slow");
        for (let i = 1; i < 9; i++) {
          if (!$("#winterOperation" + i).is(":checked")) {
            $(".sub-item13-" + i).hide("slow");
          }
        }
      });
      $('input[id="winterOperation3"]').on("click", function () {
        $(".sub-item13-3").show("slow");
        for (let i = 1; i < 9; i++) {
          if (!$("#winterOperation" + i).is(":checked")) {
            $(".sub-item13-" + i).hide("slow");
          }
        }
      });
      $('input[id="winterOperation4"]').on("click", function () {
        $(".sub-item13-4").show("slow");
        for (let i = 1; i < 9; i++) {
          if (!$("#winterOperation" + i).is(":checked")) {
            $(".sub-item13-" + i).hide("slow");
          }
        }
      });
      $('input[id="winterOperation5"]').on("click", function () {
        $(".sub-item13-5").show("slow");
        for (let i = 1; i < 9; i++) {
          if (!$("#winterOperation" + i).is(":checked")) {
            $(".sub-item13-" + i).hide("slow");
          }
        }
      });
      $('input[id="winterOperation6"]').on("click", function () {
        $(".sub-item13-6").show("slow");
        for (let i = 1; i < 9; i++) {
          if (!$("#winterOperation" + i).is(":checked")) {
            $(".sub-item13-" + i).hide("slow");
          }
        }
      });
      $('input[id="winterOperation7"]').on("click", function () {
        $(".sub-item13-7").show("slow");
        for (let i = 1; i < 9; i++) {
          if (!$("#winterOperation" + i).is(":checked")) {
            $(".sub-item13-" + i).hide("slow");
          }
        }
      });
      $('input[id="winterOperation8"]').on("click", function () {
        $(".sub-item13-8").show("slow");
        for (let i = 1; i < 9; i++) {
          if (!$("#winterOperation" + i).is(":checked")) {
            $(".sub-item13-" + i).hide("slow");
          }
        }
      });
      break;
    }
    case 14: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 8; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="machinery' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            // console.log(key, value);
            $("#" + key).val(value);
          }
        }
      }

      $('input[id="machinery1"]').on("click", function () {
        $(".sub-item14-1").show("slow");
        for (let i = 1; i < 11; i++) {
          if (!$("#machinery" + i).is(":checked")) {
            $(".sub-item14-" + i).hide("slow");
          }
        }
      });
      $('input[id="machinery2"]').on("click", function () {
        $(".sub-item14-2").show("slow");
        for (let i = 1; i < 11; i++) {
          if (!$("#machinery" + i).is(":checked")) {
            $(".sub-item14-" + i).hide("slow");
          }
        }
      });
      $('input[id="machinery3"]').on("click", function () {
        $(".sub-item14-3").show("slow");
        for (let i = 1; i < 11; i++) {
          if (!$("#machinery" + i).is(":checked")) {
            $(".sub-item14-" + i).hide("slow");
          }
        }
      });
      $('input[id="machinery4"]').on("click", function () {
        $(".sub-item14-4").show("slow");
        for (let i = 1; i < 11; i++) {
          if (!$("#machinery" + i).is(":checked")) {
            $(".sub-item14-" + i).hide("slow");
          }
        }
      });
      $('input[id="machinery5"]').on("click", function () {
        $(".sub-item14-5").show("slow");
        for (let i = 1; i < 11; i++) {
          if (!$("#machinery" + i).is(":checked")) {
            $(".sub-item14-" + i).hide("slow");
          }
        }
      });
      $('input[id="machinery6"]').on("click", function () {
        $(".sub-item14-6").show("slow");
        for (let i = 1; i < 11; i++) {
          if (!$("#machinery" + i).is(":checked")) {
            $(".sub-item14-" + i).hide("slow");
          }
        }
      });
      $('input[id="machinery7"]').on("click", function () {
        $(".sub-item14-7").show("slow");
        for (let i = 1; i < 11; i++) {
          if (!$("#machinery" + i).is(":checked")) {
            $(".sub-item14-" + i).hide("slow");
          }
        }
      });
      $('input[id="machinery8"]').on("click", function () {
        $(".sub-item14-8").show("slow");
        for (let i = 1; i < 11; i++) {
          if (!$("#machinery" + i).is(":checked")) {
            $(".sub-item14-" + i).hide("slow");
          }
        }
      });
      $('input[id="machinery9"]').on("click", function () {
        $(".sub-item14-9").show("slow");
        for (let i = 1; i < 11; i++) {
          if (!$("#machinery" + i).is(":checked")) {
            $(".sub-item14-" + i).hide("slow");
          }
        }
      });
      $('input[id="machinery10"]').on("click", function () {
        $(".sub-item14-10").show("slow");
        for (let i = 1; i < 11; i++) {
          if (!$("#machinery" + i).is(":checked")) {
            $(".sub-item14-" + i).hide("slow");
          }
        }
      });
      break;
    }
    case 15: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 4; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="tollhouse' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            // console.log(key, value);
            $("#" + key).val(value);
          }
        }
      }

      $('input[id="tollhouse1"]').on("click", function () {
        $(".sub-item15-1").show("slow");
        for (let i = 1; i < 5; i++) {
          if (!$("#tollhouse" + i).is(":checked")) {
            $(".sub-item15-" + i).hide("slow");
          }
        }
      });
      $('input[id="tollhouse2"]').on("click", function () {
        $(".sub-item15-2").show("slow");
        for (let i = 1; i < 5; i++) {
          if (!$("#tollhouse" + i).is(":checked")) {
            $(".sub-item15-" + i).hide("slow");
          }
        }
      });
      $('input[id="tollhouse3"]').on("click", function () {
        $(".sub-item15-3").show("slow");
        for (let i = 1; i < 5; i++) {
          if (!$("#tollhouse" + i).is(":checked")) {
            $(".sub-item15-" + i).hide("slow");
          }
        }
      });
      $('input[id="tollhouse4"]').on("click", function () {
        $(".sub-item15-4").show("slow");
        for (let i = 1; i < 5; i++) {
          if (!$("#tollhouse" + i).is(":checked")) {
            $(".sub-item15-" + i).hide("slow");
          }
        }
      });
      break;
    }
    case 16: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 10; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="emergency' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            // console.log(key, value);
            $("#" + key).val(value);
          }
        }
      }

      $('input[id="emergency1"]').on("click", function () {
        $(".sub-item16-1").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#emergency" + i).is(":checked")) {
            $(".sub-item16-" + i).hide("slow");
          }
        }
      });
      $('input[id="emergency2"]').on("click", function () {
        $(".sub-item16-2").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#emergency" + i).is(":checked")) {
            $(".sub-item16-" + i).hide("slow");
          }
        }
      });
      $('input[id="emergency3"]').on("click", function () {
        $(".sub-item16-3").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#emergency" + i).is(":checked")) {
            $(".sub-item16-" + i).hide("slow");
          }
        }
      });
      $('input[id="emergency4"]').on("click", function () {
        $(".sub-item16-4").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#emergency" + i).is(":checked")) {
            $(".sub-item16-" + i).hide("slow");
          }
        }
      });
      $('input[id="emergency5"]').on("click", function () {
        $(".sub-item16-5").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#emergency" + i).is(":checked")) {
            $(".sub-item16-" + i).hide("slow");
          }
        }
      });
      $('input[id="emergency6"]').on("click", function () {
        $(".sub-item16-6").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#emergency" + i).is(":checked")) {
            $(".sub-item16-" + i).hide("slow");
          }
        }
      });
      $('input[id="emergency7"]').on("click", function () {
        $(".sub-item16-7").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#emergency" + i).is(":checked")) {
            $(".sub-item16-" + i).hide("slow");
          }
        }
      });
      $('input[id="emergency8"]').on("click", function () {
        $(".sub-item16-8").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#emergency" + i).is(":checked")) {
            $(".sub-item16-" + i).hide("slow");
          }
        }
      });
      $('input[id="emergency9"]').on("click", function () {
        $(".sub-item16-9").show("slow");
        for (let i = 1; i < 10; i++) {
          if (!$("#emergency" + i).is(":checked")) {
            $(".sub-item16-" + i).hide("slow");
          }
        }
      });
      break;
    }
    case 17: {
      let selectedSubItemsArray = selectedSubItems.split("-");

      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        for (let i = 1; i < 7; i++) {
          if (selectedSubItemsArray.indexOf(i.toString()) != -1) {
            $('input[id="seeview' + i + '"]').prop("checked", true);
            $(".sub-item" + index + "-" + i).show("slow");
          }
        }

        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            // console.log(key, value);
            $("#" + key).val(value);
          }
        }
      }

      $('input[id="seeview1"]').on("click", function () {
        $(".sub-item17-1").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#seeview" + i).is(":checked")) {
            $(".sub-item17-" + i).hide("slow");
          }
        }
      });
      $('input[id="seeview2"]').on("click", function () {
        $(".sub-item17-2").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#seeview" + i).is(":checked")) {
            $(".sub-item17-" + i).hide("slow");
          }
        }
      });
      $('input[id="seeview3"]').on("click", function () {
        $(".sub-item17-3").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#seeview" + i).is(":checked")) {
            $(".sub-item17-" + i).hide("slow");
          }
        }
      });
      $('input[id="seeview4"]').on("click", function () {
        $(".sub-item17-4").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#seeview" + i).is(":checked")) {
            $(".sub-item17-" + i).hide("slow");
          }
        }
      });
      $('input[id="seeview5"]').on("click", function () {
        $(".sub-item17-5").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#seeview" + i).is(":checked")) {
            $(".sub-item17-" + i).hide("slow");
          }
        }
      });
      $('input[id="seeview6"]').on("click", function () {
        $(".sub-item17-6").show("slow");
        for (let i = 1; i < 7; i++) {
          if (!$("#seeview" + i).is(":checked")) {
            $(".sub-item17-" + i).hide("slow");
          }
        }
      });

      break;
    }
    case 20: {
      if (
        selectedItem == previousSelectedItem ||
        (itemsData != null && selectedItem == itemsData.item)
      ) {
        if (!$.isEmptyObject(subItemsData)) {
          for (const [key, value] of Object.entries(subItemsData)) {
            $("#" + key).val(value);
          }
        }
      }
      break;
    }
  }
}

// Next button click on items modal
//yasiiiiii modal change 
$("#uploadroaditem .btn-next").on("click", function () {
  switch (selectedItem) {
    case 1: {
      saveSelectedSubItems(13, "reconstruction");
      break;
    }
    case 2: {
      saveSelectedSubItems(19, "cleaning");
      break;
    }
    case 3: {
      saveSelectedSubItems(8, "signs");
      break;
    }
    case 4: {
      saveSelectedSubItems(3, "shield");
      break;
    }
    case 5: {
      saveSelectedSubItems(11, "lighting");
      break;
    }
    case 6: {
      saveSelectedSubItems(6, "lining");
      break;
    }
    case 7: {
      saveSelectedSubItems(9, "coloring");
      break;
    }
    case 8: {
      saveSelectedSubItems(7, "washing");
      break;
    }
    case 9: {
      saveSelectedSubItems(15, "securing");
      break;
    }
    case 10: {
      saveSelectedSubItems(6, "privacy");
      break;
    }
    case 11: {
      saveSelectedSubItems(7, "bridge");
      break;
    }
    case 12: {
      saveSelectedSubItems(7, "tunnel");
      break;
    }
    case 13: {
      saveSelectedSubItems(8, "winterOperation");
      break;
    }
    case 14: {
      saveSelectedSubItems(10, "machinery");
      break;
    }
    case 15: {
      saveSelectedSubItems(4, "tollhouse");
      break;
    }
    case 16: {
      saveSelectedSubItems(9, "emergency");
      break;
    }
    case 17: {
      saveSelectedSubItems(6, "seeview");
      break;
    }
    case 20: {
      saveSelectedSubItems(0, "snowWatch");
      break;
    }
    case 19: {
      //saveSelectedSubItems();
      break;
    }
  }
});

$("#uploadroaditem .btn-prev").on("click", function () {
  // subItemsData = {};
  // selectedSubItems = "";
  if ($("#uploadroaditem .btn-create").css("display") == "none") {
    $("#uploadroaditem").modal("hide");
    $("#vertical-menu").modal("show");
  } else {
    previousSelectedItem = selectedItem;
    $("#uploadroaditem .btn-next").show();
    $("#uploadroaditem .btn-create").hide();
    showSecondModal();
  }
});

function clearData() {
  // subItemsData = {};
  // selectedSubItems = "";
  $("#uploadroaditem .btn-next").show();
  $("#uploadroaditem .btn-create").hide();
}

function setSubItem(name, value) {
  subItemsData[name] = value;
  // console.log(subItemsData);
}

function saveSelectedSubItems(
  selectedItemIndex = null,
  selectedItemName = null
) {
  valuevarification = [];
  // Clear subItem & subItemData if they exist
  subItemsData = {};
  selectedSubItems = "";

  if (selectedItem < 17) {
    for (let i = 1; i <= selectedItemIndex; i++) {
      if ($("#" + selectedItemName + i).is(":checked"))
        selectedSubItems += i + "-";
    }
  } else {
    selectedSubItems += 1 + "-";
  }

  // console.log("selectedItem: ", selectedItem);
  // console.log("selectedSubItems: ", selectedSubItems);

  hasSubItemGotValue = true;
  rookeshError = false;
  switch (selectedItem) {
    case 1: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if (i == 7) {
            if (!$('.sub-item1-7 input[type="checkbox"]').is(":checked")) {
              rookeshError = true;
            } else {
              rookeshError = false;
              for (let j = 0; j < 11; j++) {
                if ($("#" + selectedItemName + "7-" + j).is(":checked")) {
                  if (
                    (value = $("#" + selectedItemName + "7-" + j + "-1").val())
                  ) {
                    valuevarification.push(value)

                    setSubItem(selectedItemName + i + "-" + j + "-1", value);
                  } else hasSubItemGotValue = false;
                  if (
                    (value = $("#" + selectedItemName + "7-" + j + "-2").val())
                  ) {
                    valuevarification.push(value)

                    setSubItem(selectedItemName + i + "-" + j + "-2", value);
                  } else hasSubItemGotValue = false;
                }
              }
            }
          } else {
            if ((value = $("#" + selectedItemName + i + "-1").val())) {
              valuevarification.push(value)
              setSubItem(selectedItemName + i + "-1", value);
            } else hasSubItemGotValue = false;
          }
        }
      }
      break;
    }
    case 2: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-1", value);
          } else hasSubItemGotValue = false;
        }
      }
      break;
    }
    case 3: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-1", value);
          } else hasSubItemGotValue = false;
        }
      }
      break;
    }
    case 4: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-2-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-2-1", value);
          } else hasSubItemGotValue = false;
        }
      }
      // console.log(subItemsData);
      break;
    }
    case 5: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-2-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-2-1", value);
          } else hasSubItemGotValue = false;
        }
      }
      break;
    }
    case 6: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-1", value);
          } else hasSubItemGotValue = false;
        }
      }
      break;
    }
    case 7: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-1", value);
          } else hasSubItemGotValue = false;
        }
      }
      break;
    }
    case 8: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-1", value);
          } else hasSubItemGotValue = false;
        }
      }
      break;
    }
    case 9: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-1", value);
          } else hasSubItemGotValue = false;
        }
      }
      break;
    }
    case 10: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-1", value);
          } else hasSubItemGotValue = false;
        }
      }
      break;
    }
    case 11: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-1", value);
          } else hasSubItemGotValue = false;
        }
      }
      break;
    }
    case 12: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-1", value);
          } else hasSubItemGotValue = false;
        }
      }
      break;
    }
    case 13: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-1", value);
          } else hasSubItemGotValue = false;
        }
      }

      break;
    }
    case 14: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-1", value);
          } else hasSubItemGotValue = false;
        }
      }

      break;
    }
    case 15: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if (i == 3) {
            if ((value = $("#" + selectedItemName + i + "-1").val())) {
              valuevarification.push(value)
              setSubItem(selectedItemName + i + "-1", value);
            } else hasSubItemGotValue = false;
          }
          else if (i == 4) {
            if ((value = $("#" + selectedItemName + i + "-1").val())) {
              valuevarification.push(value)
              setSubItem(selectedItemName + i + "-1", value);
            } else hasSubItemGotValue = false;
          }
          else {
            // Others have 2 subitem data
            for (let j = 1; j < 3; j++) {
              if ((value = $("#" + selectedItemName + i + "-" + j).val())) {
                // console.log(j);
                valuevarification.push(value)
                setSubItem(selectedItemName + i + "-" + j, value);
              } else hasSubItemGotValue = false;
            }
          }
        }
      }
      break;
    }
    case 16: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-1", value);
          } else hasSubItemGotValue = false;
        }
      }

      break;
    }
    case 17: {
      for (let i = 1; i <= selectedItemIndex; i++) {
        if ($("#" + selectedItemName + i).is(":checked")) {
          if ((value = $("#" + selectedItemName + i + "-1").val())) {
            // console.log(value);
            valuevarification.push(value)
            setSubItem(selectedItemName + i + "-1", value);
          } else hasSubItemGotValue = false;
        }
      }

      break;
    }
    case 20: {
      if ((value = $("#" + selectedItemName + "1").val())) {
        // console.log(value);
        valuevarification.push(value)
        setSubItem(selectedItemName + "1", value);
      } else hasSubItemGotValue = false;
      break;
    }
  }

  let selectedSubItemsArray = selectedSubItems.split("-");
  // console.log("selectedSubItemsArray: ", selectedSubItemsArray);

  if (selectedItem == 1 && rookeshError) {
    alert("یک یا چند مورد از آیتم روکش را انتخاب کنید!");
  } else if (
    selectedSubItemsArray.length < 1 ||
    selectedSubItemsArray[0] == ""
  ) {
    console.log("selectedSubItemsArray[0]", selectedSubItemsArray[0], selectedSubItemsArray.length)
    alert("یک یا چند مورد را انتخاب کنید!");
  } else {
    var selectedlenght = selectedSubItemsArray.length - 1
    var selectedvalue = valuevarification.length

    if (selectedlenght == selectedvalue) {

      showUploadPhotoModal();
    }
    else {
      console.log("selectedSubItemsArray", selectedSubItemsArray, valuevarification)
      console.log("selectedlenght", selectedlenght, selectedvalue)
      alert("لطفا تمامی مقادیر را وارد کنید ");
    }

  }
}

function showUploadPhotoModal() {
  $("#uploadroaditem").modal("hide");

  setTimeout(function () {
    $("#uploadroaditem .btn-next").hide();
    $("#uploadroaditem .btn-create").show();
    $("#uploadroaditem .modal-title").text("آپلود فایل‌های موردنیاز");
    $("#uploadroaditem .row.sub-item-container").empty();
    addUploadFormToModal();
    $("#uploadroaditem").modal("show");
  }, 350);
}

function addUploadFormToModal() {
  let formItem =
    '\
    <div class="col-sm-12 sub-item" style="display:flex">\
      <div class="form-group col-sm-6 clearfix">\
        <label class="file-input-modal-container">\
          <div class="file-input-modal">قبل از اقدام</div>\
          <input class="file-input" type="file" name="modalUpFile" multiple onChange="showUploadedFiles(this)">\
        </label>\
        <div id="uploadedItems">\
        </div>\
      </div>\
      <div class="form-group col-sm-6 clearfix">\
      <label class="file-input-modal-container">\
        <div class="file-input-modal">بعد از اقدام </div>\
        <input class="file-input" type="file" name="modalUpFile" multiple onChange="showUploadedFiless(this)">\
      </label>\
      <div id="uploadedItemss">\
      </div>\
    </div>\
    </div>\
    ';

  $("#uploadroaditem .row.sub-item-container").append(formItem);
}

function showUploadedFiles(input) {
  if (input.files) {
    // var reader = new FileReader();

    // reader.onload = function (e) {
    //   $('#uploadedItems')
    //     .append(input.value);
    // };

    for (let index = 0; index < input.files.length; index++) {
      $("#uploadedItems").append(
        '\
        <div class="row" id="item-' +
        index +
        '">\
        <div class="col-md-6"><span style="margin-right: 12px;">نام: </span><span>' +
        input.files[index].name +
        '</span></div>\
        <div class="col-md-4"><span style="margin-right: 12px;">حجم: </span><span>' +
        input.files[index].size / 1000 +
        'KB</span></div>\
        <div class="col-md-2"><span style="margin-right: 12px; cursor: pointer">&#10006;</span><br></div>\
        </div>\
      '
      );
    }


    // console.log("input.files:");
    // console.log(input.files);

    // reader.readAsDataURL(input.files[0]);
  }
}
function showUploadedFiless(input) {
  if (input.files) {
    // var reader = new FileReader();

    // reader.onload = function (e) {
    //   $('#uploadedItems')
    //     .append(input.value);
    // };

    for (let index = 0; index < input.files.length; index++) {
      $("#uploadedItemss").append(
        '\
        <div class="row" id="item-' +
        index +
        '">\
        <div class="col-md-6"><span style="margin-right: 12px;">نام: </span><span>' +
        input.files[index].name +
        '</span></div>\
        <div class="col-md-4"><span style="margin-right: 12px;">حجم: </span><span>' +
        input.files[index].size / 1000 +
        'KB</span></div>\
        <div class="col-md-2"><span style="margin-right: 12px; cursor: pointer">&#10006;</span><br></div>\
        </div>\
      '
      );
    }


    // console.log("input.files:");
    // console.log(input.files);

    // reader.readAsDataURL(input.files[0]);
  }
}
$("#uploadroaditem .btn-create").on("click", function () {
  let formData = new FormData();
  console.log("selectedItem", selectedItem)
  console.log("selectedSubItems", selectedSubItems)
  if (sourceLat != null && sourceLng != null)
    formData.append("source_coordinates", [sourceLat, sourceLng]);
  if (destLat != null && destLng != null)
    formData.append("dest_coordinates", [destLat, destLng]);
  if (saveTotalDistance != null)
    formData.append("total_distance", saveTotalDistance);
  if (selectedItem != null) formData.append("item", selectedItem);
  if (selectedSubItems != null) formData.append("sub_items", selectedSubItems);
  let subItemsDataStr = JSON.stringify(subItemsData);
  console.log("subItemsDataStr", subItemsDataStr)

  if (subItemsDataStr.length > 2) {
    formData.append("sub_items_data", subItemsDataStr);
  }

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

  // console.log("selectedItem: ", selectedItem);
  // console.log("selectedSubItems: ", selectedSubItems);
  // console.log("subItemsData: ", subItemsData);
  for (var pair of formData.entries()) {
    console.log(pair[0] + ', ' + pair[1]);
  }
  let reqUrl = "";

  if (itemsData == null) {
    reqUrl = "/road-items";
  } else reqUrl = "/projects/road-items/" + requestId;

  showLoaderScreen();
  $("#uploadroaditem .btn-create").prop("disabled", true);
  $("#uploadroaditem").modal("hide");
  console.log("formdataaaa", formData)
  for (var value of formData.values()) {
    console.log(value);
  }
  $.ajax({
    url: reqUrl,
    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);
      setTimeout(() => {
        hideLoaderScreen();
        window.open("/road-items/create", "_self");
      }, 2000);
    },
    error: function (error) {
      console.log(error);
      alert("ارتباط اینترنت شما برقرار نیست. لطفا مجدد تلاش کنید.");
      hideLoaderScreen();
      window.open("/road-items/create", "_self");
    },
  });
});

function showLoaderScreen() {
  $(".starter-loader-container").css("display", "flex").hide().fadeIn();
}

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

//First Add this to extend jQuery
$.extend({
  getUrlVars: function () {
    var vars = [],
      hash;
    var hashes = window.location.href
      .slice(window.location.href.indexOf("?") + 1)
      .split("&");
    for (var i = 0; i < hashes.length; i++) {
      hash = hashes[i].split("=");
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function (name) {
    return $.getUrlVars()[name];
  },
});

$(document).ready(function () {
  // getLastItemsProjects();

  // Getting URL var by its name
  requestId = $.getUrlVar("id");
  let type = $.getUrlVar("type");

  //console.log(requestId);
  //console.log(type);

  if (type == undefined) {
    // It's a new project submission
    projectType = 0;
    $("#org-pin").show();
  } else {
    // It's a project in view mode || in edit mode
    projectType = type;
    getSelectedProject(type, requestId);
  }
});

function getSelectedProject(type, id) {
  showLoaderScreen();
  $.ajax({
    url: "/projects/road-items/" + id,
    type: "GET",
    cache: false,
    contentType: false,
    processData: false,
    success: function (result) {
      hideLoaderScreen();
      //console.log(result);
      showProjectData(result);
    },
    error: function (error) {
      hideLoaderScreen();
      console.log(error);
    },
  });
}

function showProjectData(result) {
  itemsData = result.data;
  sourceLat = result.data.start_lat;
  sourceLng = result.data.start_lng;
  destLat = result.data.end_lat;
  destLng = result.data.end_lng;
  addSourceMarker(2);
  addDestinationMarker(2);

  selectedItem = result.data.item;
  let subItems = "";
  for (let i = 0; i < result.data.sub_items.length; i++) {
    subItems += result.data.sub_items[i] + "-";
  }
  //console.log(subItems);
  selectedSubItems = subItems;
  subItemsData = result.data.sub_items_data;

  map.flyTo([sourceLat, sourceLng - 0.4], 11);
  setTimeout(function () {
    checkMarkersAndDrawPath();
  }, 2000);
}

// function getLastItemsProjects() {
//   $.ajax({
//     url: "/road-items",
//     type: "GET",
//     cache: false,
//     contentType: false,
//     processData: false,
//     success: function (result) {
//       //console.log(result);
//       showLastItemsProjects(result.data);
//     },
//     error: function (error) {
//       console.log(error);
//     },
//   });
// }

// function showLastItemsProjects(data) {
//   for (let i = 0; i < data.length; i++) {
//     let subItem = $('<div class="project-items-list-item"></div>');
//     subItem.append("<span>ش‌پ: " + data[i].id + "</span>");
//     subItem.append("<span>کاربر: " + data[i].user.name + "</span>");
//     //subItem.append('<span>تاریخ:'+data[i].created_at+'</span>');
//     $(".list-project-items").append(subItem);
//     let item = $(".list-project-items>.project-items-list-item").last();
//     setTimeout(function () {
//       item.fadeIn();
//     }, 500);
//   }
// }
var myInput = document.querySelectorAll("input[type=number]");

function keyAllowed(key) {
  var keys = [8, 9, 13, 16, 17, 18, 19, 20, 27, 46, 48, 49, 50,
    51, 52, 53, 54, 55, 56, 57, 91, 92, 93
  ];
  if (key && keys.indexOf(key) === -1)
    return false;
  else
    return true;
}

myInput.forEach(function (element) {
  element.addEventListener('keypress', function (e) {
    alert("hiiiiiiiiiiiiiiiiiiiiiiii")
    var key = !isNaN(e.charCode) ? e.charCode : e.keyCode;
    if (!keyAllowed(key))
      e.preventDefault();
  }, false);

  // Disable pasting of non-numbers
  element.addEventListener('paste', function (e) {
    var pasteData = e.clipboardData.getData('text/plain');
    if (pasteData.match(/[^0-9]/))
      e.preventDefault();
  }, false);
})