Files
backend/resources/views/rmto-preview/pages/cmms-demo.blade.php
2024-02-01 09:53:53 +00:00

3851 lines
155 KiB
PHP
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.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="csrf-token" content="{{ csrf_token() }}" />
<!-- <meta name="csrf-token" content="w2J0Tbwoc3tnOE5stN3Jo2ukjrlTXJoWEeqiv8Dm"> -->
<title>فهرست راهدارخانه ها</title>
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css" />
<!-- icheck bootstrap -->
<link
rel="stylesheet"
href="./plugins/icheck-bootstrap/icheck-bootstrap.min.css"
/>
<!-- Persian Datepicker -->
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css" />
<link rel="stylesheet" href="../dist/css/dataTables.bootstrap4.min.css" />
<!-- bootstrap slider -->
<link
rel="stylesheet"
href="./plugins/bootstrap-slider/css/bootstrap-slider.min.css"
/>
<link rel="stylesheet" href="../plugins/select2/css/select2.min.css" />
<!-- Leaflet -->
<link rel="stylesheet" href="../dist/css/leaflet.css" />
<!-- IRANSans Font -->
<link rel="stylesheet" href="../dist/css/fontiran.css" />
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/adminlte.css" />
<style>
.swal2-title {
font-size: 20px !important;
}
.zoom {
height: 30px;
width: 30px;
transition: transform 0.2s;
}
.zoom:hover {
-ms-transform: scale(2);
/* IE 9 */
-webkit-transform: scale(2);
/* Safari 3-8 */
transform: scale(2);
}
.card-header {
padding: 0.75rem 1.25rem 0.2rem;
}
th {
font-size: 13px;
}
td {
font-size: 14px;
}
button.btn {
font-size: 12px;
}
i {
font-size: 10px;
}
label {
font-size: 0.8rem;
font-weight: 500 !important;
color: #000;
}
.icheck-primary label {
font-weight: 400 !important;
}
.form-control {
font-size: 13px;
}
.required-label::after {
content: "*";
position: relative;
right: 2px;
color: #dc3545;
}
.card-body .radio-header {
font-size: 0.8rem;
font-weight: 500;
color: rgba(0, 0, 0, 0.5);
display: inline-block;
margin-bottom: 0.5rem;
}
.abrar-project-slider .tooltip {
font-family: "IRANSansFaNum" !important;
}
.abrar-project-slider .slider-selection,
.abrar-project-slider .slider-handle,
.abrar-project-slider .slider-tick.in-selection {
background: #007bff;
}
[class*="icheck-"] {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.abrar-map-layout {
position: relative;
height: 409px;
margin-bottom: 15px;
}
.abrar-map-layout > #abrar-map,
#abrar-map-2 {
height: 100%;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
}
.abrar-map-layout > #abrar-map-static {
height: 100%;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
}
.abrar-map-layout > #abrarshow-map {
height: 100%;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
}
.abrar-map-layout > .pin-container {
position: absolute;
top: 34%;
right: 44%;
z-index: 1009;
}
.input-cord {
font-family: "IRANSans" !important;
text-align: center !important;
direction: ltr !important;
}
.listproject-main {
margin-top: 95px;
padding: 0 10px;
}
.update-main {
margin-top: 36px;
padding: 0 10px;
}
.tool-main {
margin-top: 70px;
padding: 0 10px;
}
.card-footer {
text-align: left;
}
.map-btn {
border-radius: 0.25rem !important;
}
.is-invalid-input {
color: #dc3545 !important;
border-color: #dc3545;
}
.is-invalid-text {
color: #dc3545 !important;
}
.is-invalid-box {
border-color: #dc3545;
}
.menu_top {
z-index: 1040 !important;
}
.leaflet-div-icon {
background: transparent !important;
border: none !important;
}
.pin-marker {
position: relative;
width: 45px;
height: 71px;
font-family: "IRANSans";
}
.pin-marker.pin-move > .map-pin-marker {
transform: scale(0.75);
}
.pin-marker.pin-set > .map-pin-marker > .pin-title-circle {
background-color: #009900;
}
.pin-marker.pin-warn > .map-pin-marker > .pin-title-circle {
background-color: #e90a0a;
}
.pin-marker.pin-move > .pin-main-shadow {
transform: scale(1.35);
}
.map-pin-marker {
position: relative;
width: 45px;
height: 65px;
z-index: 10;
transform-origin: 22.5px 0;
transition: transform 0.2s;
}
.map-pin-marker > .pin-main-circle {
position: absolute;
width: 45px;
height: 45px;
left: 0;
background-color: rgba(22, 67, 88, 1);
border-radius: 50%;
z-index: 12;
}
.map-pin-marker > .pin-white-circle {
position: absolute;
width: 39px;
height: 39px;
left: 3px;
top: 3px;
background-color: #ffffff;
border-radius: 50%;
z-index: 13;
}
.map-pin-marker > .pin-title-circle {
position: absolute;
width: 35px;
height: 35px;
left: 5px;
top: 5px;
background-color: rgba(22, 67, 88, 1);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 14;
transition: background-color 0.3s;
}
.map-pin-marker > .pin-title-circle > .title-circle-text {
line-height: 1;
font-size: 10px;
color: #ffffff;
font-weight: 600;
z-index: 15;
}
.map-pin-marker > .pin-main-line {
position: absolute;
width: 5px;
height: 25px;
z-index: 11;
background-color: #000000;
top: 40px;
left: 20px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.pin-marker > .pin-main-shadow {
position: absolute;
width: 11px;
height: 11px;
left: 17px;
top: 58px;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
transition: transform 0.2s;
}
.pin-marker > .pin-main-shadow > .shadow-dot {
position: relative;
width: 1px;
height: 1px;
left: 0;
top: 0;
background-color: #000000;
border-radius: 50%;
z-index: 10;
}
.map-latlng-input-row {
position: absolute;
bottom: -11px;
z-index: 1000;
width: 240px;
left: 5px;
}
.map-latlng-form {
margin-bottom: 0;
}
.map-latlng-input {
background-color: rgba(255, 255, 255, 0.8);
}
.map-latlng-label {
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.25rem;
padding: 3px 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border: 1px solid #ced4da;
color: #000000;
border-bottom: 0;
margin: 0;
}
.map-latlng-first-input {
border-radius: 0;
font-size: 12px;
color: #009900;
}
.map-latlng-first-input::placeholder {
font-size: 10px;
}
.map-latlng-sec-input {
border-top-right-radius: 0;
border-top-left-radius: 0;
font-size: 12px;
color: #009900;
}
.map-latlng-sec-input::placeholder {
font-size: 10px;
}
.abrar-map-title {
position: absolute;
top: 5px;
right: 5px;
z-index: 1000;
padding: 4px 7px;
color: #000;
font-size: 13px;
font-weight: 500;
border-radius: 0.25rem;
background-color: rgba(255, 193, 7, 0.8);
}
.starter-loader-container {
z-index: 3000 !important;
}
.distance-input {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 16px;
padding-right: 16px;
}
.card-tools {
margin-bottom: 0.75rem;
}
.error-message {
display: none;
font-size: 12px;
}
.second-round-title {
font-size: 15px;
font-weight: 500;
}
.edit-description {
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.tablefontheader {
font-size: 12px;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
border-bottom-width: 0;
font-size: 11px;
}
.headercolortable {
background-color: #286893;
color: white;
}
table.dataTable tbody tr.selected {
background-color: #99cc99;
}
.div.dataTables_wrapper div.dataTables_length label {
float: left;
}
.dataTables_length {
float: left;
}
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
padding-right: 10px;
}
.table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
display: none;
}
.table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
display: none;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 0.85em;
white-space: nowrap;
font-size: 12px;
}
.preview-template {
border-left: 2px solid black;
border-right: 2px solid black;
}
.template-section {
border-top: 2px solid black;
border-bottom: 2px solid black;
}
.section-title {
font-size: 11px;
text-align: center;
background-color: lightgrey;
font-weight: 600;
padding: 10px 15px;
border-bottom: 2px solid black;
}
.section-table > table {
width: 100%;
}
.section-table > table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
}
.section-table th {
text-align: center;
font-size: 8px;
font-weight: 600;
padding: 4px 5px;
}
.section-table th.sub-title {
text-align: center;
font-size: 8px;
font-weight: 500;
padding: 4px 5px;
}
.section-table td {
text-align: center;
padding: 4px 2px;
}
.section-table th.w-2 {
width: 3%;
}
.section-table th.w-3 {
width: 3%;
}
.section-table th.w-4 {
width: 4%;
}
.section-table th.w-5 {
width: 5%;
}
div.dataTables_wrapper div.dataTables_processing {
position: absolute;
top: 70%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0;
/* z-index: 10000; */
}
.file-input-modal-container {
width: 100%;
}
.file-input-modal {
justify-content: center;
font-size: 11px;
display: flex;
align-items: center;
width: 100%;
height: 80px;
cursor: pointer;
text-align: center;
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
background-color: #ffffff;
}
.file-input {
display: none;
}
.modal-error-message {
display: none;
}
.zoomimage {
width: 100%;
height: 80px;
}
.slideroverlay {
display: none;
text-align: right;
direction: rtl;
position: fixed;
z-index: 1051;
padding-top: 77px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
}
.slideroverlay > .upload-confirm {
z-index: 50;
display: block;
position: absolute;
background: transparent;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.slideroverlay > .modal-content {
background-color: #ffffff;
border-radius: 7px;
margin: auto;
padding: 20px 1.5% 1px 1.5%;
border: 1px solid #888;
width: 70%;
position: relative;
z-index: 51;
}
.slideroverlay > .modal-content > .close {
position: absolute;
text-align: center;
top: 3px;
right: 5px;
color: #979797;
}
.slideroverlay > .modal-content > .close::before {
content: "\00d7";
font-size: 22px;
position: absolute;
}
.slideroverlay > .modal-content > .close:hover,
.slideroverlay > .modal-content > .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.slideroverlay > .modal-content > .slideshow .mySlides {
display: none;
}
.slideroverlay > .modal-content > .slideshow img {
/* vertical-align: middle;
width: 100%;
height: auto;
opacity: 1;
max-height: 500px;
max-width: 100%; */
vertical-align: middle;
width: auto;
height: auto;
opacity: 1;
max-height: 500px;
max-width: 100%;
margin: 0 auto;
display: flex;
}
.slideroverlay > .modal-content > .slideshow .slideshow-container {
max-width: 100%;
position: relative;
margin: auto;
}
.slideroverlay > .modal-content > .slideshow .prev,
.slideroverlay > .modal-content > .slideshow .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: white;
font-weight: bold;
font-size: 20px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
background-color: rgba(0, 0, 0, 0.4);
}
.slideroverlay > .modal-content > .slideshow .next {
right: 0;
border-radius: 0px 3px 3px 0;
}
.slideroverlay > .modal-content > .slideshow .prev {
left: 0;
border-radius: 3px 0 0 3px;
}
.slideroverlay > .modal-content > .slideshow .prev:hover,
.slideroverlay > .modal-content > .slideshow .next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.slideroverlay > .modal-content > .slideshow .text {
color: #f2f2f2;
background-color: rgba(0, 0, 0, 0.8);
padding: 10px 15px;
position: absolute;
bottom: -3px;
width: 100%;
text-align: center;
font-family: "IRANSans";
font-size: 12px;
}
.slideroverlay > .modal-content > .slideshow .numbertext {
color: #f2f2f2;
font-size: 14px;
padding: 8px 12px;
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
top: 0;
border-radius: 3px;
}
.slideroverlay > .modal-content > .slideshow #slideshow-dot {
margin-top: 15px !important;
margin-bottom: 10px;
direction: ltr;
}
.slideroverlay > .modal-content > .slideshow .dot {
cursor: pointer;
height: 12px;
width: 12px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.slideroverlay > .modal-content > .slideshow .active,
.slideroverlay > .modal-content > .slideshow .dot:hover {
background-color: #717171;
}
.slideroverlay > .modal-content > .slideshow .fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
.colorset {
background-color: #286893;
color: white;
}
.table th,
.table td {
padding: 8px;
}
.remove-image-container501 {
display: flex;
flex-direction: row;
color: #c32323;
position: absolute;
top: -16px;
left: 6px;
font-weight: bold;
cursor: pointer;
font-size: 14px;
}
.tooltipstart1 {
position: relative;
/* display: inline-block; */
}
.tooltipstart2 {
position: relative;
/* display: inline-block; */
}
.tooltipstart3 {
position: relative;
/* display: inline-block; */
}
.tooltipstart4 {
position: relative;
/* display: inline-block; */
}
.tooltipstart5 {
position: relative;
/* display: inline-block; */
}
.tooltipstart6 {
position: relative;
/* display: inline-block; */
}
.tooltipstart7 {
position: relative;
/* display: inline-block; */
}
.tooltipstart8 {
position: relative;
/* display: inline-block; */
}
.tooltipstart9 {
position: relative;
/* display: inline-block; */
}
.tooltipstart10 {
position: relative;
/* display: inline-block; */
}
.tooltipstart11 {
position: relative;
/* display: inline-block; */
}
.tooltipstart12 {
position: relative;
/* display: inline-block; */
}
.tooltipstart13 {
position: relative;
/* display: inline-block; */
}
.tooltipstartcost {
position: relative;
/* display: inline-block; */
}
.tooltiptextstart {
visibility: hidden;
width: 150px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
top: 35px;
left: 100%;
font-size: 10px;
white-space: nowrap;
}
.tooltiptextstart::after {
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent black transparent transparent;
}
.tooltipstart1:hover .tooltiptextstart {
visibility: visible;
}
.tooltipstart2:hover .tooltiptextstart {
visibility: visible;
}
.tooltipstart3:hover .tooltiptextstart {
visibility: visible;
}
.tooltipstart4:hover .tooltiptextstart {
visibility: visible;
}
.tooltipstart5:hover .tooltiptextstart {
visibility: visible;
}
.tooltipstart6:hover .tooltiptextstart {
visibility: visible;
}
.tooltipstart7:hover .tooltiptextstart {
visibility: visible;
}
.tooltipstart8:hover .tooltiptextstart {
visibility: visible;
}
.tooltipstart9:hover .tooltiptextstart {
visibility: visible;
}
.tooltipstart10:hover .tooltiptextstart {
visibility: visible;
}
.tooltipstart11:hover .tooltiptextstart {
visibility: visible;
}
.tooltipstart12:hover .tooltiptextstart {
visibility: visible;
}
.tooltipstart13:hover .tooltiptextstart {
visibility: visible;
}
.tooltipstartcost:hover .tooltiptextstart {
visibility: visible;
}
.slideroverlay > .modal-content > .slideshow .textt {
color: #f2f2f2;
background-color: rgba(0, 0, 0, 0.8);
padding: 10px 15px;
position: absolute;
bottom: -38px;
width: 100%;
text-align: center;
font-family: "IRANSans";
font-size: 12px;
}
.slideroverlay > .modal-content > .slideshow #slideshow-dot {
margin-top: 15px !important;
margin-bottom: 10px;
direction: ltr;
}
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%);
color: white;
}
.dt-button:nth-child(2) {
background: #007bff !important;
border-color: #007bff !important;
}
.dt-button:nth-child(1) {
background: #007bff !important;
border-color: #007bff !important;
color: white !important;
line-height: 30.5px;
}
div.dt-buttons {
position: relative;
float: right;
}
div.dataTables_wrapper div.dataTables_filter {
text-align: left;
}
.dt-button:nth-child(1) {
background: #28a745 !important;
border-color: #28a745 !important;
color: white !important;
line-height: 30.5px;
}
.dt-button:nth-child(2) {
background: gold !important;
border-color: gold !important;
color: white;
line-height: 30px;
}
table.dataTable tbody tr.selected {
background-color: #29ab87;
}
.select2 {
width: 85% !important;
}
span.email-ids {
float: left;
/* padding: 4px; */
margin-right: 5px;
margin-bottom: 5px;
background: #007bff !important;
border-color: #007bff !important;
padding: 3px 10px;
color: white;
border-radius: 5px;
}
span.cancel-email {
width: 18px;
display: block;
float: right;
text-align: center;
margin-left: 20px;
border-radius: 49%;
height: 18px;
line-height: 15px;
margin-top: 1px;
cursor: pointer;
}
.email-id-row {
border-radius: 5px;
border: 1px solid #ccc;
}
.email-id-row input {
border: 0;
outline: 0;
}
span.to-input {
display: block;
float: left;
padding-right: 11px;
}
.all-tax {
margin-left: 5px;
}
.btn-add-filter button {
border-radius: 50%;
padding: 1px;
width: 30px;
height: 30px;
}
.select2-results__options li {
font-size: 13px;
}
.select2-container--default
.select2-selection--multiple
.select2-selection__rendered
li {
font-size: 13px;
}
#btn_filter_show {
color: white;
background: gold !important;
border-color: gold !important;
}
</style>
</head>
<body
class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed starter-project-page"
>
<div class="wrapper">
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- TOP MENU -->
<header>
<div class="menu_top" id="navbarmenu_top">
<div class="rahdariLogo">
<a href="http://rmto.ir"
><img
src="./dist/images/icons/alertInstallAppLogo.png"
alt=""
title="سازمان راهداری و حمل و نقل جاده ای"
/></a>
</div>
<button
class="responsiveTopMenuBtn routinghover"
onclick="window.open('/rmto', '_self');"
>
<img src="./dist/images/icons/home.svg" />صفحه اصلی
</button>
<div class="clearfix"></div>
<form
id="logout-form"
action="https://rms.rmto.ir/logout"
method="POST"
style="display: none"
>
<input
type="hidden"
name="_token"
value="o0xGetEISz6FKUgyOPJSnl5imIBBmcZxqKb9I6dt"
/>
</form>
</div>
</header>
<!-- END TOP MENU -->
<!-- Main content -->
<div class="content">
<div class="starter-loader-container">
<div class="starter-loader"></div>
</div>
<div class="container-fluid">
<div class="row m-0" id="page-row">
<div class="col-sm-12">
<div class="listproject-main" id="listproject-main">
<!-- Default box -->
<div id="project-list-card" class="card">
<div class="card-header">
<h3 class="card-title">فهرست راهدارخانه های کشور</h3>
<div class="card-tools">
<button
class="btn btn-success btn-sm"
id="add-project-button"
style="display: block"
>
<i
class="fas fa-plus"
style="font-size: 16px; vertical-align: middle"
></i>
<span style="font-size: 14px"><b>راهدارخانه جدید</b></span>
</button>
<button
type="button"
class="btn btn-tool"
id="minimize-button"
data-card-widget="collapse"
data-toggle="tooltip"
title="Collapse"
style="display: none"
>
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body table-responsive p-4" style="">
<div class="row smart-filltering" style="display: none">
<div class="col-xl-10 col-lg-10 col-12 pb-2">
<div class="row">
<div class="col-4">
<div class="row">
<div class="col-12 parent-input-forFilter">
<div
id="append-input-forFilter1"
class="row append-input-forFilter"
>
<div class="col-6">
<select
id="select-province1"
class="js-example-basic-multiple form-control"
></select>
</div>
<div class="col-6">
<select
name="states[]"
multiple="multiple"
id="select-city1"
class="js-example-basic-multiple-citys form-control"
></select>
</div>
</div>
<div
id="append-input-forFilter2"
class="row append-input-forFilter mt-2 d-none"
>
<div class="col-6">
<select
id="select-province2"
class="js-example-basic-multiple form-control"
></select>
</div>
<div class="col-6">
<select
name="states[]"
multiple="multiple"
id="select-city2"
class="js-example-basic-multiple-citys form-control"
></select>
</div>
</div>
<div
id="append-input-forFilter3"
class="row append-input-forFilter mt-2 d-none"
>
<div class="col-6">
<select
id="select-province3"
class="js-example-basic-multiple form-control"
></select>
</div>
<div class="col-6">
<select
name="states[]"
multiple="multiple"
id="select-city3"
class="js-example-basic-multiple-citys form-control"
></select>
</div>
</div>
</div>
<div class="d-flex btn-add-filter">
<div class="px-1 pt-1">
<button
class="btn btn-primary btn-increase"
>
+
</button>
</div>
</div>
</div>
</div>
<div class="col-8">
<div class="row">
<div class="col-3">
<select
class="last_statusfilter form-control"
name="states[]"
multiple="multiple"
>
<option value="firststatus">فعال</option>
<option value="secondstatus">
غیر فعال
</option>
</select>
</div>
<div class="col-3">
<select
class="typemehvar form-control"
name="states[]"
multiple="multiple"
>
<option value="typeroostayi">دائمی</option>
<option value="typefaryi">فصلی</option>
</select>
</div>
<div class="col-1 pt-1">
<button
id="btn_filter_show"
type="button"
class="btn px-3 py-2"
>
فیلتر
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<table
class="table table-striped table-bordered projects p-2"
id="example"
style="width: 100%"
>
<thead>
<tr class="headercolortable">
<th
class="tablefontheader"
style="width: 3%; padding-right: 10px"
>
ردیف
</th>
<th class="tablefontheader" style="width: 8%">
نام راهدارخانه
</th>
<th class="tablefontheader" style="width: 6%">
استان /اداره کل
</th>
<th class="tablefontheader" style="width: 3%">
شهرستان
</th>
<th class="tablefontheader" style="width: 3%">
وضعیت
</th>
<th class="tablefontheader" style="width: 3%">
نوع
</th>
<th class="tablefontheader" style="width: 4%">
تلفن
</th>
<th
class="tablefontheader"
style="width: 4%; font-size: 11px"
>
تعداد اکیپ
</th>
<th class="tablefontheader" style="width: 6%">
تعداد پرسنل
</th>
<th class="tablefontheader" style="width: 7%">
مسئول
</th>
<th class="tablefontheader" style="width: 6%">
شماره مسئول
</th>
<th class="tablefontheader" style="width: 8%">
جانشین
</th>
<th class="tablefontheader" style="width: 6%">
شماره جانشین
</th>
<th class="tablefontheader" style="width: 7%">
ماشین آلات سبک
</th>
<th class="tablefontheader" style="width: 9%">
ماشین آلات نیمه سنگین
</th>
<th class="tablefontheader" style="width: 8%">
ماشین آلات سنگین
</th>
<th class="tablefontheader" style="width: 1%">
عرض جغرافیایی
</th>
<th class="tablefontheader" style="width: 1%">
طول جغرافیایی
</th>
<th class="tablefontheader" style="width: 18%">
عملیات
</th>
</tr>
</thead>
{{--
<tfoot>
<tr>
<th>ردیف</th>
<th>نام راهدارخانه</th>
<th>استان</th>
<th>شهرستان</th>
<th>وضعیت</th>
<th>نوع</th>
<th>تلفن</th>
<th>تعداد اکیپ</th>
<th>تعداد پرسنل</th>
<th>مسئول</th>
<th>شماره مسئول</th>
<th>جانشین</th>
<th>شماره جانشین</th>
<th>ماشین آلات سبک</th>
<th>ماشین آلات نیمه سنگین</th>
<th>ماشین آلات سنگین</th>
<th>عرض جغرافیایی</th>
<th>طول جغرافیایی</th>
<th>اطلاعات تکمیلی پروژه</th>
</tr>
</tfoot>
--}}
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<div class="update-main" id="update-main" style="display: none">
<!-- Default box -->
<div id="projectupdate-list-card" class="card">
<div class="card-header" id="update-title">
<!-- <h3 class="card-title">
بروزرسانی آخرین وضعیت پروژه
</h3> -->
</div>
<div class="card-body table-responsive p-4" style="">
<table
class="table table-striped table-bordered projects p-2"
id="exampleupdate"
>
<thead>
<tr class="headercolortable">
<th
colspan="2"
class="tablefontheader"
style="width: 3%; padding-right: 10px"
>
روکش آسفالت
</th>
<th
colspan="2"
class="tablefontheader"
style="width: 8%"
>
ماسه آسفالت و رگلاژی
</th>
<th
colspan="2"
class="tablefontheader"
style="width: 8%"
>
بازیافت سرد/گرم
</th>
<th
colspan="2"
class="tablefontheader"
style="width: 12%"
>
میکروسرفیسینگ
</th>
<th
colspan="2"
class="tablefontheader"
style="width: 7%"
>
چیپ سیل
</th>
<th
colspan="2"
class="tablefontheader"
style="width: 9%"
>
اسلاری سیل
</th>
<th
colspan="2"
class="tablefontheader"
style="width: 8%; font-size: 11px"
>
اسکراب سیل
</th>
<th
colspan="2"
class="tablefontheader"
style="width: 7%"
>
فوگ سیل
</th>
<th
colspan="2"
class="tablefontheader"
style="width: 6%"
>
سیل کت
</th>
<th
colspan="2"
class="tablefontheader"
style="width: 6%; white-space: nowrap"
>
کیپ سیل
</th>
<th
colspan="2"
class="tablefontheader"
style="width: 6%"
>
آسفالت سرد/ردمیکس
</th>
<th
colspan="3"
class="tablefontheader"
style="width: 6%"
>
لکه گیری
</th>
<th
colspan="2"
class="tablefontheader"
style="width: 6%"
>
درز گیری
</th>
<th
rowspan="2"
class="tablefontheader"
style="width: 10%"
>
آخرین وضعیت پروژه
</th>
<th
rowspan="2"
class="tablefontheader"
style="width: 6%"
>
درصد پیشرفت فیزیکی
</th>
<th
rowspan="2"
class="tablefontheader"
style="width: 8%"
>
عملیات
</th>
</tr>
<tr style="background-color: #9abbd3">
<th style="font-size: 10px; font-weight: 500">
<small>کیلومتر</small>
</th>
<th style="font-size: 10px; font-weight: 500">
<small>تناژ</small>
</th>
<th style="font-size: 10px; font-weight: 500">
<small>کیلومتر</small>
</th>
<th
style="
font-size: 10px;
font-weight: 500;
width: 3%;
"
>
<small>تناژ</small>
</th>
<th style="font-size: 10px; font-weight: 500">
<small>کیلومتر</small>
</th>
<th style="font-size: 10px; font-weight: 500">
<small>تناژ</small>
</th>
<th style="font-size: 10px; font-weight: 500">
<small>کیلومتر</small>
</th>
<th
style="
font-size: 10px;
font-weight: 500;
width: 3%;
"
>
<small>تناژ</small>
</th>
<th style="font-size: 10px; font-weight: 500">
<small>کیلومتر</small>
</th>
<th style="font-size: 10px; font-weight: 500">
<small>تناژ</small>
</th>
<th style="font-size: 10px; font-weight: 500">
<small>کیلومتر</small>
</th>
<th
style="
font-size: 10px;
font-weight: 500;
width: 3%;
"
>
<small>تناژ</small>
</th>
<th style="font-size: 10px; font-weight: 500">
<small>کیلومتر</small>
</th>
<th
style="
font-size: 10px;
font-weight: 500;
width: 3%;
"
>
<small>تناژ</small>
</th>
<th style="font-size: 10px; font-weight: 500">
<small>کیلومتر</small>
</th>
<th
style="
font-size: 10px;
font-weight: 500;
width: 3%;
"
>
<small>تناژ</small>
</th>
<th style="font-size: 10px; font-weight: 500">
<small>کیلومتر</small>
</th>
<th
style="
font-size: 10px;
font-weight: 500;
width: 3%;
"
>
<small>تناژ</small>
</th>
<th style="font-size: 10px; font-weight: 500">
<small>کیلومتر</small>
</th>
<th
style="
font-size: 10px;
font-weight: 500;
width: 3%;
"
>
<small>تناژ</small>
</th>
<th style="font-size: 10px; font-weight: 500">
<small>کیلومتر</small>
</th>
<th
style="
font-size: 10px;
font-weight: 500;
width: 3%;
"
>
<small>تناژ</small>
</th>
<th style="font-size: 10px; font-weight: 500">
<small>کیلومتر</small>
</th>
<th
style="
font-size: 10px;
font-weight: 500;
width: 3%;
"
>
<small>متر مربع</small>
</th>
<th
style="
font-size: 10px;
font-weight: 500;
width: 3%;
"
>
<small> تناژ</small>
</th>
<th
style="
font-size: 10px;
font-weight: 500;
width: 3%;
"
>
<small> کیلومتر</small>
</th>
</tr>
</thead>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<div class="tool-main up" id="tool-main" style="display: none">
<!-- Default box -->
<div id="projecttool-list-card" class="card">
<div class="card-header" id="distance-title">
<!-- <h3 class="card-title" id="distance-title">
طول پروژه به کیلومتر
</h3> -->
</div>
<div class="card-body table-responsive p-4" style="">
<table
class="table table-striped table-bordered projects"
id="exampletool"
style="width: 100%"
>
<thead>
<tr class="headercolortable" style="">
<th class="tablefontheader" style="width: 6%">
روکش آسفالت
</th>
<th class="tablefontheader" style="width: 6%">
ماسه آسفالت
</th>
<th class="tablefontheader" style="width: 7%">
بازیافت سرد و گرم
</th>
<th class="tablefontheader" style="width: 5%">
میگروسرفیسینگ
</th>
<th class="tablefontheader" style="width: 5%">
چیپ سیل
</th>
<th class="tablefontheader" style="width: 6%">
اسلاری سیل
</th>
<th class="tablefontheader" style="width: 6%">
اسکراب سیل
</th>
<th class="tablefontheader" style="width: 5%">
فوگ سیل
</th>
<th class="tablefontheader" style="width: 5%">
سیل کت
</th>
<th class="tablefontheader" style="width: 5%">
کیپ سیل
</th>
<th class="tablefontheader" style="width: 9%">
آسفالت سرد/رد میکس
</th>
<th class="tablefontheader" style="width: 5%">
لگه گیری
</th>
<th class="tablefontheader" style="width: 5%">
درزگیری
</th>
<th
class="tablefontheader"
style="width: 12%; text-align: center"
>
عملیات
</th>
</tr>
</thead>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<div
class="update-main upnext"
id="update-table"
style="display: none"
>
<div class="card" id="update-card">
<div class="card-header">
<!-- <h3 class="card-title" >
بروزرسانی آخرین وضعیت پروژه
</h3> -->
<div id="title-update"></div>
<div class="card-tools">
<button
class="btn btn-success btn-sm"
id="add-project-update"
>
<i
class="fas fa-plus"
style="font-size: 16px; vertical-align: middle"
></i>
<span style="font-size: 14px"><b>بروزرسانی</b></span>
</button>
</div>
</div>
<div class="card-body table-responsive p-5" style="">
<table
class="table table-striped table-bordered projects"
id="example-update"
style="width: 100%"
>
<thead>
<tr class="colorset">
<th rowspan="2" style="width: 3%">ردیف</th>
<th rowspan="2" style="width: 7%">
تاریخ به روز رسانی
</th>
<th colspan="3" style="width: 5%">روکش آسفالت</th>
<th colspan="3" style="width: 5%">
ماسه آسفالت و رگلاژی
</th>
<th colspan="3" style="width: 5%">
بازیافت سرد و گرم
</th>
<th colspan="3" style="width: 5%">میکروسرفیسینگ</th>
<th colspan="3" style="width: 5%">چیپ سیل</th>
<th colspan="3" style="width: 5%">اسلاری سیل</th>
<th colspan="3" style="width: 5%">اسکراب سیل</th>
<th colspan="3" style="width: 5%">فوگ سیل</th>
<th colspan="3" style="width: 5%">سیل کت</th>
<th colspan="3" style="width: 5%">کیپ سیل</th>
<th colspan="3" style="width: 5%">
آسفالت سرد / ردمیکس
</th>
<th colspan="4" style="width: 5%">لکه گیری</th>
<th colspan="2" style="width: 5%">درزگیری</th>
<th rowspan="2" style="width: 5%">
آخرین وضعیت پروژه
</th>
<th rowspan="2" style="width: 10%">
موقعیت قرارگیری اکیپ
</th>
</tr>
<tr style="background-color: #9abbd3">
<th>کیلومتر</th>
<th>تناژ</th>
<th>درصد</th>
<th>کیلومتر</th>
<th>تناژ</th>
<th>درصد</th>
<th>کیلومتر</th>
<th>تناژ</th>
<th>درصد</th>
<th>کیلومتر</th>
<th>تناژ</th>
<th>درصد</th>
<th>کیلومتر</th>
<th>تناژ</th>
<th>درصد</th>
<th>کیلومتر</th>
<th>تناژ</th>
<th>درصد</th>
<th>کیلومتر</th>
<th>تناژ</th>
<th>درصد</th>
<th>کیلومتر</th>
<th>تناژ</th>
<th>درصد</th>
<th>کیلومتر</th>
<th>تناژ</th>
<th>درصد</th>
<th>کیلومتر</th>
<th>تناژ</th>
<th>درصد</th>
<th>کیلومتر</th>
<th>تناژ</th>
<th>درصد</th>
<th>کیلومتر</th>
<th>مترمربع</th>
<th>تناژ</th>
<th>درصد</th>
<th>کیلومتر</th>
<th>درصد</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
<div class="modal fade" id="rahdaredit">
<div
class="modal-dialog modal-dialog-centered modal-dialog-scrollable"
>
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">ویرایش راهدارخانه</h4>
<button type="button" class="close" data-dismiss="modal">
&times;
</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<form>
<input
type="hidden"
class="form-control"
id="rahdarid"
/>
<div class="form-row">
<div class="form-group col-md-4">
<label for="inputCity"> راهدارخانه </label>
<input
type="text"
class="form-control"
id="houserahdar"
name="houserahdar"
readonly="readonly"
disabled
/>
</select>
</div>
<div class="form-group col-md-4">
<label for="inputCity"> اداره کل </label>
{{-- <input
type="text"
class="form-control"
id="edarekol"
name="edarekol"
readonly="readonly"
disabled
/> --}}
<select class="form-control" name="edarekol" id="edarekol" disabled></select>
</div>
<div class="form-group col-md-4">
<label>
شهرستان
</label>
<select
class="form-control"
style="font-size:12px"
name="mainCity"
id="mainCity"
>
{{-- <option value="0" style="font-size:10px">انتخاب شهرستان</option> --}}
</select>
{{-- <label for="inputCity">شهرستان </label> --}}
{{-- <input
type="text"
class="form-control"
id="mainCity"
name="mainCity"
readonly="readonly"
disabled
/> --}}
</div>
</div>
<div class="form-row">
<div class="form-group col-md-4">
<label for="inputCity"> وضعیت </label>
<input
type="text"
class="form-control"
id="sit"
name="sit"
/>
</div>
<div class="form-group col-md-4">
<label for="inputCity">نوع </label>
<input
type="text"
class="form-control"
id="type"
name="type"
/>
</div>
<div class="form-group col-md-4">
<label for="inputCity"> تلفن</label>
<input
type="text"
class="form-control"
id="phone"
name="phone"
/>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputCity"> تعداد اکیپ </label>
<input
type="number"
min="0"
class="form-control"
id="ekipnum"
name="ekipnum"
/>
</div>
<div class="form-group col-md-6">
<label for="inputCity">تعداد پرسنل </label>
<input
type="number"
min="0"
class="form-control"
id="personelnum"
name="personelnum"
/>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputCity"> مسئول </label>
<input
type="text"
class="form-control"
id="masol"
name="masol"
/>
</div>
<div class="form-group col-md-6">
<label for="inputCity"> شماره تلفن مسئول </label>
<input
type="text"
class="form-control"
id="masolmobile"
name="masolmobile"
/>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputCity"> جانشین </label>
<input
type="text"
class="form-control"
id="janeshin"
name="janeshin"
/>
</div>
<div class="form-group col-md-6">
<label for="inputCity"> شماره تلفن جانشین </label>
<input
type="text"
class="form-control"
id="janeshinmobile"
name="janeshinmobile"
/>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-4">
<label for="inputCity"> ماشین آلات سبک </label>
<input
type="number"
min="0"
class="form-control"
id="lightmachin"
name="lightmachine"
/>
</div>
<div class="form-group col-md-4">
<label for="inputCity">
ماشین آلات نیمه سنگین
</label>
<input
type="number"
min="0"
class="form-control"
id="mediummachin"
name="meduimachin"
/>
</div>
<div class="form-group col-md-4">
<label for="inputCity"> ماشین آلات سنگین </label>
<input
type="number"
min="0"
class="form-control"
id="bigmachin"
name="bigmachin"
/>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputCity"> عرض جغرافیایی </label>
<input
type="text"
class="form-control cord-font"
id="lat-rahdar"
name="lat-rahdar"
data-inputmask='"mask": "(99.999999999999999)"'
data-mask
/>
</div>
<div class="form-group col-md-6">
<label for="inputCity"> طول جغرافیایی </label>
<input
type="text"
class="form-control cord-font"
id="lng-rahdar"
name="lng-rahdar"
data-inputmask='"mask": "(99.999999999999999)"'
data-mask
/>
</div>
</div>
<div class="form-row">
<div class="form-group mb-0 col-md-4">
<label class="file-input-modal-container">
<div class="file-input-modal file-rahdari mt-1">
نمای کلی از راهدارخانه
</div>
<input
class="file-input"
type="file"
name="modalUpFileRahdari_overview"
multiple
accept="image/*"
/>
</label>
</div>
<div class="form-group mb-0 col-md-4">
<label class="file-input-modal-container">
<div class="file-input-modal file-rahdari mt-1">
آشیانه ماشین آلات
</div>
<input
class="file-input"
type="file"
name="modalUpFileRahdari_machinery"
multiple
accept="image/*"
/>
</label>
</div>
<div class="form-group mb-0 col-md-4">
<label class="file-input-modal-container">
<div class="file-input-modal file-rahdari mt-1">
انبار شن و ماسه
</div>
<input
class="file-input"
type="file"
name="modalUpFileRahdari_store"
multiple
accept="image/*"
/>
</label>
</div>
<div class="form-group mb-0 col-md-6">
<label class="file-input-modal-container">
<div class="file-input-modal file-rahdari mt-1">
محیط کاری
</div>
<input
class="file-input"
type="file"
name="modalUpFileRahdari_office"
multiple
accept="image/*"
/>
</label>
</div>
<div class="form-group col-md-6">
<label class="file-input-modal-container">
<div class="file-input-modal file-rahdari mt-1">
سایر تصاویر
</div>
<input
class="file-input"
type="file"
name="modalUpFileRahdari_others"
multiple
accept="image/*"
/>
</label>
</div>
</div>
<button
type="button"
class="btn btn-primary float-left"
id="editrahdar"
>
ثبت
</button>
</form>
</div>
</div>
</div>
</div>
<div id="showProjectsLoc" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">
ثبت پروژه روکش آسفالت (نگهداری راه)
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-4">
<label>
اداره کل / استان
</label>
<select class="form-control" name="province" id="province-id">
</select>
<label for="axis-name-id">
نام محور
</label>
<input type="text" class="form-control" name="axis-name" id="axis-name-id" placeholder="نام محور" maxlength="50" />
<label>
نوع محور
</label>
<select class="form-control" name="axis-type" id="axis-type-id">
<option value="0">انتخاب نوع محور</option>
<option value="1">شریانی</option>
<option value="2">اصلی</option>
<option value="3">فرعی</option>
<option value="4">روستایی</option>
</select>
<label> عنوان پروژه </label>
<input type="text" class="form-control" name="edit-project-title" id="project-title-id" placeholder="عنوان" maxlength="50" />
<label> نام پیمانکار </label>
<input type="text" class="form-control" name="edit-contractor" id="contractor-id" placeholder="پیمانکار" maxlength="50" />
<label>
سال شروع
</label>
<input type="number" class="form-control" oninput="javascript: if (this.value.length > this.maxLength) {this.value =this.value.slice(0, this.maxLength);}else if(this.value.slice(0 , 2) != 13){this.value = 13}" placeholder="(سال شروع)" id="yearshown" maxlength="4" value="13" />
</div>
<div class="col-md-8">
<div class="col-md-12 mb-3">
<div class="abrar-map-layout">
<span class="abrar-map-title d-inline">ثبت موقعیت پروژه روی نقشه</span>
<div id="abrar-map"></div>
<div class="row map-latlng-input-row">
<div class="col-md-12">
<div class="form-group map-latlng-form">
<label class="required-label d-block text-center map-latlng-label">
ثبت دستی مختصات
</label>
<input name="abrar-project-latlng-start" type="text" class="form-control input-cord map-latlng-input map-latlng-first-input" data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask placeholder="(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)" />
</div>
<div class="form-group">
<input name="abrar-project-latlng-end" type="text" class="form-control input-cord map-latlng-input map-latlng-sec-input" data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask placeholder="(پایان) => (طول جغرافیایی) - (عرض جغرافیایی)" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-md-1">
<div class="row">
<div class="form-group col-md-1">
<i class="fa fa-plus-circle" style="
font-size: 20px;
margin-top: 30px;
color: #007bff;
" aria-hidden="true" onclick="addTownBox()"></i>
<i class="fa fa-minus-circle" style="
font-size: 20px;
color: #007bff;" aria-hidden="true" onclick="removeTownBox()"></i>
</div>
</div>
</div>
<div class="col-md-11">
<div class="row" id="subTown"></div>
</div>
</div>
</div>
<!-- <div class="col-md-12">
<div class="row"></div>
</div>
<div class="col-md-12">
<div class="row">
</div>
</div> -->
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger btn-prev cancel" class="cancel">
انصراف
</button>
<!-- <button type="button" class="btn btn-primary btn-next">ثبت</button> -->
<!-- <button type="button" class="btn btn-danger btn-applyChangeCancel"
style="display: none">انصراف</button> -->
<button type="button" class="btn btn-primary btn-applyChange" id="submitNewRow">
ثبت تغییرات
</button>
</div>
</div>
</div>
</div>
<!--location button start-->
<div
id="stepModalmaintenanceshow"
class="modal animated zoomIn fade"
>
<div
class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-md"
>
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">
مشاهده موقعیت مکانی پروژه
</h5>
<button
type="button"
class="close"
data-dismiss="modal"
aria-label="Close"
>
<span aria-hidden="true">&times;</span>
</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<div class="col-md-12 mb-3">
<div class="abrar-map-layout">
<span class="abrar-map-title d-inline"
>مشاهده موقعیت پروژه روی نقشه</span
>
<div id="abrarshow-map"></div>
<!-- <div class="row map-latlng-input-row">
<div class="col-md-12">
<div class="form-group map-latlng-form">
<label class="required-label d-block text-center map-latlng-label">
ثبت دستی مختصات
</label>
<input name="abrar-project-latlng-startshow" type="text"
class="form-control input-cord map-latlng-input map-latlng-first-inputshow"
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
placeholder="(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)" />
</div>
<div class="form-group">
<input name="abrar-project-latlng-endshow" type="text"
class="form-control input-cord map-latlng-input map-latlng-sec-inputshow"
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
placeholder="(پایان) => (طول جغرافیایی) - (عرض جغرافیایی)" />
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal footer -->
</div>
</div>
</div>
<!--location button end -->
<!--edit start-->
<div
id="stepModalmaintenanceedit"
class="modal animated zoomIn fade"
>
<div
class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg"
>
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitleedit">
ثبت پروژه نگهداری راه
</h5>
<button
type="button"
class="close"
data-dismiss="modal"
aria-label="Close"
>
<span aria-hidden="true">&times;</span>
</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<div class="col-md-12 mb-3">
<div class="abrar-map-layout">
<span class="abrar-map-title d-inline"
>ثبت موقعیت پروژه روی نقشه</span
>
<div id="abrar-mapedit"></div>
<div class="row map-latlng-input-row">
<div class="col-md-12">
<div class="form-group map-latlng-form">
<label
class="required-label d-block text-center map-latlng-label"
>
ثبت دستی مختصات
</label>
<input
name="abrar-project-latlng-start"
type="text"
class="form-control input-cord map-latlng-input map-latlng-first-input"
data-inputmask="'mask': '(99.999999) - (99.999999)'"
data-mask
placeholder="(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)"
/>
</div>
<div class="form-group">
<input
name="abrar-project-latlng-end"
type="text"
class="form-control input-cord map-latlng-input map-latlng-sec-input"
data-inputmask="'mask': '(99.999999) - (99.999999)'"
data-mask
placeholder="(پایان) => (طول جغرافیایی) - (عرض جغرافیایی)"
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-4">
<label> اداره کل / استان </label>
<select
class="form-control"
name="province"
id="province-idedit"
></select>
</div>
<div class="form-group col-md-4">
<label for="axis-name-id"> نام محور </label>
<input
type="text"
class="form-control"
name="axis-name"
id="axis-name-id"
placeholder="نام محور"
/>
</div>
<div class="form-group col-md-4">
<label> نوع محور </label>
<select
class="form-control"
name="axis-type"
id="axis-type-id"
>
<option value="0">انتخاب نوع محور</option>
<option value="1">شریانی</option>
<option value="2">اصلی</option>
<option value="3">فرعی</option>
<option value="4">روستایی</option>
</select>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-md-1">
<div class="row">
<div class="form-group col-md-1">
<i
class="fa fa-plus-circle"
style="
font-size: 20px;
margin-top: 40px;
color: #007bff;
"
aria-hidden="true"
onclick="addTownBox()"
></i>
</div>
</div>
</div>
<div class="col-md-11">
<div class="row" id="subTown"></div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-4">
<label> عنوان پروژه </label>
<input
type="text"
class="form-control"
name="edit-project-title"
id="project-title-id"
placeholder="عنوان"
/>
</div>
<div class="form-group col-md-4">
<label> نام پیمانکار </label>
<input
type="text"
class="form-control"
name="edit-contractor"
id="contractor-id"
placeholder="پیمانکار"
/>
</div>
<div class="form-group col-md-4">
<label> نام مشاور </label>
<input
type="text"
class="form-control"
name="edit-contractor"
id="consultant-id"
placeholder="مشاور"
/>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row"></div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label> سال شروع </label>
<input
type="text"
class="form-control"
name="contract-date"
placeholder="انتخاب تاریخ"
id="contract-date-id"
/>
</div>
<div class="form-group col-md-6">
<label for="project-price-id">
مبلغ قرارداد (میلیون ریال)
</label>
<input
type="number"
min="1"
class="form-control"
name="project-price"
placeholder="مبلغ (به میلیون ریال)"
id="contract-price-id"
/>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button
type="button"
class="btn btn-danger btn-prev cancel"
class="cancel"
>
انصراف
</button>
<!-- <button type="button" class="btn btn-primary btn-next">ثبت</button> -->
<!-- <button type="button" class="btn btn-danger btn-applyChangeCancel"
style="display: none">انصراف</button> -->
<button
type="button"
class="btn btn-primary btn-applyChange"
id="submitNewRow"
>
ثبت تغییرات
</button>
</div>
</div>
</div>
</div>
<!--edit end-->
<div id="show-projecttool" class="modal animated zoomIn fade">
<div
class="modal-dialog modal-dialog-centered modal-dialog-scrollable"
>
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">طول پروژه به کیلومتر</h5>
<button
type="button"
class="close"
data-dismiss="modal"
aria-label="Close"
>
<span aria-hidden="true">&times;</span>
</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label> روکش آسفالت </label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-1"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
placeholder="طول پروژه (به کیلومتر)"
min="0"
maxlength="7"
/>
</div>
<div class="form-group col-md-6">
<label> ماسه آسفالت </label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-2"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
placeholder="طول پروژه (به کیلومتر)"
min="0"
maxlength="7"
/>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label> بازیافت سرد/گرم </label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-3"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
placeholder="طول پروژه (به کیلومتر)"
min="0"
maxlength="7"
/>
</div>
<div class="form-group col-md-6">
<label> میکروسرفیسینگ </label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-4"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
placeholder="طول پروژه (به کیلومتر)"
min="0"
maxlength="7"
/>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label> چیپ سیل </label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-5"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
placeholder="طول پروژه (به کیلومتر)"
min="0"
maxlength="7"
/>
</div>
<div class="form-group col-md-6">
<label> اسلاری سیل </label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-6"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
placeholder="طول پروژه (به کیلومتر)"
min="0"
maxlength="7"
/>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label> اسکراب سیل </label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-7"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
placeholder="طول پروژه (به کیلومتر)"
min="0"
maxlength="7"
/>
</div>
<div class="form-group col-md-6">
<label> فوگ سیل </label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-8"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
placeholder="طول پروژه (به کیلومتر)"
min="0"
maxlength="7"
/>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label> سیل کت </label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-9"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
placeholder="طول پروژه (به کیلومتر)"
min="0"
maxlength="7"
/>
</div>
<div class="form-group col-md-6">
<label> کیپ سیل </label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-10"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
placeholder="طول پروژه (به کیلومتر)"
min="0"
maxlength="7"
/>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label> آسفالت سرد/ردمیکس </label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-11"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
placeholder="طول پروژه (به کیلومتر)"
min="0"
maxlength="7"
/>
</div>
<div class="form-group col-md-6">
<label> لکه گیری </label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-12"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
placeholder="طول پروژه (به کیلومتر)"
min="0"
maxlength="7"
/>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label> درزگیری </label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-13"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
placeholder="طول پروژه (به کیلومتر)"
min="0"
maxlength="7"
/>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button
type="button"
class="btn btn-danger btn-prev cancel"
class="cancel"
id="rejectoolfinal"
>
انصراف
</button>
<!-- <button type="button" class="btn btn-primary btn-next">ثبت</button> -->
<!-- <button type="button" class="btn btn-danger btn-applyChangeCancel"
style="display: none">انصراف</button> -->
<button
type="button"
class="btn btn-primary btn-applyChange"
id="submitoolfinal"
>
ثبت تغییرات
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.container-fluid -->
<!-- Edit Modal -->
<div class="modal fade" id="project-update-modal">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">بروزرسانی آخرین وضعیت پروژه</h4>
<button type="button" class="close" data-dismiss="modal">
&times;
</button>
</div>
<!-- Modal body -->
<div class="modal-body" style="display: block">
<!-- <div
class="alert alert-danger modal-error-message"
role="alert"
>
لطفا تمامی فیلدهای ضروری (*) را کامل کنید!
</div> -->
<form>
<div class="second-round">
<p class="second-round-title">* پیشرفت عملیات</p>
<div class="row" id="item1">
<div class="d-inline col-md-12">
<!-- <input
type="checkbox"
id="project-distance-1"
name="distance-1"
/> -->
<label for="project-distance-1"> روکش آسفالت </label>
</div>
</div>
<div class="row" id="item1-data">
<div
class="form-group col-md-6 distance-input tooltipstart1"
>
<label
>کیلومتر
<small id="kilo1" style="color: red; display: none"
>مقدار باید از طول پروژه کمتر باشد </small
><small
id="kilomin1"
style="color: red; display: none"
>از کیلومتر گذشته نمیتواند کمتر شود
</small></label
>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-1-1"
min="0"
/>
</div>
<div class="form-group col-md-6 distance-input">
<label>تناژ</label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-1-2"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
maxlength="7"
min="0"
/>
</div>
<div class="form-group col-md-12 distance-input">
<label id="alertshowprogress1"
>درصد پیشرفت فیزیکی</label
>
<input
type="text"
class="form-control"
name="progress-percentage1"
id="project-progress-percentage1"
/>
</div>
</div>
<div class="row" id="item2">
<div class="d-inline col-md-6">
<!-- <input
type="checkbox"
id="project-distance-2"
name="distance-2"
/> -->
<label for="project-distance-2"> ماسه آسفالت </label>
</div>
</div>
<div class="row" id="item2-data">
<div
class="form-group col-md-6 distance-input tooltipstart2"
>
<label
>کیلومتر
<small id="kilo2" style="color: red; display: none"
>مقدار باید از طول پروژه کمتر باشد </small
><small
id="kilomin2"
style="color: red; display: none"
>از کیلومتر گذشته نمیتواند کمتر شود
</small></label
>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-2-1"
min="0"
/>
</div>
<div class="form-group col-md-6 distance-input">
<label>تناژ</label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-2-2"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
maxlength="7"
min="0"
/>
</div>
<div class="form-group col-md-12 distance-input">
<label id="alertshowprogress2"
>درصد پیشرفت فیزیکی</label
>
<input
type="text"
class="form-control"
name="progress-percentage2"
id="project-progress-percentage2"
/>
</div>
</div>
<div class="row" id="item3">
<div class="d-inline col-md-6">
<!-- <input
type="checkbox"
id="project-distance-3"
name="distance-3"
/> -->
<label for="project-distance-3">
بازیافت سرد/گرم
</label>
</div>
</div>
<div class="row" id="item3-data">
<div
class="form-group col-md-6 distance-input tooltipstart3"
>
<label
>کیلومتر
<small id="kilo3" style="color: red; display: none"
>مقدار باید از طول پروژه کمتر باشد </small
><small
id="kilomin3"
style="color: red; display: none"
>از کیلومتر گذشته نمیتواند کمتر شود
</small></label
>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-3-1"
min="0"
/>
</div>
<div class="form-group col-md-6 distance-input">
<label>تناژ</label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-3-2"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
maxlength="7"
min="0"
/>
</div>
<div class="form-group col-md-12 distance-input">
<label id="alertshowprogress3"
>درصد پیشرفت فیزیکی</label
>
<input
type="text"
class="form-control"
name="progress-percentage3"
id="project-progress-percentage3"
/>
</div>
</div>
<div class="row" id="item4">
<div class="d-inline col-md-6">
<!-- <input
type="checkbox"
id="project-distance-4"
name="distance-4"
/> -->
<label for="project-distance-4">
میکروسرفیسینگ
</label>
</div>
</div>
<div class="row" id="item4-data">
<div
class="form-group col-md-6 distance-input tooltipstart4"
>
<label
>کیلومتر
<small id="kilo4" style="color: red; display: none"
>مقدار باید از طول پروژه کمتر باشد </small
><small
id="kilomin4"
style="color: red; display: none"
>از کیلومتر گذشته نمیتواند کمتر شود
</small></label
>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-4-1"
min="0"
/>
</div>
<div class="form-group col-md-6 distance-input">
<label>تناژ</label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-4-2"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
maxlength="7"
min="0"
/>
</div>
<div class="form-group col-md-12 distance-input">
<label id="alertshowprogress4"
>درصد پیشرفت فیزیکی</label
>
<input
type="text"
class="form-control"
name="progress-percentage4"
id="project-progress-percentage4"
/>
</div>
</div>
<div class="row" id="item5">
<div class="d-inline col-md-6">
<!-- <input
type="checkbox"
id="project-distance-5"
name="distance-5"
/> -->
<label for="project-distance-5"> چیپ سیل </label>
</div>
</div>
<div class="row" id="item5-data">
<div
class="form-group col-md-6 distance-input tooltipstart5"
>
<label
>کیلومتر
<small id="kilo5" style="color: red; display: none"
>مقدار باید از طول پروژه کمتر باشد </small
><small
id="kilomin5"
style="color: red; display: none"
>از کیلومتر گذشته نمیتواند کمتر شود
</small></label
>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-5-1"
min="0"
/>
</div>
<div class="form-group col-md-6 distance-input">
<label>تناژ</label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-5-2"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
maxlength="7"
min="0"
/>
</div>
<div class="form-group col-md-12 distance-input">
<label id="alertshowprogress5"
>درصد پیشرفت فیزیکی</label
>
<input
type="text"
class="form-control"
name="progress-percentage5"
id="project-progress-percentage5"
/>
</div>
</div>
<div class="row" id="item6">
<div class="d-inline col-md-6">
<!-- <input
type="checkbox"
id="project-distance-6"
name="distance-6"
/> -->
<label for="project-distance-6"> اسلاری سیل </label>
</div>
</div>
<div class="row" id="item6-data">
<div
class="form-group col-md-6 distance-input tooltipstart6"
>
<label
>کیلومتر
<small id="kilo6" style="color: red; display: none"
>مقدار باید از طول پروژه کمتر باشد </small
><small
id="kilomin6"
style="color: red; display: none"
>از کیلومتر گذشته نمیتواند کمتر شود
</small></label
>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-6-1"
min="0"
/>
</div>
<div class="form-group col-md-6 distance-input">
<label>تناژ</label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-6-2"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
maxlength="7"
min="0"
/>
</div>
<div class="form-group col-md-12 distance-input">
<label id="alertshowprogress6"
>درصد پیشرفت فیزیکی</label
>
<input
type="text"
class="form-control"
name="progress-percentage6"
id="project-progress-percentage6"
/>
</div>
</div>
<div class="row" id="item7">
<div class="d-inline col-md-6">
<label for="project-distance-7"> اسکراب سیل </label>
</div>
</div>
<div class="row" id="item7-data">
<div
class="form-group col-md-6 distance-input tooltipstart7"
>
<label
>کیلومتر
<small id="kilo7" style="color: red; display: none"
>مقدار باید از طول پروژه کمتر باشد </small
><small
id="kilomin7"
style="color: red; display: none"
>از کیلومتر گذشته نمیتواند کمتر شود
</small></label
>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-7-1"
min="0"
/>
</div>
<div class="form-group col-md-6 distance-input">
<label>تناژ</label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-7-2"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
maxlength="7"
min="0"
/>
</div>
<div class="form-group col-md-12 distance-input">
<label id="alertshowprogress7"
>درصد پیشرفت فیزیکی</label
>
<input
type="text"
class="form-control"
name="progress-percentage7"
id="project-progress-percentage7"
/>
</div>
</div>
<div class="row" id="item8">
<div class="d-inline col-md-6">
<label for="project-distance-8"> فوگ سیل </label>
</div>
</div>
<div class="row" id="item8-data">
<div
class="form-group col-md-6 distance-input tooltipstart8"
>
<label
>کیلومتر
<small id="kilo8" style="color: red; display: none"
>مقدار باید از طول پروژه کمتر باشد </small
><small
id="kilomin8"
style="color: red; display: none"
>از کیلومتر گذشته نمیتواند کمتر شود
</small></label
>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-8-1"
min="0"
/>
</div>
<div class="form-group col-md-6 distance-input">
<label>تناژ</label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-8-2"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
maxlength="7"
min="0"
/>
</div>
<div class="form-group col-md-12 distance-input">
<label id="alertshowprogress8"
>درصد پیشرفت فیزیکی</label
>
<input
type="text"
class="form-control"
name="progress-percentage8"
id="project-progress-percentage8"
/>
</div>
</div>
<div class="row" id="item9">
<div class="d-inline col-md-6">
<label for="project-distance-9"> سیل کت </label>
</div>
</div>
<div class="row" id="item9-data">
<div
class="form-group col-md-6 distance-input tooltipstart9"
>
<label
>کیلومتر
<small id="kilo9" style="color: red; display: none"
>مقدار باید از طول پروژه کمتر باشد </small
><small
id="kilomin9"
style="color: red; display: none"
>از کیلومتر گذشته نمیتواند کمتر شود
</small></label
>
<input
type=" number"
class="form-control"
name="axis-name"
id="project-distance-input-9-1"
min="0"
/>
</div>
<div class="form-group col-md-6 distance-input">
<label>تناژ</label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-9-2"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
maxlength="7"
min="0"
/>
</div>
<div class="form-group col-md-12 distance-input">
<label id="alertshowprogress9"
>درصد پیشرفت فیزیکی</label
>
<input
type="text"
class="form-control"
name="progress-percentage"
id="project-progress-percentage9"
/>
</div>
</div>
<div class="row" id="item10">
<div class="d-inline col-md-6">
<label for="project-distance-10"> کیپ سیل </label>
</div>
</div>
<div class="row" id="item10-data">
<div
class="form-group col-md-6 distance-input tooltipstart10"
>
<label
>کیلومتر
<small id="kilo10" style="color: red; display: none"
>مقدار باید از طول پروژه کمتر باشد </small
><small
id="kilomin10"
style="color: red; display: none"
>از کیلومتر گذشته نمیتواند کمتر شود
</small></label
>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-10-1"
min="0"
/>
</div>
<div class="form-group col-md-6 distance-input">
<label>تناژ</label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-10-2"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
maxlength="7"
min="0"
/>
</div>
<div class="form-group col-md-12 distance-input">
<label id="alertshowprogress10"
>درصد پیشرفت فیزیکی</label
>
<input
type="text"
class="form-control"
name="progress-percentage10"
id="project-progress-percentage10"
/>
</div>
</div>
<div class="row" id="item11">
<div class="d-inline col-md-6">
<label for="project-distance-11">
آسفالت سرد/ردمیکس
</label>
</div>
</div>
<div class="row" id="item11-data">
<div
class="form-group col-md-6 distance-input tooltipstart11"
>
<label
>کیلومتر
<small id="kilo11" style="color: red; display: none"
>مقدار باید از طول پروژه کمتر باشد </small
><small
id="kilomin11"
style="color: red; display: none"
>از کیلومتر گذشته نمیتواند کمتر شود
</small></label
>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-11-1"
min="0"
/>
</div>
<div class="form-group col-md-6 distance-input">
<label>تناژ</label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-11-2"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
maxlength="7"
min="0"
/>
</div>
<div class="form-group col-md-12 distance-input">
<label id="alertshowprogress11"
>درصد پیشرفت فیزیکی</label
>
<input
type="text"
class="form-control"
name="progress-percentage11"
id="project-progress-percentage11"
/>
</div>
</div>
<div class="row" id="item12">
<div class="d-inline col-md-6">
<label for="project-distance-12"> لکه گیری </label>
</div>
</div>
<div class="row" id="item12-data">
<div
class="form-group col-md-4 distance-input tooltipstart12"
>
<label
>کیلومتر
<small id="kilo12" style="color: red; display: none"
>مقدار باید از طول پروژه کمتر باشد </small
><small
id="kilomin12"
style="color: red; display: none"
>از کیلومتر گذشته نمیتواند کمتر شود
</small></label
>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-12-1"
min="0"
/>
</div>
<div class="form-group col-md-4 distance-input">
<label>مترمربع</label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-12-2"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
maxlength="7"
min="0"
/>
</div>
<div class="form-group col-md-4 distance-input">
<label>تناژ</label>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-12-3"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
maxlength="7"
min="0"
/>
</div>
<div class="form-group col-md-12 distance-input">
<label id="alertshowprogress12"
>درصد پیشرفت فیزیکی</label
>
<input
type="text"
class="form-control"
name="progress-percentage12"
id="project-progress-percentage12"
/>
</div>
</div>
<div class="row" id="item13">
<div class="d-inline col-md-6">
<label for="project-distance-13"> درزگیری </label>
</div>
</div>
<div class="row" id="item13-data">
<div
class="form-group col-md-6 distance-input tooltipstart13"
>
<label
>کیلومتر<small
id="kilo13"
style="color: red; display: none"
>مقدار باید از طول پروژه کمتر باشد </small
><small
id="kilomin13"
style="color: red; display: none"
>از کیلومتر گذشته نمیتواند کمتر شود
</small></label
>
<input
type="number"
class="form-control"
name="axis-name"
id="project-distance-input-13-1"
min="0"
/>
</div>
<div class="form-group col-md-12 distance-input">
<label id="alertshowprogress13"
>درصد پیشرفت فیزیکی</label
>
<input
type="text"
class="form-control"
name="progress-percentage13"
id="project-progress-percentage13"
/>
</div>
</div>
<div class="row">
<!-- <div class="form-group col-md-6 distance-input tooltipstartcost">
<label>مطالبات پیمانکار
<small>(میلیارد ریال)</small> <small id="costkol" style="display: none;color:red ;">از رقم
قرارداد نمی تواند بیشتر باشد </small></label>
<input type="number" class="form-control" id="contractor-fee" min="0" />
</div> -->
<div class="form-group col-md-6 distance-input">
<label>آخرین وضعیت پروژه</label>
<select class="form-control" id="project_last_status">
<option value="0">
توسط استان بروز رسانی نشده است
</option>
<option value="1">در دست برنامه ریزی اولیه</option>
<option value="2">
در دست مطالعه و تهیه اسناد مناقصه
</option>
<option value="3">در دست مناقصه</option>
<option value="4">در حال تجهیز کارگاه</option>
<option value="5">در حال اجرا/فعال</option>
<option value="6">در حال اجرا/متوقف</option>
<option value="7">
در حال آماده سازی برای افتتاح
</option>
<option value="8">
تکمیل و خاتمه یافته و بهره برداری شده
</option>
</select>
</div>
</div>
<div
id="stop-reason-text-div"
class="row form-group col-md-12 distance-input"
style="display: none"
>
<textarea
maxlength="190"
id="stop-reason-text"
class="form-control"
></textarea>
</div>
<!-- <div class="col-md-12"> -->
<div class="row">
<div class="col-md-12">
<div class="abrar-map-layout">
<span class="abrar-map-title d-inline">
موقعیت پروژه و اکیپ روی نقشه</span
>
<div id="abrar-map-2"></div>
</div>
</div>
</div>
<!-- </div> -->
<!-- <div id="image-upload-modal">
</div> -->
</div>
<hr />
<button
type="button"
class="btn btn-success float-left"
id="add-update-button"
>
ثبت و بروزرسانی
</button>
<!-- <button
type="button"
class="btn btn-warning float-right"
id="add-prev-step"
>
انصراف
</button> -->
</form>
</div>
</div>
</div>
</div>
<!-- End Edit Modal -->
<div
class="modal fade"
id="exampleModalCenterStatic"
tabindex="-1"
role="dialog"
aria-labelledby="exampleModalCenterTitleStatic"
aria-hidden="true"
>
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
{{--
<h5 class="modal-title" id="exampleModalLongTitleStatic">
موقعیت محلی
</h5>
--}}
<button
type="button"
class="close"
data-dismiss="modal"
aria-label="Close"
>
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div style="width: 100%">
<div class="row">
<div class="col-md-12 mb-3">
<div class="abrar-map-layout">
<span class="abrar-map-title d-inline"
>مشاهده موقعیت راهدارخانه روی نقشه</span
>
<div id="abrar-map-static"></div>
<div class="row map-latlng-input-row">
<div class="col-md-12"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-danger btn-prev"
data-dismiss="modal"
>
انصراف
</button>
</div>
</div>
</div>
</div>
<div
class="modal fade show"
id="stepModalprojecttype"
style="display: none"
aria-modal="true"
>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">انتخاب نوع پروژه</h4>
<button type="button" class="close" data-dismiss="modal">
×
</button>
</div>
<!-- Modal body -->
<div class="modal-body" style="display: block">
<form>
<div class="form-row">
<div class="form-group col-md-6">
<div class="icheck-primary d-inline">
<input
type="radio"
id="roadmaintanace"
name="projecttype"
/>
<label
class="projecttypemodal"
for="roadmaintanace"
style="font-size: 11px"
>
روکش آسفالت <small> (نگهداری راه )</small>
</label>
</div>
</div>
<div class="form-group col-md-6">
<div class="icheck-primary d-inline mr-0">
<input
type="radio"
id="reviewdangerpoint"
name="projecttype"
/>
<label
class="projecttypemodal"
for="reviewdangerpoint"
style="font-size: 11px"
>
رفع نقاط حادثه خیز /پرتصادف
</label>
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<div class="icheck-primary d-inline mr-0">
<input
type="radio"
id="improveroad"
name="projecttype"
/>
<label
class="projecttypemodal"
for="improveroad"
style="font-size: 11px"
>
ارتقای ایمنی راه
</label>
</div>
</div>
<div class="form-group col-md-6">
<div class="icheck-primary d-inline">
<input
type="radio"
id="faniproject"
name="projecttype"
/>
<label
class="projecttypemodal"
for="faniproject"
style="font-size: 11px"
>ابنیه فنی <small>(نگهداری ابنیه فنی )</small>
</label>
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<div class="icheck-primary d-inline mr-0">
<input
type="radio"
id="rahdarkhane"
name="projecttype"
/>
<label
class="projecttypemodal"
for="rahdarkhane"
style="font-size: 11px"
>
راهدارخانه ها
<small>(بهسازی و نوسازی )</small></label
>
</div>
</div>
<div class="form-group col-md-6">
<div class="icheck-primary d-inline mr-0">
<input
type="radio"
id="projectbuild"
name="projecttype"
/>
<label for="projectbuild" style="font-size: 11px">
احداث راه روستایی</label
>
</div>
</div>
</div>
<button
type="button"
class="btn btn-success float-left"
id="approveprojecttype"
style="font-size: 13px"
>
تایید
</button>
<button
type="button"
class="btn btn-warning float-right"
data-dismiss="modal"
style="font-size: 13px"
>
انصراف
</button>
</form>
</div>
</div>
</div>
</div>
<!-- Image Upload Modal -->
<div class="modal fade" id="image-upload-modal">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">آپلود عکس</h4>
{{--
<button type="button" class="close" data-dismiss="modal">
&times;
</button>
--}}
</div>
<!-- Modal body -->
<div class="modal-body" style="display: block"></div>
</div>
</div>
</div>
<!-- End Image Upload Modal -->
<!-- Slider Modal -->
<div id="slideroverlay" class="slideroverlay">
<div class="upload-confirm"></div>
<!-- Modal content -->
<div class="modal-content">
<span class="close"></span>
<div class="slideshow">
<div id="slideshow-slide" class="slideshow-container">
<a class="prev">&#10095;</a>
<a class="next">&#10094;</a>
</div>
<br />
<div id="slideshow-dot" style="text-align: center"></div>
</div>
</div>
</div>
<!-- End Slider Modal -->
</div>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
</div>
<!-- ./wrapper -->
<!-- REQUIRED SCRIPTS -->
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- InputMask -->
<script src="../plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
<!-- Leaflet -->
<script src="../dist/js/leaflet.js"></script>
<!-- Leaflet Routing Machine js -->
<script src="../dist/js/leaflet-routing-machine.js"></script>
<script src="../plugins/sweetalert2/sweetalert2.all.min.js"></script>
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../dist/js/dataTables.bootstrap4.min.js"></script>
<script src="../dist/js/datatables/persian.js"></script>
<script src="../plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="../plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="../plugins/bootstrap/buttons.print.min.js"></script>
<!-- Persian Datepicker -->
<script src="../dist/js/jszip.min.js"></script>
<script src="../dist/js/persian-date.min.js"></script>
<script src="../dist/js/persian-datepicker.min.js"></script>
<!-- Bootstrap slider -->
<script src="../plugins/bootstrap-slider/bootstrap-slider.min.js"></script>
<script src="../plugins/select2/js/select2.full.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
<!-- Page Script -->
<script src="../dist/js/rahdari-rmto.js"></script>
</body>
</html>