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

2184 lines
109 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="o0xGetEISz6FKUgyOPJSnl5imIBBmcZxqKb9I6dt" />
<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" />
<!-- 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;
}
.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 {
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-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: #a6dcef;
}
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: max-content;
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: #a6dcef;
}
.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;
}
.headercolor {
background-color: #a6dcef;
border: 2px solid black;
}
.cardborder {
border: 2px solid black;
}
/* .card-title {
float: right;
font-size: 12px;
font-weight: bold;
} */
.card-body .radio-header {
font-size: 11px;
font-weight: bold;
color: rgba(0, 0, 0, 0.5);
display: inline-block;
margin-bottom: 0.5rem;
}
.icheck-primary label {
font-weight: 400 !important;
font-size: 11px;
}
label {
font-size: 0.8rem;
font-weight: 500 !important;
color: #000;
}
.form-control {
font-size: 13px;
}
.labelupdatemodal {
color: black;
font-size: 11px;
font-weight: bold;
}
</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="#"><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="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">
<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="margin-top: 16px;">
<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: 7%;">
عنوان پروژه
</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: 12%;">
اخرین وضعیت پروژه
</th>
<th class="tablefontheader" style="width: 20%;">
اطلاعات تکمیلی پروژه
</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="margin-top: 16px;">
<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="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="margin-top: 16px;">
<table class="table table-striped table-bordered projects" id="example-update"
style="width: 100%;">
<thead>
<tr class="colorset">
<th rowspan="2" style="width: 1%;">ردیف</th>
<th rowspan="2" style="width: 5%;">
تاریخ به روز رسانی
</th>
<th colspan="1" style="width: 8%;">احداث ابنیه فنی </th>
<th colspan="1" style="width: 8%;">
عملیات خاکی
</th>
<th colspan="1" style="width: 8%;">
روسازی
</th>
<th colspan="1" style="width: 8%;">
آسفالت
</th>
<th rowspan="2" style="width: 3%;">
آخرین وضعیت پروژه
</th>
<th rowspan="2" style="width: 5%;">عملیات</th>
</tr>
<tr style="background-color: #9abbd3;">
<th> درصد پیشرفت فیزیکی</th>
<th> درصد پیشرفت فیزیکی</th>
<th> درصد پیشرفت فیزیکی</th>
<th> درصد پیشرفت فیزیکی</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
<div id="tool-ehdas" class="card up" style="display: none;width: 99%; margin-right: 7px;">
<div class="card-header headercolor">
<h3 class="card-title">
نوع عملیات
</h3>
</div>
<div class="card-body cardborder ">
<form>
<div class="form-row">
<div class="col-sm-12">
<div class="radio-header required-label acclabel1"> احداث راه روستایی
</div>
<div class="form-group radio-body clearfix">
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input
type="checkbox" id="ehdas1" name="ehdas" value="1">
<label for="ehdas1" class="ehdas1">
احداث ابنیه فنی </label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input
type="checkbox" id="ehdas2" name="ehdas" value="2">
<label for="ehdas2" class="ehdas2"> عملیات خاکی
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input
type="checkbox" id="ehdas3" name="ehdas" value="3">
<label for="ehdas3" class="ehdas3">
روسازی
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input
type="checkbox" id="ehdas4" name="ehdas" value="4">
<label for="ehdas4" class="ehdas4">
آسفالت</label>
</div>
</div>
</div>
</div>
</div>
</div>
<button type="button" class="btn btn-success" id="submittool"
style="float: left">ثبت
</button>
</form>
</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) != 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 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"
placeholder="طول پروژه (به کیلومتر)" min="0" />
</div>
<div class="form-group col-md-6">
<label>
ماسه آسفالت
</label>
<input type="number" class="form-control" name="axis-name"
id="project-distance-input-2"
placeholder="طول پروژه (به کیلومتر)" min="0" />
</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"
placeholder="طول پروژه (به کیلومتر)" min="0" />
</div>
<div class="form-group col-md-6">
<label>
میکروسرفیسینگ
</label>
<input type="number" class="form-control" name="axis-name"
id="project-distance-input-4"
placeholder="طول پروژه (به کیلومتر)" min="0" />
</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"
placeholder="طول پروژه (به کیلومتر)" min="0" />
</div>
<div class="form-group col-md-6">
<label>
اسلاری سیل
</label>
<input type="number" class="form-control" name="axis-name"
id="project-distance-input-6"
placeholder="طول پروژه (به کیلومتر)" min="0" />
</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"
placeholder="طول پروژه (به کیلومتر)" min="0" />
</div>
<div class="form-group col-md-6">
<label>
فوگ سیل
</label>
<input type="number" class="form-control" name="axis-name"
id="project-distance-input-8"
placeholder="طول پروژه (به کیلومتر)" min="0" />
</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"
placeholder="طول پروژه (به کیلومتر)" min="0" />
</div>
<div class="form-group col-md-6">
<label>
کیپ سیل
</label>
<input type="number" class="form-control" name="axis-name"
id="project-distance-input-10"
placeholder="طول پروژه (به کیلومتر)" min="0" />
</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"
placeholder="طول پروژه (به کیلومتر)" min="0" />
</div>
<div class="form-group col-md-6">
<label>
لکه گیری
</label>
<input type="number" class="form-control" name="axis-name"
id="project-distance-input-12"
placeholder="طول پروژه (به کیلومتر)" min="0" />
</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"
placeholder="طول پروژه (به کیلومتر)" min="0" />
</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-6">
<label for="project-distance-2" class="labelupdatemodal">
احداث ابنیه فنی
</label>
</div>
</div>
<div class="row" id="item1-data">
<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">
<label for="project-distance-3" class="labelupdatemodal">
عملیات خاکی
</label>
</div>
</div>
<div class="row" id="item2-data">
<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">
<label for="project-distance-4" class="labelupdatemodal">
روسازی
</label>
</div>
</div>
<div class="row" id="item3-data">
<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">
<label for="project-distance-5" class="labelupdatemodal">
آسفالت
</label>
</div>
</div>
<div class="row" id="item4-data">
<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">
<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>
<hr />
<button type="button" class="btn btn-success float-left" id="add-update-button">
ثبت و بروزرسانی
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- End Edit Modal -->
<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>
<!-- Persian Datepicker -->
<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>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
<!-- Page Script -->
<script src="../dist/js/road-construction-rural.js?v=2.2"></script>
</body>
</html>