Files
backend/resources/views/version2/dashboard_pages/_map.blade.php
2024-02-01 09:53:53 +00:00

1459 lines
85 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.
@extends('layouts.dashboard.map')
@php
switch (request()->get('type')) {
case 'camp':
$title = 'قرارگاه زمستانی (محور های حلقه اول)';
break;
case 'campNew':
$title = 'قرارگاه زمستانی (پراکندگی بر روی نقشه)';
break;
case 'fastreact':
$title = 'واکنش سریع (پراکندگی بر روی نقشه)';
break;
case 'rahdari':
$title = 'فعالیت روزانه (پراکندگی بر روی نقشه)';
break;
case 'pro':
$title = 'پروژه های راهداری (پراکندگی بر روی نقشه)';
break;
case 'rahdar':
$title = 'راهدارخانه (پراکندگی بر روی نقشه)';
break;
case 'barkhordari':
$title = 'برخورداری راه های روستایی آسفالت کشور (پراکندگی بر روی نقشه)';
break;
case 'safety_and_privacy':
$title = 'نگهداری حریم راه (پراکندگی بر روی نقشه)';
break;
case 'road_patrols':
$title = 'گشت راهداری و ترابری (پراکندگی بر روی نقشه)';
break;
default:
$title = 'پراکندگی بر روی نقشه';
}
@endphp
@section('title', $title)
@section('styles')
<!-- data table links -->
<link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}" />
<link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}" />
<link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}" />
<!-- select2 link -->
<link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}" />
<link rel="stylesheet" href="{{ asset('dist/css/select2-bootstrap4.min.css') }}" />
<!-- date picker link -->
<link rel="stylesheet" href="{{ asset('dist/css/persian-datepicker.min.css') }}" />
<!-- map links -->
<link rel="stylesheet" href="{{ asset('dist/css/leaflet.css') }}" />
<link rel="stylesheet" href="{{ asset('dist/css/MarkerCluster.css') }}" />
<link rel="stylesheet" href="{{ asset('dist/css/MarkerCluster.Default.css') }}" />
<link rel="stylesheet" href="{{ asset('dist/js/spectrum.css') }}" />
<link rel="stylesheet" href="{{ asset('dist/css/popstyle.css') }}" />
<link rel="stylesheet" href="{{ asset('dist/css/AllMap.css') }}" />
<link id="pp-main" rel="stylesheet" href="{{ asset('dist/css/leaflet.printpreview.css') }}" disabled>
<link id="pp-ltr-land" rel="stylesheet" href="{{ asset('dist/css/leaflet.printpreview.letter.landscape.css') }}" disabled>
<link id="pp-ltr-port" rel="stylesheet" href="{{ asset('dist/css/leaflet.printpreview.letter.portrait.css') }}" disabled>
<!-- this page styles -->
<link rel="stylesheet" href="{{ asset('version2/css/dashboard_pages/_map.css?_=') . mt_rand(1, 99999999999) }}" />
<style>
.fa-lg {
font-size: 1.33333em;
line-height: 24px;
vertical-align: -.0667em;
}
@media print {
html,
body {
height: 99%;
}
}
.filterParent {
font-family: "IRANSansFaNum" !important;
}
.operation_nature {
display: flex;
flex-direction: column
}
</style>
@endsection
@section('breadcrumb')
<nav class="breadcrumb-selfdesign">
<div class="container d-flex align-items-center justify-content-between">
<ul class="d-flex align-items-center">
<li class="breadcrumb-item-selfdesign"><a href="{{route('v2.dashboard')}}">داشبورد</a></li>
<i class="mr-2 fa fa-angle-left arrow-icon text-dark"></i>
<li class="current breadcrumb-item-selfdesign">{{ $title }}</li>
</ul>
<a href="{{route('v2.dashboard')}}" class="btn breadcrumb-back">بازگشت</a>
</div>
</nav>
@endsection
@section('content')
<nav class="queen-size-nav-rahdari">
<div class="datarahdari">
<p class="res-daily-vertical" onclick="showlayer(0)">مرمت رویه</p>
<p class="res-daily-vertical" onclick="showlayer(1)">پاکسازی</p>
<p class="res-daily-vertical" onclick="showlayer(2)">علائم</p>
<p class="res-daily-vertical" onclick="showlayer(3)">حفاظ</p>
<p class="res-daily-vertical" onclick="showlayer(4)">روشنایی</p>
<p class="res-daily-vertical" onclick="showlayer(5)">خط کشی</p>
<p class="res-daily-vertical" onclick="showlayer(6)">رنگ آمیزی</p>
<p class="res-daily-vertical" onclick="showlayer(7)">شستوشو</p>
<p class="res-daily-vertical" onclick="showlayer(8)">ایمن سازی</p>
<p class="res-daily-vertical" onclick="showlayer(9)">حریم</p>
<p class="res-daily-vertical" onclick="showlayer(10)">پل</p>
<p class="res-daily-vertical" onclick="showlayer(11)">تونل و گالری</p>
<p class="res-daily-vertical" onclick="showlayer(12)">عملیات زمستانی</p>
<p class="res-daily-vertical" onclick="showlayer(13)">ماشین آلات</p>
<p class="res-daily-vertical" onclick="showlayer(14)">راهدارخانه</p>
<p class="res-daily-vertical" onclick="showlayer(15)">موارد اضطراری</p>
<p class="res-daily-vertical" onclick="showlayer(16)">آیتم های بازدید بازرسی و کنترل</p>
</div>
</nav>
<button class="second-menu-img-rahdari">آیتم ها</button>
<div class="map-box">
<div class="list-province d-none">
<div class="d-flex justify-content-center mt-3">
<p class="title">برخورداری راه های روستایی آسفالته کشور</p>
</div>
<div class="province-data"></div>
</div>
<button class="btn btn-primary backstack d-none">بازگشت به نقشه</button>
<div id="map" class="map"></div>
<div class="modal fade" id="allpointedit">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header modal-header-allpoint-style">
<h4 class="modal-title starter-project-page">ویرایش نقطه پرتصادف</h4>
<button type="button" class="close" data-dismiss="modal"
style="padding: 0px; margin: 0px;">&times;</button>
</div>
<div class="modal-body">
<form>
<input type="hidden" class="form-control" id="allpointid" />
<div class="form-row">
<div class="form-group col-md-6">
<label class="label-allpoint-style" for="inputCity">عملیات موردنیاز</label>
<input type="text" class="form-control" id="alloperation" />
</div>
<div class="form-group col-md-6">
<label class="label-allpoint-style" for="inputCity">هدف کمی</label>
<input type="text" class="form-control" id="alltarget" name="date-modal" />
</div>
</div>
<div class="form-group">
<label class="label-allpoint-style" for="inputAddress">اقدامات انجام شده</label>
<input type="text" class="form-control" id="allaction" />
</div>
<div class="form-group" id="allsliderphysici">
<label class="label-allpoint-style slider-label" for="inputAddress2">پیشرفت فیزیکی</label>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label class="label-allpoint-style" for="inputCity">اعتبارات هزینه شده (به میلیون
ریال)</label>
<input type="number" class="form-control" id="allcost" min="1000" />
</div>
<div class="form-group col-md-6">
<label class="label-allpoint-style" for="inputCity">تاریخ خاتمه</label>
<input type="text" class="form-control" id="allend-date" name="date-modal" />
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label class="label-allpoint-style" for="inputCity">عرض جغرافیایی</label>
<input type="text" class="form-control cord-font" id="allac-point-lat"
data-inputmask='"mask": "(99.999999999999999)"' data-mask />
</div>
<div class="form-group col-md-6">
<label class="label-allpoint-style" for="inputCity">طول جغرافیایی</label>
<input type="text" class="form-control cord-font" id="allac-point-lng" name="date-modal"
data-inputmask='"mask": "(99.999999999999999)"' data-mask />
</div>
</div>
<div class="form-group">
<label class="label-allpoint-style file-input-modal-container">
<div class="file-input-modal">برای آپلود فایل اینجا را کلیک کنید <input
class="file-input" type="file" name="allmodalUpFile" multiple=""
style="display: none;" />
</div>
</label>
</div>
<button type="button" class="btn btn-danger float-left" id="alleditpoints">ثبت</button>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="safety_detail_modal">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<h6 class="my-3"><span>وضعیت: </span><span id="safety_step">گام اول (شناسایی)</span></h6>
<div class="my-3">
<span><strong>کد یکتا: </strong></span><span id="safety_id"></span>
</div>
<div class="my-3">
<span><strong>مورد: </strong></span><span id="safety_info"></span>
</div>
<div class="my-3">
<span><strong>استان: </strong></span><span id="safety_province"></span>
</div>
<div class="my-3">
<span><strong>اداره: </strong></span><span id="safety_edare_shahri"></span>
</div>
</div>
</div>
</div>
</div>
<div id="slideroverlay" class="slideroverlay">
<div class="upload-confirm"></div>
<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>
<div class="modal fade" id="pointedit">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title starter-project-page">ویرایش نقطه پرتصادف</h4>
<button type="button" class="close" data-dismiss="modal"
style="padding: 0px; margin: 0px;">&times;</button>
</div>
<div class="modal-body">
<form>
<input type="hidden" class="form-control" id="pointid" />
<div class="form-group">
<label for="inputAddress" class="label-allpoint-style">اقدامات انجام شده</label>
<input type="text" class="form-control" id="action" />
</div>
<div class="form-group" id="sliderphysici">
<label class="label-allpoint-style slider-label" for="inputAddress2">پیشرفت فیزیکی</label>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputCity" class="label-allpoint-style">اعتبارات هزینه شده (به میلیون
ریال)</label>
<input type="number" class="form-control" id="cost" min="1000" />
</div>
<div class="form-group col-md-6">
<label for="inputCity" class="label-allpoint-style">تاریخ خاتمه</label>
<input type="text" class="form-control" id="end-date" name="date-modal" />
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputCity" class="label-allpoint-style">عرض جغرافیایی</label>
<input type="text" class="form-control cord-font" id="ac-point-lat"
data-inputmask='"mask": "(99.999999999999999)"' data-mask />
</div>
<div class="form-group col-md-6">
<label for="inputCity" class="label-allpoint-style">طول جغرافیایی</label>
<input type="text" class="form-control cord-font" id="ac-point-lng"
data-inputmask='"mask": "(99.999999999999999)"' data-mask />
</div>
</div>
<div class="form-group">
<label class="file-input-modal-container label-allpoint-style">
<div class="file-input-modal">برای آپلود فایل اینجا را کلیک کنید <input
class="file-input" type="file" name="modalUpFile" multiple=""
style="display: none" />
</div>
</label>
</div>
<button type="button" class="btn btn-danger float-left" id="editpoints">ثبت</button>
</form>
</div>
</div>
</div>
</div>
<!-- rahdarkhoone edit modal start -->
<div class="modal fade" id="rahdaredit">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title starter-project-page">ویرایش راهدارخانه</h4>
<button type="button" class="close" data-dismiss="modal"
style="padding: 0px; margin: 0px;">&times;</button>
</div>
<div class="modal-body">
<form>
<input type="hidden" class="form-control" id="rahdarid" />
<div class="form-row">
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">راهدارخانه</label>
<input type="text" class="form-control" id="houserahdar" name="houserahdar"
readonly="readonly" disabled />
</div>
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">اداره کل</label>
<input type="text" class="form-control" id="edarekol" name="edarekol"
readonly="readonly" disabled />
</div>
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">شهرستان</label>
<input type="text" class="form-control" id="mainCity" name="mainCity"
readonly="readonly" disabled />
</div>
</div>
<div class="form-row">
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">وضعیت</label>
<input type="text" class="form-control" id="sit" name="sit" />
</div>
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">نوع</label>
<input type="text" class="form-control" id="type" name="type" />
</div>
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">تلفن</label>
<input type="text" class="form-control" id="phone" name="phone" />
</div>
</div>
<div class="form-row">
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">تعداد اکیپ</label>
<input type="number" min="0" class="form-control" id="ekipnum" name="ekipnum" />
</div>
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">تعداد پرسنل</label>
<input type="number" min="0" class="form-control" id="personelnum" name="personelnum" />
</div>
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">مسئول</label>
<input type="text" class="form-control" id="masol" name="masol" />
</div>
</div>
<div class="form-row">
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">شماره تلفن مسئول</label>
<input type="text" class="form-control" id="masolmobile" name="masolmobile" />
</div>
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">جانشین</label>
<input type="text" class="form-control" id="janeshin" name="janeshin" />
</div>
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">شماره تلفن جانشین</label>
<input type="text" class="form-control" id="janeshinmobile" name="janeshinmobile" />
</div>
</div>
<div class="form-row"></div>
<div class="form-row">
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">ماشین آلات سبک</label>
<input type="number" min="0" class="form-control" id="lightmachine"
name="lightmachine" />
</div>
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">ماشین آلات نیمه سنگین</label>
<input type="number" min="0" class="form-control" id="meduimachin" name="meduimachin" />
</div>
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">ماشین آلات سنگین</label>
<input type="number" min="0" class="form-control" id="bigmachin" name="bigmachin" />
</div>
</div>
<div class="form-row">
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">عرض جغرافیایی</label>
<input type="text" class="form-control cord-font" id="lat-rahdar" name="lat-rahdar"
data-inputmask='"mask": "(99.999999999999999)"' data-mask />
</div>
<div class="form-group col-md-4">
<label class="label-allpoint-style" for="inputCity">طول جغرافیایی</label>
<input type="text" class="form-control cord-font" id="lng-rahdar" name="lng-rahdar"
data-inputmask='"mask": "(99.999999999999999)"' data-mask />
</div>
</div>
</div>
<div class="form-row">
<div class="col-6" style="float: right;">
<div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
<div class="d-flex flex-column">
<label class="imgbox d-flex align-items-center justify-content-center" for="deviceImg1">
<span class="img-title" id="deviceImg1Title">نمای کلی از راهدارخانه</span>
<img class="img-preview" id="deviceImg1Preview" src="" alt="" />
</label>
<button class="btn-delete-img btn btn-danger btn-sm" id="deleteDeviceImg1" disabled>
<i class="fa fa-trash" style="color: #fff;"></i>
</button>
</div>
<input type="file" name="deviceImg1" id="deviceImg1" class="img-input d-none"
accept=".jpg, .png">
</div>
</div>
<div class="col-6" style="float: right;">
<div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
<div class="d-flex flex-column">
<label class="imgbox d-flex align-items-center justify-content-center" for="deviceImg2">
<span class="img-title" id="deviceImg2Title">آشیانه ماشین آلات</span>
<img class="img-preview" id="deviceImg2Preview" src="" alt="" />
</label>
<button class="btn-delete-img btn btn-danger btn-sm" id="deleteDeviceImg2" disabled>
<i class="fa fa-trash" style="color: #fff;"></i>
</button>
</div>
<input type="file" name="deviceImg2" id="deviceImg2" class="img-input d-none"
accept=".jpg, .png">
</div>
</div>
<div class="col-6" style="float: right;">
<div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
<div class="d-flex flex-column">
<label class="imgbox d-flex align-items-center justify-content-center" for="deviceImg3">
<span class="img-title" id="deviceImg3Title">انبار شن و ماسه</span>
<img class="img-preview" id="deviceImg3Preview" src="" alt="" />
</label>
<button class="btn-delete-img btn btn-danger btn-sm" id="deleteDeviceImg3" disabled>
<i class="fa fa-trash" style="color: #fff;"></i>
</button>
</div>
<input type="file" name="deviceImg3" id="deviceImg3" class="img-input d-none"
accept=".jpg, .png">
</div>
</div>
<div class="col-6" style="float: right;">
<div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
<div class="d-flex flex-column">
<label class="imgbox d-flex align-items-center justify-content-center" for="deviceImg4">
<span class="img-title" id="deviceImg4Title">محیط کاری</span>
<img class="img-preview" id="deviceImg4Preview" src="" alt="" />
</label>
<button class="btn-delete-img btn btn-danger btn-sm" id="deleteDeviceImg4" disabled>
<i class="fa fa-trash" style="color: #fff;"></i>
</button>
</div>
<input type="file" name="deviceImg4" id="deviceImg4" class="img-input d-none"
accept=".jpg, .png">
</div>
</div>
<div class="col-6" style="float: right;">
<div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
<div class="d-flex flex-column">
<label class="imgbox d-flex align-items-center justify-content-center" for="deviceImg5">
<span class="img-title" id="deviceImg5Title">سایر تصاویر</span>
<img class="img-preview" id="deviceImg5Preview" src="" alt="" />
</label>
<button class="btn-delete-img btn btn-danger btn-sm" id="deleteDeviceImg5" disabled>
<i class="fa fa-trash" style="color: #fff;"></i>
</button>
</div>
<input type="file" name="deviceImg5" id="deviceImg5" class="img-input d-none"
accept=".jpg, .png">
</div>
</div>
</div>
<button type="button" class="btn btn-danger float-left" id="editrahdar">ثبت</button>
</form>
</div>
</div>
</div>
<div class="modal fade" id="showpoint">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header" id="headerid">
<button type="button" class="close" data-dismiss="modal"
style="padding: 0px; margin: 0px;">&times;</button>
</div>
<div class="modal-body">
<form>
<div class="form-row col-md-12">
<div class="form-group col-md-6">
<label>تاریخ</label>
<input type="text" class="form-control" id="datepoint" readonly />
</div>
<div class="form-group col-md-6">
<label>اداره کل</label>
<input type="text" class="form-control" id="edarepoint" readonly />
</div>
</div>
<div class="form-row col-md-12">
<div class="form-group col-md-6">
<label>شهرستان</label>
<input type="text" class="form-control" id="citypoint" readonly />
</div>
</div>
<div class="form-row col-md-12" id="showtable"></div>
<table class="col-md-12 table table-bordered text-center table-sm">
<thead style="background-color: #196592">
<th style="color: #fff;">عکس بعد</th>
<th style="color: #fff;">عکس قبل</th>
</thead>
<tbody id="showpicture"></tbody>
</table>
</form>
</div>
</div>
</div>
</div>
<button class="btn gharargah-modal-button" id="coridor_button">
<img src="../dist/images/new-design/camp&crisisManagement-hover.svg" style="width: 24px; height: 24px;">
</button>
<div class="left-menu-view-chartcoridor" id="gharargah-modal-roating">
<div class="chart-view-box">
<div class="chart-title">محور های حلقه اول راهداری زمستانی</div>
</div>
<div class="form-coridor">
<div class="box-coridor">
<div class="testcor" id="firoozkooh">
<span class="span1"> تهران </span>
<span class="mehvar-svg-margin">
<img src="../dist/images/new-design/mehvar.svg" />
</span>
<span class="span2"> قائم شهر (جاده فیروزکوه) </span>
</div>
<div class="testcor" id="amol">
<span class="span1"> تهران </span>
<span class="mehvar-svg-margin">
<img src="../dist/images/new-design/mehvar.svg" />
</span>
<span class="span2"> آمل(جاده هراز) </span>
</div>
<div class="testcor" id="ghazvin">
<span class="span1"> قزوین </span>
<span class="mehvar-svg-margin">
<img src="../dist/images/new-design/mehvar.svg" />
</span>
<span class="span2"> رشت(جاده قدیم) </span>
</div>
<div class="testcor" id="newrasht">
<span class="span1"> آزادراه قزوین </span>
<span class="mehvar-svg-margin">
<img src="../dist/images/new-design/mehvar.svg" />
</span>
<span class="span2"> رشت </span>
</div>
<div class="testcor" id="karaj-chaloos">
<span class="span1"> کرج </span>
<span class="mehvar-svg-margin">
<img src="../dist/images/new-design/mehvar.svg" />
</span>
<span class="span2"> چالوس </span>
</div>
<div class="testcor" id="semnan">
<span class="span1"> تهران </span>
<span class="mehvar-svg-margin">
<img src="../dist/images/new-design/mehvar.svg" />
</span>
<span class="span2"> سمنان </span>
</div>
<div class="testcor" id="tabriz">
<span class="span1"> تهران </span>
<span class="mehvar-svg-margin">
<img src="../dist/images/new-design/mehvar.svg" />
</span>
<span class="span2"> تبریز </span>
</div>
<div class="testcor" id="kermanshah">
<span class="span1"> تهران </span>
<span class="mehvar-svg-margin">
<img src="../dist/images/new-design/mehvar.svg" />
</span>
<span class="span2"> کرمانشاه </span>
</div>
</div>
</div>
</div>
<div class="modal fade" id="coridoredit">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">ویرایش راهدارخانه</h4>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<div class="modal-body row">
<div class="col-12">
<fieldset class="fieldsetstyle mb-3">
<legend class="text-center"> اطلاعات راهدارخانه</legend>
<div class="form-row p-2">
<div class="form-group col-md-4">
<label for="edarekol">اداره کل</label>
<input type="text" id="edarekolcoridor" name="edarekol" disabled
class="form-control" />
</div>
<div class="form-group col-md-4">
<label for="inputCity">شهرستان</label>
<input type="text" id="mainCitycor" name="mainCity" disabled class="form-control" />
</div>
<div class="form-group col-md-4 mt-4">
<label for="choosecolor">انتخاب رنگ</label>
<small class="color-check d-none">(لطفا رنگ را انتخاب کنید )</small>
<input type="text" class="form-control cord-font basic" id="color-picker"
name="color-picker" />
<br>
<em id='basic-log'></em>
</div>
</div>
<div class="form-row p-2">
<div class="form-group col-md-4">
<label for="Tollhouse_agent">مسئول راهدارخانه</label>
<input type="text" id="Tollhouse_agent" name="edarekol" class="form-control" />
</div>
<div class="form-group col-md-4">
<label for="houserahdar">نام راهدارخانه</label>
<input type="text" id="Tollhouse_name" name="houserahdarname"
class="form-control" />
</div>
<div class="form-group col-md-4">
<label for="inputCity">شماره تلفن</label>
<input id="Tollhouse_mobile" name="mainCity" type="phone" class="form-control"
onkeypress="preventNonNumericalInput(event)" />
</div>
</div>
</fieldset>
</div>
<div class="col-12">
<fieldset class="fieldsetstyle mb-3">
<legend class="text-center">لیست اکیپ ها</legend>
<div class="form-row " style="padding-right: 10px;">
<div class="form-group col-md-4">
<label for="inputCity">نام اکیپ</label>
<input type="text" id="ekipname" name="edarekol" class="form-control" />
</div>
<div class="form-group col-md-4">
<label for="inputCity">شماره تلفن</label>
<input type="phone" id="ekipphone" name="mainCity" class="form-control"
onkeypress="preventNonNumericalInput(event)" />
</div>
<div class="form-group col-md-2 m-4">
<button type="button" class="btn btn-block btn-primary btn-sm"
id="ekiplist">ثبت</button>
</div>
<div class="form-row col-md-12" id="showcoridorekip"></div>
</div>
</fieldset>
</div>
<div class="col-12">
<fieldset class="fieldsetstyle mb-3">
<legend class="text-center"> لیست ماشین آلات</legend>
<div class="form-row p-2">
<div class="form-group col-md-3">
<label for="inputCity">نوع دستگاه</label>
<input type="text" id="typeofdastgah" name="edarekol" class="form-control" />
</div>
<div class="form-group col-md-3">
<label for="inputCity">نام راننده</label>
<input type="text" id="machiner_name" name="mainCity" class="form-control" />
</div>
<div class="form-group col-md-3">
<label for="inputCity">شماره تلفن</label>
<input type="phone" id="telephone_num" name="houserahdarname" class="form-control"
onkeypress="preventNonNumericalInput(event)" />
</div>
<div class="form-group col-md-2 m-4">
<button type="button" class="btn btn-block btn-primary btn-sm"
id="submitekip">ثبت</button>
</div>
<div class="form-row col-md-12" id="showmachinekip"></div>
<div></div>
</div>
</fieldset>
</div>
<div class="row card col-md-12">
<div class="form-row">
<div class="form-group col-md-12">
<div class="abrar-map-layout">
<span class="abrar-map-title d-inline"> ثبت موقعیت اکیپ عملیاتی </span>
<div id="abrar-map"></div>
<div class="row map-latlng-input-row">
<div class="col-md-12">
<div class="form-group map-latlng-form">
<label class="required-label d-block text-center map-latlng-label">ثبت
دستی مختصات</label>
<input name="abrar-project-latlng-start" type="text"
class="form-control input-cord map-latlng-input map-latlng-first-input"
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
placeholder="(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)" />
</div>
<div class="form-group">
<input name="abrar-project-latlng-end" type="text"
class="form-control input-cord map-latlng-input map-latlng-sec-input"
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
placeholder="(پایان) => (طول جغرافیایی) - (عرض جغرافیایی)" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button type="button" class="btn btn-block btn-primary" id="editcoridor">ثبت تغییرات</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="choosetime">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
style="padding: 0px; margin: 0px;">&times;</button>
<div id="modalTextChange"></div>
</div>
<div class="modal-body" style="flex-direction: column">
<div class="form-row col-md-12">
<div class="form-group col-md-6">
<input type="text" class="form-control" placeholder="از تاریخ" id="datepickfromdate"
autocomplete="off" />
</div>
<div class="form-group col-md-6">
<input type="text" class="form-control" placeholder=" تا تاریخ" id="datepicktodate"
autocomplete="off" disabled />
</div>
<div class="form-group col-md-6">
<select type="text" class="form-control stylescroll" id="province-id"
autocomplete="off"></select>
</div>
<div class="form-group col-md-6">
<select type="text" class="form-control stylescroll" id="select-city" autocomplete="off"
disabled></select>
</div>
<div class="form-group col-md-12">
<select type="text" class="form-control stylescroll" id="sub_item"
autocomplete="off"></select>
</div>
<div class="form-group col-md-4" style="margin-bottom: 0px;">
<select type="text" class="form-control stylescroll" id="howToShow" autocomplete="off">
<option value="0" selected disabled>نوع نمایش</option>
<option value="1">کلاستر</option>
<option value="2">نقطه ای</option>
</select>
</div>
</div>
<div class="form-row col-md-12" style="direction: ltr">
<button class="btn btn-sm float-left" id="chooseclock"
style="background-color: #015688;color:white">جستجو</button>
</div>
</div>
</div>
</div>
</div>
<div class="guid-custom-box" style="display: none">
<h6 class="HeaderStyle">پراکندگی نقاط پروژه های راهداری </h6>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">اداره کل <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none" id="all-pro-pro"></div>
</div>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">نوع پروژه <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup operation_nature" style="display: none">
{{-- <div class="icheck-primary d-inline ml-2">
<label for="pt1" class="font-check" style="color: #ff0000ff;">روکش آسفالت </label>
<input type="checkbox" id="pt1" name="rishe" value="1" class="chBox1" />
</div>
<div class="icheck-primary ml-2">
<label for="pt2" class="font-check" style="color: #ff0dff;">رفع نقاط حادثه خیز /
پرتصادف</label>
<input type="checkbox" id="pt2" name="rishe" value="2" class="chBox1" />
</div>
<div class="icheck-primary ml-2">
<label for="pt3" class="font-check" style="color: #5900ff;">ارتقای ایمنی راه</label>
<input type="checkbox" id="pt3" name="rishe" value="3" class="chBox1" />
</div>
<div class="icheck-primary ml-2">
<label for="pt4" class="font-check" style="color: #0099ff;">ابنیه فنی</label>
<input type="checkbox" id="pt4" name="rishe" value="4" class="chBox1" />
</div>
<div class="icheck-primary ml-2">
<label for="pt5" class="font-check" style="color: #0c4e17;">راهدارخانه</label>
<input type="checkbox" id="pt5" name="rishe" value="5" class="chBox1" />
</div>
<div class="icheck-primary ml-2">
<label for="pt6" class="font-check" style="color:#bfa30a ;">راه روستایی</label>
<input type="checkbox" id="pt6" name="rishe" value="6" class="chBox1" />
</div> --}}
</div>
</div>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">نوع محور <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none">
<div class="icheck-primary d-inline ml-2">
<label for="at1" class="font-check" style="color: #000000">آزادراه</label>
<input type="checkbox" id="at1" name="rishe" value="5" class="chBox2" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="at2" class="font-check" style="color: #000000">بزرگراه</label>
<input type="checkbox" id="at2" name="rishe" value="6" class="chBox2" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="at3" class="font-check" style="color: #000000">اصلی</label>
<input type="checkbox" id="at3" name="rishe" value="7" class="chBox2" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="at4" class="font-check" style="color: #000000">فرعی</label>
<input type="checkbox" id="at4" name="rishe" value="8" class="chBox2" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="at5" class="font-check" style="color: #000000">روستایی</label>
<input type="checkbox" id="at5" name="rishe" value="9" class="chBox2" />
</div>
</div>
</div>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">آخرین وضعیت پروژه <img class="dropDown"
src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none">
<div class="icheck-primary d-inline ml-2">
<label for="ps1" class="font-check" style="color: #000000">در حال تجهیز کارگاه</label>
<input type="checkbox" id="ps1" name="rishe" value="7" class="chBox3" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="ps2" class="font-check" style="color: #000000">در حال اجرا</label>
<input type="checkbox" id="ps2" name="rishe" value="8" class="chBox3" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="ps3" class="font-check" style="color: #000000">خاتمه یافته</label>
<input type="checkbox" id="ps3" name="rishe" value="9" class="chBox3" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="ps4" class="font-check" style="color: #000000">در دست مناقصه</label>
<input type="checkbox" id="ps4" name="rishe" value="10" class="chBox3" />
</div>
<br>
</div>
</div>
<!-- <br> -->
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">تاریخ انعقاد قرارداد <img class="dropDown"
src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none">
<div class="icheck-primary d-inline ml-2">
<label for="py1395" class="font-check" style="color: #000000">سال 1395 و ماقبل</label>
<input type="radio" id="py1395" name="rishe" value="18" class="chBox4" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="py1396" class="font-check" style="color: #000000">1396</label>
<input type="radio" id="py1396" name="rishe" value="19" class="chBox4" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="py1397" class="font-check" style="color: #000000">1397</label>
<input type="radio" id="py1397" name="rishe" value="20" class="chBox4" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="py1398" class="font-check" style="color: #000000">1398</label>
<input type="radio" id="py1398" name="rishe" value="21" class="chBox4" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="py1399" class="font-check" style="color: #000000">1399</label>
<input type="radio" id="py1399" name="rishe" value="22" class="chBox4" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="py1400" class="font-check" style="color: #000000">1400</label>
<input type="radio" id="py1400" name="rishe" value="23" class="chBox4" />
</div>
</div>
</div>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">اهمیت پروژه <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none">
<div class="icheck-primary d-inline ml-2">
<label for="pr1" class="font-check" style="color: #000000">کم(تاثیر گزاری محلی)</label>
<input type="checkbox" id="pr1" name="rishe" value="1" class="chBox6" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="pr2" class="font-check" style="color: #000000">متوسط(تاثیر گزار در در سطح استان یا
شهرستان)</label>
<input type="checkbox" id="pr2" name="rishe" value="2" class="chBox6" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="pr3" class="font-check" style="color: #000000">زیاد(تاثیر گزار در سطح ملی)</label>
<input type="checkbox" id="pr3" name="rishe" value="3" class="chBox6" />
</div>
<br>
</div>
</div>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">اهمیت پیگیری پروژه <img class="dropDown"
src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none">
<div class="icheck-primary d-inline ml-2">
<label for="follow1" class="font-check" style="color: #000000">کم <small>(ماهیت محلی و منطقه ای
بدون پیگیری های ویژه در سطح ملی)</small> </label>
<input type="checkbox" id="fo1" name="rishe" value="1" class="chBox7" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="follow2" class="font-check" style="color: #000000">متوسط<small>(ماهیت ملی یا
استانی)</small></label>
<input type="checkbox" id="fo2" name="rishe" value="2" class="chBox7" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="follow3" class="font-check" style="color: #000000">زیاد <small>(مورد تاکید و پیگیری
ویژه مسیولین محلی یا ملی)</small></label>
<input type="checkbox" id="fo3" name="rishe" value="3" class="chBox7" />
</div>
<br>
</div>
</div>
</div>
<div class="guid-custom-box-rahdar" style="display: none">
<h6 class="HeaderStyle">پراکندگی نقاط راهدارخانه ها </h6>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">اداره کل <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none" id="all-pro"></div>
</div>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">وضعیت <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none">
<div class="icheck-primary d-inline ml-2">
<label for="active" class="font-check">فعال</label>
<input type="checkbox" id="acive" name="status" value="1" class="status" />
</div>
<div class="icheck-primary ml-2">
<label for="notactive" class="font-check">غیر فعال</label>
<input type="checkbox" id="notactive" name="status" value="0" class="status" />
</div>
</div>
</div>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">نوع <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none">
<div class="icheck-primary d-inline ml-2">
<label for="stable" class="font-check" style="color: #000000">دائمی</label>
<input type="checkbox" id="stable" name="type" value="1" class="type" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="tempr" class="font-check" style="color: #000000">موقت</label>
<input type="checkbox" id="tempr" name="type" value="3" class="type" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="season" class="font-check" style="color: #000000">فصلی</label>
<input type="checkbox" id="season" name="type" value="2" class="type" />
</div>
<br>
</div>
</div>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">نمایش <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none">
<div class="icheck-primary d-inline ml-2">
<label for="pointi" class="font-check" style="color: #000000">نقطه ای </label>
<input type="radio" id="pointi" name="type" value="1" class="showpoints" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="cluster" class="font-check" style="color: #000000">کلاستر </label>
<input type="radio" id="cluster" name="type" value="2" class="showpoints" />
</div>
<br>
<br>
</div>
</div>
</div>
<div class="guid-custom-box-fast" style="display: none">
<h6 class="HeaderStyle">پراکندگی نقاط واکنش سریع </h6>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">انتخاب تاریخ <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none">
<div class="form-row col-12">
<div class="form-group col-6">
<input id="fastreact-todate" class="form-control" type="text" disabled />
</div>
<div class="form-group col-6">
<input id="fastreact-fromdate" class="form-control" type="text" />
</div>
</div>
<button id="fastreact_search_option" type="button" class="btn"
style="background-color: #015688;color:white">جستجو</button>
</div>
</div>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">اداره کل <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none" id="all-pro-fast"></div>
</div>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">نوع شکایت <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none">
<div class="icheck-primary d-inline ml-2">
<label for="feature1" class="font-check">چاله و ناهمواری سطح راه </label>
<input type="checkbox" id="feature1" name="FeatureType" value="1" class="FeatureType" />
</div>
<div class="icheck-primary ml-2">
<label for="feature2" class="font-check">پاکسازی سطح راه از لاشه حیوانات </label>
<input type="checkbox" id="feature2" name="FeatureType" value="2" class="FeatureType" />
</div>
<div class="icheck-primary ml-2">
<label for="feature3" class="font-check">پاکسازی سطح راه (جنس خارجی)</label>
<input type="checkbox" id="feature3" name="FeatureType" value="3" class="FeatureType" />
</div>
<div class="icheck-primary ml-2">
<label for="feature4" class="font-check">پاکسازی سطح راه با سنگریزه</label>
<input type="checkbox" id="feature4" name="FeatureType" value="4" class="FeatureType" />
</div>
<div class="icheck-primary ml-2">
<label for="feature5" class="font-check">پاکسازی سطح راه (گازوئیل و مواد روغنی )</label>
<input type="checkbox" id="feature5" name="FeatureType" value="5" class="FeatureType" />
</div>
<div class="icheck-primary ml-2">
<label for="feature6" class="font-check">ایمن سازی حفاظها و علائم آسیب دیده </label>
<input type="checkbox" id="feature6" name="FeatureType" value="6" class="FeatureType" />
</div>
</div>
</div>
<!-- <br> -->
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">اقدامات <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none">
<div class="icheck-primary d-inline ml-2">
<label for="doing" class="font-check" style="color: #000000">انجام شده</label>
<input type="checkbox" id="doing" name="activity" value="1" class="activity" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="nodoing" class="font-check" style="color: #000000">انجام نشده</label>
<input type="checkbox" id="nodoing" name="activity" value="2" class="activity" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="search" class="font-check" style="color: #000000">بررسی شده</label>
<input type="checkbox" id="search" name="activity" value="3" class="activity" />
</div>
<br>
</div>
</div>
</div>
<!-- camp new -->
<div class="guid-winter-camp" style="display: none">
<h6 class="HeaderStyle">قرارگاه زمستانی </h6>
<div class="coridor col-12 m-0 mb-2" data-coridor="1" data-startlatlng="[35.7006177,51.4013785]"
data-endlatlng="[36.4636399,52.8579311]">
<div class="row col-12">
<div class="col-4">قائم شهر (جاده فیروزکوه) </div>
<div class="col-6">
<img src="../dist/images/new-design/mehvar.svg">
</div>
<div class="col-2">تهران</div>
</div>
</div>
<div class="coridor col-12 m-0 mb-2" data-coridor="2" data-startlatlng="[35.7006177,51.4013785]"
data-endlatlng="[36.4718947,52.3499009]">
<div class="row col-12">
<div class="col-4">آمل(جاده هراز)</div>
<div class="col-6">
<img src="../dist/images/new-design/mehvar.svg">
</div>
<div class="col-2">تهران</div>
</div>
</div>
<div class="coridor col-12 m-0 mb-2" data-coridor="3" data-startlatlng="[36.2804074,50.006663]"
data-endlatlng="[37.2793607,49.5846102]">
<div class="row col-12">
<div class="col-4">رشت(جاده قدیم) </div>
<div class="col-6">
<img src="../dist/images/new-design/mehvar.svg">
</div>
<div class="col-2">تهران</div>
</div>
</div>
<div class="coridor col-12 m-0 mb-2" data-coridor="4" data-startlatlng="[36.2804074,50.006663]"
data-endlatlng="[37.2793607,49.5846102]">
<div class="row col-12">
<div class="col-4">رشت </div>
<div class="col-6">
<img src="../dist/images/new-design/mehvar.svg">
</div>
<div class="col-2">تهران</div>
</div>
</div>
<div class="coridor col-12 m-0 mb-2" data-coridor="5" data-startlatlng="[35.8121955,51.0073853]"
data-endlatlng="[36.6506071,51.4222349]">
<div class="row col-12">
<div class="col-4">چالوس </div>
<div class="col-6">
<img src="../dist/images/new-design/mehvar.svg">
</div>
<div class="col-2">تهران</div>
</div>
</div>
<div class="coridor col-12 m-0 mb-2" data-coridor="6" data-startlatlng="[35.7006177,51.4013785]"
data-endlatlng="[35.5834074,53.3882906]">
<div class="row col-12">
<div class="col-4">سمنان </div>
<div class="col-6">
<img src="../dist/images/new-design/mehvar.svg">
</div>
<div class="col-2">تهران</div>
</div>
</div>
<div class="coridor col-12 m-0 mb-2" data-coridor="7" data-startlatlng="[35.7006177,51.4013785]"
data-endlatlng="[38.0739964,46.2961952]">
<div class="row col-12">
<div class="col-4">تبریز </div>
<div class="col-6">
<img src="../dist/images/new-design/mehvar.svg">
</div>
<div class="col-2">تهران</div>
</div>
</div>
<div class="coridor col-12 m-0 mb-2" data-coridor="8" data-startlatlng="[35.70061770364413, 51.40137849422223]"
data-endlatlng="[34.32394142945338, 47.073589114346305]">
<div class="row col-12">
<div class="col-4">کرمانشاه </div>
<div class="col-6">
<img src="../dist/images/new-design/mehvar.svg">
</div>
<div class="col-2">تهران</div>
</div>
</div>
</div>
<div class="guid-custom-boxcamp" style="display: none">
<h6 class="HeaderStyle">پراکندگی نقاط قرارگاه زمستانی </h6>
<div class="filterParent">
<div class="filterTitle"> نوع محور <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none">
<div class="icheck-primary d-inline ml-2">
<label for="pc1" class="font-check">روستایی</label>
<input type="checkbox" id="pc1" name="rishe" value="1" class="camp1" />
</div>
<div class="icheck-primary ml-2">
<label for="pc2" class="font-check">فرعی</label>
<input type="checkbox" id="pc2" name="rishe" value="2" class="camp1" />
</div>
<div class="icheck-primary ml-2">
<label for="pc3" class="font-check">اصلی</label>
<input type="checkbox" id="pc3" name="rishe" value="3" class="camp1" />
</div>
<div class="icheck-primary ml-2">
<label for="pc4" class="font-check">شریانی</label>
<input type="checkbox" id="pc4" name="rishe" value="4" class="camp1" />
</div>
<div class="icheck-primary ml-2">
<label for="pc5" class="font-check">آزادراه</label>
<input type="checkbox" id="pc5" name="rishe" value="5" class="camp1" />
</div>
<div class="icheck-primary ml-2">
<label for="pc6" class="font-check">آزادراه</label>
<input type="checkbox" id="pc6" name="rishe" value="6" class="camp1" />
</div>
</div>
</div>
<br>
<div class="filterParent">
<div class="filterTitle"> علت انسداد <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none">
<div class="icheck-primary d-inline ml-2">
<label for="ac1" class="font-check">برف</label>
<input type="checkbox" id="ac1" name="rishe" value="6" class="camp2" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="ac2" class="font-check">سیل</label>
<input type="checkbox" id="ac2" name="rishe" value="7" class="camp2" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="ac3" class="font-check">رانش و ریزش</label>
<input type="checkbox" id="ac3" name="rishe" value="8" class="camp2" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="ac4" class="font-check">طوفان شن</label>
<input type="checkbox" id="ac4" name="rishe" value="9" class="camp2" />
</div>
<br>
<div class="icheck-primary d-inline ml-2">
<label for="ac5" class="font-check">سایر</label>
<input type="checkbox" id="ac5" name="rishe" value="9" class="camp2" />
</div>
</div>
</div>
<br>
</div>
<div class="guid-custom-box-allpoint parent_menu_vertical" style="display: none">
<h6 class="HeaderStyle"> تمامی نقاط پرتصادف مصوب سال 1395</h6>
<a href="/yasitestmap?type=251points" class="btn btn-default" style="direction: rtl;">251 نقطه پرتصادف</a>
</div>
<div class="guid-custom-box-251points parent_menu_vertical" style="display: none">
<h6 class="HeaderStyle" style="direction: rtl"> 251 نقطه پرتصادف </h6>
<a href="/yasitestmap?type=allpoints" class="btn btn-default" style="direction: rtl;">تمامی نقاط پرتصادف مصوب
سال
1395</a>
</div>
<div class="guid-custom-box-item parent_menu_vertical" style="display: none">
<h6 class="HeaderStyle"> پراکندگی نقاط فعالیت روزانه و جاری </h6>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle"> نوع فعالیت <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup divtop" style="display: none">
<ul>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">مرمت رویه</span>
<img class="style-mod ml-1" src="../dist/images/new-design/marematerooye.svg">
</span>
</a>
<input type="radio" id="item0" name="item" value="0" class="item0" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">پاکسازی</span>
<img class="style-mod ml-1" src="../dist/images/new-design/paksazi.svg">
</span>
</a>
<input type="radio" id="item1" name="item" value="1" class="item1" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">علائم</span>
<img class="style-mod ml-1" src="../dist/images/new-design/alaem.svg">
</span>
</a>
<input type="radio" id="item2" name="item" value="2" class="item2" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">حفاظ</span>
<img class="style-mod ml-1" src="../dist/images/new-design/hefaz.svg">
</span>
</a>
<input type="radio" id="item3" name="item" value="3" class="item3" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">روشنایی</span>
<img class="style-mod ml-1" src="../dist/images/new-design/roshanaii.svg">
</span>
</a>
<input type="radio" id="item4" name="item" value="4" class="item4" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">خط کشی</span>
<img class="style-mod ml-1" src="../dist/images/new-design/khatkeshi.svg">
</span>
</a>
<input type="radio" id="item5" name="item" value="5" class="item5" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">رنگ آمیزی</span>
<img class="style-mod ml-1" src="../dist/images/new-design/rangamizi.svg">
</span>
</a>
<input type="radio" id="item6" name="item" value="6" class="item6" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">شست و شو</span>
<img class="style-mod ml-1" src="../dist/images/new-design/shostoshoo.svg">
</span>
</a>
<input type="radio" id="item7" name="item" value="7" class="item7" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">ایمن سازی</span>
<img class="style-mod ml-1" src="../dist/images/new-design/imensazi.svg">
</span>
</a>
<input type="radio" id="item8" name="item" value="8" class="item8" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">حریم</span>
<img class="style-mod ml-1" src="../dist/images/new-design/harim.svg">
</span>
</a>
<input type="radio" id="item9" name="item" value="9" class="item9" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">پل</span>
<img class="style-mod ml-1" src="../dist/images/new-design/pol.svg">
</span>
</a>
<input type="radio" id="item10" name="item" value="10" class="item10" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">تونل و گالری</span>
<img class="style-mod ml-1" src="../dist/images/new-design/toonel&gallery.svg">
</span>
</a>
<input type="radio" id="item11" name="item" value="11" class="item11" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">عملیات زمستانی</span>
<img class="style-mod ml-1" src="../dist/images/new-design/amaliatezemestani.svg">
</span>
</a>
<input type="radio" id="item12" name="item" value="12" class="item12" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">ماشین آلات</span>
<img class="style-mod ml-1" src="../dist/images/new-design/mashinalat.svg">
</span>
</a>
<input type="radio" id="item13" name="item" value="13" class="item13" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">راهدارخانه</span>
<img class="style-mod ml-1" src="../dist/images/new-design/rahdarkhane.svg">
</span>
</a>
<input type="radio" id="item14" name="item" value="14" class="item14" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">موارد اضطراری</span>
<img class="style-mod ml-1" src="../dist/images/new-design/mavaredezterari.svg">
</span>
</a>
<input type="radio" id="item15" name="item" value="15" class="item15" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type"> بازدید و بررسی و کنترل</span>
<img class="style-mod ml-1" src="../dist/images/new-design/bazdiditems.svg">
</span>
</a>
<input type="radio" id="item16" name="item" value="16" class="item16" />
</li>
<li class="list layerButton1 pb-1">
<a href="#">
<span class="icon">
<span class="title-type">همه فعالیت ها</span>
<img class="style-mod ml-1" src="../dist/images/new-design/allactions.svg">
</span>
</a>
<input type="radio" id="item17" name="item" value="17" class="item17" />
</li>
</ul>
</div>
</div>
</div>
<div class="guid-custom-box-safety" style="display: none">
<h6 class="HeaderStyle">پراکندگی نقاط نگهداری حریم راه </h6>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">انتخاب تاریخ <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none">
<div class="form-row col-12">
<div class="form-group col-6">
<input id="safety-todate" class="form-control" type="text" disabled />
</div>
<div class="form-group col-6">
<input id="safety-fromdate" class="form-control" type="text" />
</div>
</div>
<button id="safety_search_option" type="button" class="btn"
style="background-color: #015688;color:white">جستجو</button>
</div>
</div>
<div class="filterParent" style="margin-bottom: 10px;">
<div class="filterTitle">اداره کل <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="filterGroup" style="display: none" id="all-pro-safety"></div>
</div>
<!-- <br> -->
</div>
</div>
@endsection
@section('scripts-body')
<!-- datatables script -->
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
<!-- map script -->
<script src="{{ asset('dist/js/leaflet.js') }}"></script>
<script src="{{ asset('dist/js/leaflet.markercluster.js') }}"></script>
<script src="{{ asset('dist/js/leaflet-routing-machine.js') }}"></script>
<script src="{{ asset('dist/js/leaflet.printpreview.js') }}"></script>
<!-- input mask -->
<script src="{{ asset('plugins/inputmask/min/jquery.inputmask.bundle.min.js') }}"></script>
<!-- select2 script -->
<script src="{{ asset('plugins/select2/js/select2.full.min.js') }}"></script>
<!-- date picker script -->
<script src="{{ asset('dist/js/persian-datepicker.min.js') }}"></script>
<script src="{{ asset('dist/js/persian-date.min.js') }}"></script>
<script src="{{ asset('plugins/moment/moment.min.js') }}"></script>
<script src="{{ asset('dist/js/jalali-moment.browser.js') }}"></script>
<script src="{{ asset('plugins/chart.js/Chart.min.js') }}"></script>
<!-- page script -->
<script src="{{ asset('version2/js/dashboard_pages/_map.js?_=') . mt_rand(1, 99999999999) }}"></script>
@endsection