279 lines
16 KiB
PHP
279 lines
16 KiB
PHP
<!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() }}" />
|
|
<link rel="icon" href="../dist/images/fav.ico" type="image/ico" sizes="16x16">
|
|
<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" />
|
|
<!-- datepicker -->
|
|
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css">
|
|
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css">
|
|
<!-- datepicker -->
|
|
<!-- icheck bootstrap -->
|
|
<link rel="stylesheet" href="../plugins/icheck-bootstrap/icheck-bootstrap.min.css" />
|
|
<!-- datatable -->
|
|
<link rel="stylesheet" href="../plugins/datatables-bs4/css/dataTables.bootstrap4.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" />
|
|
|
|
<link rel="stylesheet" href="../dist/css/footer.css">
|
|
<link rel="stylesheet" href="../dist/css/styleheader.css">
|
|
<link rel="stylesheet" href="../dist/css/fullstyle.css">
|
|
<link rel="stylesheet" href="../dist/css/tablestyle.css" />
|
|
<link rel="stylesheet" href="../dist/css/AllMap.css" />
|
|
|
|
|
|
<!-- Theme style -->
|
|
<link rel="stylesheet" href="../dist/css/adminlte.css?v=0.1" />
|
|
<link rel="stylesheet" href="../dist/css/DailyAccidentMap.css" />
|
|
</head>
|
|
|
|
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed sidebar-collapse">
|
|
@include('layouts.header')
|
|
<div class="divloader">
|
|
<span class="loader"><span class="loader-inner"></span></span>
|
|
</div>
|
|
<div class="wrapper">
|
|
<!-- map -->
|
|
<div id="mymap" class="map"></div>
|
|
<!-- map -->
|
|
<!-- filter part -->
|
|
<div class="guid-custom-box-DailyAccident">
|
|
<h6 class="HeaderStyle py-2"> فیلتر تصادفات جاده ای </h6>
|
|
<ul class="m-0 px-3">
|
|
<li class="layerButton1 pb-1">
|
|
<div class="d-flex justify-content-between align-items-top pb-1">
|
|
<button class="btn btn-default All_button btn-sm" data-name="province_ids">انتخاب همه</button>
|
|
<div class="dropdownstart">
|
|
<span class="title-type">استان</span>
|
|
<img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
|
|
</div>
|
|
</div>
|
|
<ul class="layerbuttonparent m-0 p-0 province-list" data-name="province_ids">
|
|
|
|
</ul>
|
|
</li>
|
|
<li class="layerButton1 pb-1">
|
|
<div class="d-flex justify-content-between align-items-top pb-1">
|
|
<button class="btn btn-default All_button btn-sm" data-name="collision_types">انتخاب همه</button>
|
|
<div class="dropdownstart">
|
|
<span class="title-type">نوع برخورد</span>
|
|
<img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
|
|
</div>
|
|
</div>
|
|
<ul class="layerbuttonparent m-0 p-0" data-name="collision_types">
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">رخ به رخ</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="1" name="subitem2" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">واژگونی</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="2" name="subitem2" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">جلو به عقب</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="3" name="subitem2" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">جلو به پهلو</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="4" name="subitem2" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">برخورد با شی ثابت</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="5" name="subitem2" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">برخورد با عابر</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="6" name="subitem2" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">برخورد با حیوان</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="7" name="subitem2" />
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="layerButton1 pb-1">
|
|
<div class="d-flex justify-content-between align-items-top pb-1">
|
|
<button class="btn btn-default All_button btn-sm" data-name="axis_types">انتخاب همه</button>
|
|
<div class="dropdownstart">
|
|
<span class="title-type">نوع راه</span>
|
|
<img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
|
|
</div>
|
|
</div>
|
|
<ul class="layerbuttonparent m-0 p-0" data-name="axis_types">
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">آزادراه</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="1" name="subitem3" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">بزرگراه</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="2" name="subitem3" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">اصلی</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="3" name="subitem3" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">فرعی</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="4" name="subitem3" />
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="layerButton1 pb-1">
|
|
<div class="d-flex justify-content-between align-items-top pb-1">
|
|
<button class="btn btn-default All_button btn-sm" data-name="accident_types">انتخاب همه</button>
|
|
<div class="dropdownstart">
|
|
<span class="title-type">نوع تصادف</span>
|
|
<img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
|
|
</div>
|
|
</div>
|
|
<ul class="layerbuttonparent m-0 p-0" data-name="accident_types">
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">خسارتی</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="1" name="subitem4" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">جرحی</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="2" name="subitem4" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">فوتی</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="3" name="subitem4" />
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="layerButton1 pb-1">
|
|
<div class="d-flex justify-content-between align-items-top pb-1">
|
|
<button class="btn btn-default All_button btn-sm" data-name="way_geometries">انتخاب همه</button>
|
|
<div class="dropdownstart">
|
|
<span class="title-type">توصیف هندسی</span>
|
|
<img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
|
|
</div>
|
|
</div>
|
|
<ul class="layerbuttonparent m-0 p-0" data-name="way_geometries">
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside"> تقاطع - دسترسی </span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="1" name="subitem5" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside"> قوس افقی یا قائم </span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="2" name="subitem5" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside"> پل </span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="3" name="subitem5" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside"> پل و قوس </span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="4" name="subitem5" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">تونل</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="5" name="subitem5" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">میدان</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="6" name="subitem5" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">دوربرگردان</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="7" name="subitem5" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">بریدگی</span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="8" name="subitem5" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside">تقاطع و قوس </span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="9" name="subitem5" />
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside"> نقطه عادی </span>
|
|
<input class="checkbox_sub input-road-type" type="checkbox" value="10" name="subitem5" />
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="layerButton1 pb-1">
|
|
<div class="pb-1">
|
|
<div class="dropdownstart">
|
|
<span class="title-type">زمان</span>
|
|
<img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
|
|
</div>
|
|
</div>
|
|
<ul class="layerbuttonparent m-0 p-0" data-name="day_part">
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside"> روز </span>
|
|
<input type="radio" name="subitemtime" value="day" class="checkbox_sub input-road-type">
|
|
</li>
|
|
<li class="layerButton2 pb-1">
|
|
<span class="title-type-inside"> شب</span>
|
|
<input type="radio" name="subitemtime" value="night" class="checkbox_sub input-road-type">
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="layerButton1 pb-1">
|
|
<div class="pb-1">
|
|
<div class="dropdownstart">
|
|
<span class="title-type">سال</span>
|
|
<img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
|
|
</div>
|
|
</div>
|
|
<ul class="layerbuttonparent m-0 p-0 year-list" data-name="year">
|
|
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- filter part -->
|
|
<!-- last part -->
|
|
|
|
<!-- last part -->
|
|
</div>
|
|
@include('layouts.footer')
|
|
|
|
<!-- 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>
|
|
<!-- datepicker -->
|
|
<script src="../dist/js/persian-date.min.js"></script>
|
|
<script src="../dist/js/persian-datepicker.min.js"></script>
|
|
<!-- datepicker -->
|
|
<!-- datatable -->
|
|
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
|
|
<script src="../plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>
|
|
<!-- AdminLTE App -->
|
|
<script src="../dist/js/adminlte.min.js"></script>
|
|
<script src="../dist/js/adminlte.min.js"></script>
|
|
<!-- SweetAlert2 -->
|
|
<script src="../dist/js/sweetalert2js.js"></script>
|
|
<!-- momment -->
|
|
<script src="../plugins/moment/moment.min.js"></script>
|
|
<script src="../dist/js/jalali-moment.browser.js"></script>
|
|
<!-- PAGE SCRIPTS -->
|
|
<script src="../dist/js/static.js"></script>
|
|
<script src="../dist/js/DailyAccidentMap.js?_{{ rand(1000, 20000) }}"></script>
|
|
</body>
|
|
|
|
</html>
|