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

2809 lines
144 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" /> --}}
<meta name="csrf-token" content="{{ csrf_token() }}">
<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;
}
.abrar-map-title2 {
position: absolute;
top: 40px;
right: 5px;
z-index: 1000;
padding: 4px 7px;
color: #fff;
font-size: 10px;
font-weight: 500;
border-radius: 0.25rem;
background-color: rgba(255, 85, 7, 0.986);
}
.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;
}
/* change hamine start */
label {
font-size: 0.8rem;
font-weight: 500 !important;
color: #000;
}
/* change hamine end */
.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;
}
/* change hamine start */
.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;
}
/* change hamine end */
.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;
}
/* change hamine start */
.pin-marker.pin-warn>.map-pin-marker>.pin-title-circle {
background-color: #e90a0a;
}
/* change hamine end */
.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;
}
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;
}
div.dt-buttons {
position: relative;
float: right;
}
div.dataTables_wrapper div.dataTables_filter {
text-align: left;
}
.file-input {
display: none;
}
.modal-error-message {
display: none;
}
.zoomimage {
width: 100%;
height: 80px;
}
.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 {}
.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 {
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: 11px;
/* font-weight: bold !important; */
color: rgba(0, 0, 0, 0.5);
}
.form-control {
font-size: 13px;
}
.labelupdatemodal {
color: black;
font-size: 11px;
font-weight: bold;
}
.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);
}
.dt-button:nth-child(1) {
background: #007bff !important;
border-color: #007bff !important;
color: white !important;
line-height: 30.5px;
}
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;
font-size: 12px;
}
.dt-button.buttons-excel.buttons-html5 {
background: #28a745 !important;
border-color: #28a745 !important;
}
.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;
}
.colorset {
background-color: #286893;
color: white
}
.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="https://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="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">
<!-- 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: 11%;">
عنوان پروژه
</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">
<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">
<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="2" style="width: 9%;" style="font-size: 12px">نصب حفاظ
بتنی </th>
<th colspan="2" style="width: 10%;" style="font-size: 12px">
نصب حفاظ فلزی /گارد ریل
</th>
<th colspan="2" style="width: 10%;" style="font-size: 12px">
اجرای روشنایی طولی
</th>
<th colspan="2" style="width: 10%;" style="font-size: 12px">
اجرای روشنایی نقطه ای
</th>
<th colspan="2" style="width: 9%;" style="font-size: 12px">
نصب علائم ایمنی (اخباری )
</th>
<th colspan="2" style="width: 10%;" style="font-size: 12px">
نصب علائم ایمنی (سایر )
</th>
<th colspan="2" style="width: 9%;" style="font-size: 12px">
خط کشی
</th>
<th colspan="2" style="width: 10%;" style="font-size: 12px">
اصلاح شیب شیروانی
</th>
<th colspan="1" style="width: 9%;" style="font-size: 12px">
سایر اقدامات
</th>
<th rowspan="2" style="width: 3%;">
آخرین وضعیت پروژه
</th>
<th rowspan="2" style="width: 4%;">عملیات</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>
</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="noghte1"
name="ehdas" value="1">
<label for="noghte1" class="noghte1">
نصب حفاظ بتنی </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="noghte2"
name="ehdas" value="2">
<label for="noghte2" class="noghte2">نصب حفاظ فلزی /گارد ریل
</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="noghte3"
name="ehdas" value="3">
<label for="noghte3" class="noghte3">
اجرای روشنایی طولی/نقطه ای
</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="noghte4"
name="ehdas" value="4">
<label for="noghte4" class="noghte4">
نصب علائم ایمنی </label>
</div>
</div>
</div>
<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="noghte5"
name="ehdas" value="1">
<label for="noghte5" class="noghte5">
خط کشی</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="noghte6"
name="ehdas" value="2">
<label for="noghte6" class="noghte6"> سایر اقدامات ایمنی راه
</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="form-group col-md-6 ">
<label class="required-label">توضیحات</label>
<textarea class="form-control" id="tozihat" maxlength="200"></textarea>
</div>
</div>
</div>
</div>
</div>
<button type="button" class="btn btn-success" id="submittool" style="float: left">ثبت
</button>
</form>
</div>
</div> -->
<!--kilometr-->
<div class="tool-main up" id="tool-main" style="display: none;">
<!-- Default box -->
<div id="projecttool-list-card" class="card">
<div class="card-header">
<h3 class="card-title">
نوع عملیات
</h3>
</div>
<div class="card-body table-responsive p-4">
<table class="table table-striped table-bordered projects" id="exampletool"
style="width: 100%;">
<thead>
<tr class="headercolortable" style="">
<th class="tablefontheader" style="width: 5%;">
نصب حفاظ بتنی
</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%;">
نصب علائم ایمنی (اخباری)
</th>
<th class="tablefontheader" style="width: 8%;">
نصب علائم ایمنی (سایر )
</th>
<th class="tablefontheader" style="width: 4%;">
خط کشی
</th>
<th class="tablefontheader" style="width: 6%;">
اصلاح شیب شیروانی
</th>
<th class="tablefontheader" style="width: 10%;">
سایر اقدامات
</th>
<th class="tablefontheader" style="width: 6%; text-align: center;">
عملیات
</th>
</tr>
</thead>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!--kilometr-->
</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>
<span class="abrar-map-title2 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="text" class="form-control" name="axis-name"
id="project-distance-input-9" placeholder=""
maxlength="50" />
</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-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-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>
<!-- change hamine start -->
<!-- </div> -->
<!-- change hamine end -->
<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-12 distance-input">
<label id="alertshowprogress2" style="color: #fff !important;">درصد
پیشرفت فیزیکی</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-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-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-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-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">
<label for="project-distance-5" class="labelupdatemodal">
نصب علائم ایمنی (اخبار )
</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-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">
<label for="project-distance-6" class="labelupdatemodal">
نصب علائم ایمنی (سایر )
</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-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" class="labelupdatemodal">
خط کشی
</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-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" class="labelupdatemodal">
اصلاح شیب شیروانی
</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-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" class="labelupdatemodal">
سایر اقدامات
</label>
</div>
</div>
<div class="row" id="item9-data">
<div class="form-group col-md-12 distance-input">
<label id="alertshowprogress9">درصد پیشرفت فیزیکی</label>
<input type="text" class="form-control" name="progress-percentage9"
id="project-progress-percentage9" />
</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>
<!-- change hamine start -->
<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="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>
<!-- change hamine end -->
<hr />
<button type="button" class="btn btn-success float-left" id="add-update-button">
ثبت و بروزرسانی
</button>
</form>
</div>
</div>
</div>
</div>
<!-- End Edit Modal -->
<!-- change hamine start -->
<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>
<!-- change hamine end -->
<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/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-upgrade-safety.js?v=8.5"></script>
</body>
</html>