Files
backend/public/dist/js/road-items.js
2024-02-01 09:53:53 +00:00

6405 lines
250 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
// 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);
})