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

2965 lines
163 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: #007bff !important;
border-color: #007bff !important;
color: white;
line-height: 30px;
}
table.dataTable tbody tr.selected {
background-color: #29AB87;
}
.select2 {
width: 85% !important;
}
.dt-button:nth-child(3) {
background: gold !important;
border-color: gold !important;
color: white;
line-height: 30px;
}
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;
}
#btn_filter_show {
color: white;
background: gold !important;
border-color: gold !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
font-size: 13px;
}
.select2-container {
width: 100% !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="dropdown-141">
<button class="dropbtn">
<img src="../dist/images/icons/caution.svg"> پروژه های راهداری
</button>
<div class="dropdown-content">
<a> پروژه های راهداری </a>
{{-- <a onclick="showprojecttype()"> تعریف و بروزرسانی پروژه‌ها </a>
<a href="https://rms.rmto.ir/road-maintenance-project/report" target="_self"> جمع‌بندی عملکرد </a>
<a id="show-maintenance-points" style="cursor:pointer"> پراکندگی پروژه‌ها </a> --}}
<a onclick="showprojecttest(1)" style="cursor:pointer"> روکش آسفالت (نگهداری راه) </a>
<a onclick="showprojecttest(2)" style="cursor:pointer"> رفع نقاط حادثه خیز / پرتصادف </a>
<a onclick="showprojecttest(3)" style="cursor:pointer"> ارتقای ایمنی راه </a>
<a onclick="showprojecttest(4)" style="cursor:pointer"> ابنیه فنی (نگهداری ابنیه فنی) </a>
<a onclick="showprojecttest(5)" style="cursor:pointer"> راهدارخانه ها (بهسازی و نوسازی) </a>
{{-- <a onclick="" style="cursor:pointer"> احداث راه روستایی</a> --}}
{{-- <a onclick="showprojecttest(6)" style="cursor:pointer"> احداث راه روستایی</a> --}}
</div>
</div>
<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: none">
<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="">
<!-- pooria -->
<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 id="select-city1" name="states[]"
multiple="multiple"
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-5">
<select class="last_statusfilter form-control"
name="states[]" multiple="multiple">
<option value="firststatus">
در دست برنامه ریزی اولیه
</option>
<option value="secondstatus">
در دست مطالعه و تهیه اسناد مناقصه
</option>
<option value="thirdstatus">
در دست مناقصه
</option>
<option value="fourthstatus">
در حال تجهیز کارگاه
</option>
<option value="fifthstatus">
در حال اجرا/فعال
</option>
<option value="sixstatus">
در حال اجرا/متوقف
</option>
<option value="sevenstatus">
در حال آماده سازی برای افتتاح
</option>
<option value="eightstatus">
تکمیل و خاتمه یافته و بهره برداری شده
</option>
</select>
</div>
<div class="col-3">
<select class="typemehvar form-control" name="states[]"
multiple="multiple">
<option value="typeroostayi">
روستایی
</option>
<option value="typefaryi">فرعی</option>
<option value="typeasli">اصلی</option>
<option value="typeshryani">شریانی</option>
</select>
</div>
<div class="col-3">
<select name="states[]" multiple="multiple"
class="yearfilter form-control">
<!-- <option value="type1399">1399</option>
<option value="type1398">1398</option>
<option value="type1397">1397</option>
<option value="type1396">1396</option>
<option>سال 1395 و ما قبل</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>
<!--End pooria -->
<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: 7%;">
شهرستان
</th>
<th class="tablefontheader" style="width: 8%;">
نام محور
</th>
<th class="tablefontheader" style="width: 6%;">
نوع محور
</th>
<th class="tablefontheader" style="width: 12%;">
عنوان پروژه
</th>
<th class="tablefontheader" style="width: 7%; font-size: 11px;">
پیمانکار
</th>
<th class="tablefontheader" style="width: 6%;">
سال شروع
</th>
<th class="tablefontheader" style="width: 7%;">
تاریخ ثبت
</th>
<th class="tablefontheader" style="width: 8%;">
اخرین بروزرسانی
</th>
<th class="tablefontheader" style="width: 10%;">
اخرین وضعیت پروژه
</th>
<th class="tablefontheader">نوع عملیات </th>
<th class="tablefontheader"> طول پروژه</th>
<th class="tablefontheader"> درصد پیشرفت فیزیکی </th>
<th class="tablefontheader" style="width: 18%;">
اطلاعات تکمیلی پروژه
</th>
</tr>
</thead>
</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: 22%;">
عملیات
</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">ردیف</th>
<th rowspan="2">
تاریخ به روز رسانی
</th>
<th colspan="3">روکش آسفالت</th>
<th colspan="3">
ماسه آسفالت و رگلاژی
</th>
<th colspan="3">
بازیافت سرد و گرم
</th>
<th colspan="3">
میکروسرفیسینگ
</th>
<th colspan="3">چیپ سیل</th>
<th colspan="3">اسلاری سیل</th>
<th colspan="3">اسکراب سیل</th>
<th colspan="3">فوگ سیل</th>
<th colspan="3">سیل کت</th>
<th colspan="3">کیپ سیل</th>
<th colspan="3">
آسفالت سرد / ردمیکس
</th>
<th colspan="4">لکه گیری</th>
<th colspan="2">درزگیری</th>
<th rowspan="2" style="width: 60px">
آخرین وضعیت پروژه
</th>
<th rowspan="2">موقعیت قرارگیری اکیپ</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 id="stepModalmaintenance" 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) != 14){this.value = 14}"
placeholder="(سال شروع)" id="yearshown" maxlength="4"
value="14" />
</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 class="col-md-4">
{{-- yasiutest --}}
<label>
درجه اهمیت پروژه
</label>
<select class="form-control" name="projectrate"
id="projectrateid">
<option value="0"> درجه اهمیت پروژه</option>
<option value="1">بسیار حائز اهمیت</option>
<option value="2">عادی</option>
<option value="3">پروژه با اهمیت کم</option>
</select>
</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="../plugins/select2/persian-date.min.js"></script>
<script src="../dist/js/road-maintenance-project.js?v=8.766545721"></script>
</body>
</html>