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

1564 lines
51 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="csrf-token" content="{{ csrf_token() }}" />
<title>ثبت فعالیت روزانه و جاری راهداری</title>
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css" />
<!-- IRANSans Font -->
<link rel="stylesheet" href="../dist/css/fontiran.css" />
<!-- icheck bootstrap -->
<link
rel="stylesheet"
href="../plugins/icheck-bootstrap/icheck-bootstrap.min.css"
/>
<!-- Leaflet -->
<link rel="stylesheet" href="../dist/css/leaflet.css" />
<link rel="stylesheet" href="../dist/css/MarkerCluster.css" />
<link rel="stylesheet" href="../dist/css/MarkerCluster.Default.css" />
<!-- ChartJS -->
<link rel="stylesheet" href="../plugins/chart.js/Chart.min.css" />
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/adminlte.css?v=0.1" />
<style>
.zoom {
height: 30px;
width: 30px;
transition: transform 0.2s;
}
.zoom:hover {
-ms-transform: scale(2);
/* IE 9 */
-webkit-transform: scale(2);
/* Safari 3-8 */
transform: scale(2);
}
.card-header {
padding: 0.75rem 1.25rem 0.2rem;
}
th {
font-size: 13px;
}
td {
font-size: 14px;
}
button.btn {
font-size: 12px;
}
i {
font-size: 10px;
}
label {
font-size: 0.8rem;
font-weight: 500 !important;
color: rgba(0, 0, 0, 0.5);
}
.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: 300px;
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;
}
label {
color: #000;
}
.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;
}
</style>
</head>
<body
class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed sidebar-collapse starter-project-page"
>
<div class="wrapper road-items-page">
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Main content -->
<div class="content">
<div class="container-fluid">
<div class="starter-content">
<!-- 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="handleTopMenuClick(1)"
>
<img src="../dist/images/icons/home.svg" />صفحه اصلی
</button>
<div class="dropdown-141">
<button class="dropbtn">
<img src="../dist/images/icons/pplusss.svg" />
ثبت فعالیت روزانه
</button>
<div class="dropdown-content">
<a> ثبت فعالیت روزانه </a>
{{-- <a href="https://rms.rmto.ir/road-construction/create" style="cursor: pointer" target="_blank">
ثبت فعالیت روزانه
</a> --}}
<a href="https://rms.rmto.ir/road-items/create" style="cursor: pointer" target="_blank">
فعالیت های روزانه و جاری راهداری
</a>
<a href="https://rms.rmto.ir/rmto-patrol" style="cursor: pointer" target="_blank">
گشت راهداری و ترابری
</a>
<a href="https://rms.rmto.ir/users/projects" style="cursor: pointer" target="_blank">
مدیریت پروژه ها
</a>
</div>
</div>
<div class="clearfix"></div>
<form
id="logout-form"
action="{{ route('logout') }}"
method="POST"
style="display: none;"
>
@csrf
</form>
</div>
</header>
<!-- END TOP MENU -->
<div class="starter-loader-container">
<div class="starter-loader"></div>
</div>
<!-- <div class="list-project-items"></div> -->
<!-- New Project Modal -->
<div class="modal fade" id="reportModal">
<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">
<div
class="report-item-box"
onclick="window.open('/road-construction/create', '_self');"
>
<div class="report-title">
<img
src="../dist/images/layer-icons/machinery.svg"
width="64px"
/>
<p class="mt-4">پروژه راه‌های روستایی</p>
</div>
</div>
<div
class="report-item-box"
onclick="window.open('/road-items/create', '_self');"
>
<div class="report-title">
<img
src="../dist/images/layer-icons/barrier.svg"
width="64px"
/>
<p class="mt-4">پروژه راهداری</p>
</div>
</div>
<div
class="report-item-box"
onclick="window.open('/rmto-patrol', '_self');"
>
<div class="report-title">
<img
src="../dist/images/layer-icons/pickup-truck.svg"
width="30px"
/>
<p class="mt-4">گشت راهداری</p>
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button
type="button"
class="btn btn-secondary"
data-dismiss="modal"
>
بستن
</button>
</div>
</div>
</div>
</div>
<!-- vertical Modal -->
<div class="modal fade" id="vertical-menu">
<div
class="modal-dialog modal-dialog-centered modal-dialog-scrollable"
>
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">آیتم راهداری روزانه و جاری </h4>
<button type="button" class="close" data-dismiss="modal">
&times;
</button>
</div>
<!-- Modal body -->
<div class="modal-body modal-vertical-items">
<div class="row">
<div class="col-sm-6">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-1" name="r1" />
<label id="item-1-name" for="item-1">
مرمت رویه
</label>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-2" name="r1" />
<label id="item-2-name" for="item-2">
پاکسازی
</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-3" name="r1" />
<label id="item-3-name" for="item-3">
علائم
</label>
</div>
</div>
</div>
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-4" name="r1" />
<label id="item-4-name" for="item-4">
حفاظ
</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-5" name="r1" />
<label id="item-5-name" for="item-5">
روشنایی
</label>
</div>
</div>
</div>
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-6" name="r1" />
<label id="item-6-name" for="item-6">
خط کشی
</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-7" name="r1" />
<label id="item-7-name" for="item-7">
رنگ آمیزی
</label>
</div>
</div>
</div>
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-8" name="r1" />
<label id="item-8-name" for="item-8">
شستشو‌
</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-9" name="r1" />
<label id="item-9-name" for="item-9">
ایمن سازی
</label>
</div>
</div>
</div>
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-10" name="r1" />
<label id="item-10-name" for="item-10">
حریم
</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-11" name="r1" />
<label id="item-11-name" for="item-11">
پل
</label>
</div>
</div>
</div>
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-12" name="r1" />
<label id="item-12-name" for="item-12">
تونل و گالری
</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-13" name="r1" />
<label id="item-13-name" for="item-13">
عملیات زمستانی
</label>
</div>
</div>
</div>
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-14" name="r1" />
<label id="item-14-name" for="item-14">
ماشین آلات
</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-15" name="r1" />
<label id="item-15-name" for="item-15">
راهدارخانه
</label>
</div>
</div>
</div>
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-16" name="r1" />
<label id="item-16-name" for="item-16">
موارد اضطراری
</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-20" name="r1" />
<label id="item-20-name" for="item-20">
آیتم های بازدید و بازرسی و کنترل
</label>
</div>
</div>
</div>
</div>
<!-- <div class="row">
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-17" name="r1" />
<label id="item-17-name" for="item-17">
گزارش گشت راهداری
</label>
</div>
</div>
</div>
<div class="col-sm-6 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-18" name="r1" />
<label id="item-18-name" for="item-18">
کشیک راهداری زمستانی
</label>
</div>
</div>
</div>
</div> -->
<!-- <div class="row">
<div class="col-sm-12 sub-item">
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="item-19" name="r1" />
<label id="item-19-name" for="item-19">
ناوگان حمل و نقل عمومی
</label>
</div>
</div>
</div>
</div> -->
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button
type="button"
class="btn btn-warning btn-prev"
data-dismiss="modal"
>
تغییر موقعیت فعالیت
</button>
<button
type="button"
class="btn btn-info btn-next"
id="next-modal-show"
>
مرحله بعد
</button>
</div>
</div>
</div>
</div>
<!-- Item Modal -->
<div
class="modal modal-info fade in"
id="uploadroaditem"
tabindex="-1"
role="dialog"
aria-labelledby="exampleModalLabel"
aria-hidden="true"
>
<div
class="modal-dialog modal-dialog-centered modal-dialog-scrollable"
>
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button
type="button"
class="close"
data-dismiss="modal"
aria-label="Close"
onclick="clearData()"
>
<span aria-hidden="true">&times;</span>
</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<div class="zoom-card scale-transition scale-out">
<div class="row sub-item-container"></div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-warning btn-prev">
بازگشت
</button>
<button type="button" class="btn btn-info btn-next">
مرحله بعد
</button>
<button
type="button"
class="btn btn-success btn-create"
style="display: none;"
>
تایید و ثبت
</button>
</div>
</div>
</div>
</div>
<!-- MAP -->
<!-- <div class="pin-container">
<img
id="org-pin"
src="../dist/images/origin.png"
width="55"
height="75"
style="display: none;"
/>
</div>
<div class="pin-container">
<img
id="dest-pin"
src="../dist/images/destination.png"
width="55"
height="75"
style="display: none;"
/>
</div> -->
<div class="map-box">
<div id="map" class="map"></div>
<!-- this will show our spinner -->
<div hidden id="layer-spinner" class="spinner"></div>
</div>
<!-- END MAP -->
<!-- VERTICAL MENU -->
<!-- <button type="button" class="ResponsiveVerticalMenu" onclick="RespVerticalMenu(this)">
<img src="../dist/images/icons/layerla.svg" alt="">
</button> -->
<!-- <div class="parent_menu_vertical">
<div class="parent_menu_vertical-inner">
<div class="menu_vertical fisheye-menu" id="RespVerticalMenuId">
<button class="menu-vertical-close">
<img src="../dist/images/icons/plus.svg">
</button>
<button onclick="showSubItem(1, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/reconstruction.svg"> <span class="tooltiptext">مرمت
رويه</span>
<span class="verticalMenuText">مرمت رويه</span>
</div>
</button>
<button onclick="showSubItem(2, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/clean.svg"> <span class="tooltiptext">پاکسازی</span>
<span class="verticalMenuText">پاکسازی</span>
</div>
</button>
<button onclick="showSubItem(3, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/road-sign.svg"> <span class="tooltiptext">علائم</span>
<span class="verticalMenuText">علائم</span>
</div>
</button>
<button onclick="showSubItem(4, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/barrier.svg"><span class="tooltiptext">حفاظ‌</span>
<span class="verticalMenuText">حفاظ‌</span>
</div>
</button>
<button onclick="showSubItem(5, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/bright.svg"> <span class="tooltiptext">روشنایی</span>
<span class="verticalMenuText">روشنایی</span>
</div>
</button>
<button onclick="showSubItem(6, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/paint1.svg"> <span class="tooltiptext">خط کشی</span>
<span class="verticalMenuText">خط کشی</span>
</div>
</button>
<button onclick="showSubItem(7, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/paint.svg"> <span class="tooltiptext">رنگ آمیزی</span>
<span class="verticalMenuText">رنگ آمیزی</span>
</div>
</button>
<button onclick="showSubItem(8, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/wash.svg"> <span class="tooltiptext">شستشو‌</span>
<span class="verticalMenuText">شستشو‌</span>
</div>
</button>
<button onclick="showSubItem(9, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/safe.svg"> <span class="tooltiptext">ایمن سازی</span>
<span class="verticalMenuText">ایمن سازی</span>
</div>
</button>
<button onclick="showSubItem(10, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/road.svg"> <span class="tooltiptext">حريم</span>
<span class="verticalMenuText">حريم</span>
</div>
</button>
<button onclick="showSubItem(11, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/bridge.svg"> <span class="tooltiptext">پل</span>
<span class="verticalMenuText">پل</span>
</div>
</button>
<button onclick="showSubItem(12, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/tunnel-sign.svg"> <span class="tooltiptext">تونل و
گالری</span>
<span class="verticalMenuText">تونل و گالری</span>
</div>
</button>
<button onclick="showSubItem(13, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/snow.svg"> <span class="tooltiptext">عملیات زمستانی</span>
<span class="verticalMenuText">عملیات زمستانی</span>
</div>
</button>
<button onclick="showSubItem(14, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/machinery.svg"> <span class="tooltiptext">ماشين آلات</span>
<span class="verticalMenuText">ماشين آلات</span>
</div>
</button>
<button onclick="showSubItem(15, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/snowy-house.svg"> <span class="tooltiptext">راهدارخانه</span>
<span class="verticalMenuText">راهدارخانه</span>
</div>
</button>
<button onclick="showSubItem(16, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/emergency.svg"> <span class="tooltiptext">موارد
اضطراری</span>
<span class="verticalMenuText">موارد اضطراری</span>
</div>
</button>
<button onclick="showSubItem(17, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/report.svg"> <span class="tooltiptext">گزارش گشت
راهداری</span>
<span class="verticalMenuText">گزارش گشت راهداری</span>
</div>
</button>
<button onclick="showSubItem(18, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/cloud.svg"> <span class="tooltiptext">کشیک راهداری
زمستانی</span>
<span class="verticalMenuText">کشیک راهداری زمستانی</span>
</div>
</button>
<button onclick="showSubItem(19, this)" class="layerButton">
<div class="tooltip-starter">
<img src="../dist/images/layer-icons/pickup-truck.svg"> <span class="tooltiptext">ناوگان حمل و
نقل</span>
<span class="verticalMenuText">ناوگان حمل و نقل</span>
</div>
</button>
</div>
</div>
</div> -->
<!--END VERTICAL MENU -->
<div class="footer_licences" style="display: none">
<span class="witelContent">
تمامی حقوق این وبسایت متعلق به مرکز داده کاوی حمل و نقل و
مدیریت زیرساخت های سازمان راهداری و حمل و نقل جاده ای می باشد
|
</span>
<span class="witelContentYear">1398</span>
</div>
</div>
</div>
<!-- /.container-fluid -->
</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>
<!-- Leaflet -->
<script src="../dist/js/leaflet.js"></script>
<script src="../dist/js/leaflet.markercluster.js"></script>
<script src="../dist/js/leaflet-routing-machine.js"></script>
<!-- ChartJS -->
<script src="../plugins/chart.js/Chart.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
<script src="../dist/js/adminlte.min.js"></script>
<!-- PAGE SCRIPTS -->
<script src="../dist/js/road-items.js?v=3.5"></script>
</body>
</html>