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

1137 lines
77 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>
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css" />
<link rel="stylesheet" href="../dist/css/adminlte.css" />
<link rel="stylesheet" href="../dist/css/fontiran.css" />
<!-- map links -->
<link rel="stylesheet" href="../dist/css/leaflet.css" />
<!-- data table links -->
<link rel="stylesheet" href="../plugins/datatables-bs4/css/dataTables.bootstrap4.min.css" />
<link rel="stylesheet" href="../plugins/datatables-buttons/css/buttons.bootstrap4.min.css" />
<link rel="stylesheet" href="../plugins/datatables-bs4/css/dataTables.bootstrap4.min.css" />
<link rel="stylesheet" href="../plugins/datatables-buttons/css/buttons.bootstrap4.min.css" />
<!-- select2 link -->
<link rel="stylesheet" href="../plugins/select2/css/select2.min.css" />
<link rel="stylesheet" href="../dist/css/select2-bootstrap4.min.css" />
<!-- date picker link -->
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css" />
<!-- date picker link -->
<link rel="stylesheet" href="../dist/css/footer.css" />
<link rel="icon" href="../dist/images/fav.ico" type="image/ico" sizes="16x16" />
<link rel="stylesheet" href="../dist/css/tablestyle.css" />
<link rel="stylesheet" href="../dist/css/DailyAccident.css?_={{ mt_rand(1, 99999999999) }}" />
</head>
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed">
<div class="divloader">
<span class="loader"><span class="loader-inner"></span></span>
</div>
@include('layouts.header')
<div class="container-fluid">
<!-- accident main table -->
<div class="row pt-3 px-4 mb-5">
<div class="col-12">
<div class="d-flex mb-3 content-center-datatable align-items-center justify-content-center">
<span class="ml-1 pt-1">
لیست تصادفات
</span>
<button class="btn btn-success btn-sm" id="accident_add">
ثبت تصادف
</button>
</div>
<table class="table table-striped table-bordered" id="main-table-points" width="100%">
<thead>
<tr>
<th colspan="7" style="background-color: #ff5c0f">اطلاعات شناسنامه ای</th>
<th colspan="8" style="background-color: #ff5c0f">اطلاعات تصادف</th>
<th rowspan="2"> تاریخ ثبت </th>
<th rowspan="2"> عملیات </th>
<th rowspan="2"> کنترل کارگروه ستادی </th>
</tr>
<tr>
<th>کد یکتا</th>
<th>استان /اداره کل</th>
<th>نام محور </th>
<th>نوع راه </th>
<th style=" font-size: 11px;">فاصله از محور <small>(km)</small></th>
<th>نام محلی </th>
<th>موقعیت جغرافیایی</th>
<th>تعداد جرحی</th>
<th>تعداد فوتی</th>
<th>نوع برخورد</th>
<th>توصیف هندسی</th>
<th>شرایط جوی</th>
<th>روز هفته</th>
<th>ساعت تصادف</th>
<th>تاریخ تصادف</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
<!-- accident add modal -->
<div id="add_accident_modal" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
<div class="modal-content">
<div class="modal-header d-flex align-items-center justify-content-between">
<h5>ثبت تصادف جدید</h5>
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<!-- first part begin -->
<div class="col-12 ">
<fieldset class="fieldsetstyle mb-3">
<legend class="text-center">اطلاعات شناسنامه</legend>
<div class="col-12 form-parents">
<div class="row">
<!-- first row -->
<div class="col-6 ">
<div class="col-12 form-group">
<label for="add_province_id">اداره کل/استان</label>
<select id="add_province_id" name="province"
class="form-control select-inputs">
</select>
</div>
<div class="col-12 form-group">
<label for="add_axis_name">نام محور</label>
<input id="add_axis_name" name="axis_name" type="text"
class="form-control required-text-inputs arabic-text"
placeholder="نام محور" />
</div>
<div class="col-12 form-group">
<label for="add_axis_type">نوع راه</label>
<select id="add_axis_type" name="axis_type"
class="form-control select-inputs">
<option value="0">انتخاب راه</option>
<option value="1">آزادراه</option>
<option value="2">بزرگراه</option>
<option value="3">اصلی</option>
<option value="4">فرعی</option>
</select>
</div>
<div class="col-12 form-group">
<label for="add_axis_start">ابتدای محور</label>
<input id="add_axis_start" name="axis_start" type="text"
class="form-control required-text-inputs arabic-text"
placeholder="ابتدای محور" />
</div>
<div class="col-12 form-group">
<label for="add_axis_end">انتهای محور</label>
<input id="add_axis_end" name="axis_end" type="text"
class="form-control required-text-inputs arabic-text"
placeholder="انتهای محور" />
</div>
<div class="col-12 form-group">
<label for="add_distance_axis_start">فاصله از ابتدای محور</label>
<input id="add_distance_axis_start" name="distance_axis_start"
type="text"
class="form-control required-text-inputs text-number"
placeholder="فاصله از محور" />
</div>
</div>
<div class="col-6 ">
<div class="col-12 form-group">
<div class="abrar-map-layout">
<div class="col-12 mb-3 p-0 map-parent-border">
<div id="add_map" class="project-map"></div>
</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 type="text"
class="form-control input-map-project"
name="add_project_start_map"
id="add_project_start_map"
data-inputmask="'mask': '(99.999999) - (99.999999)'"
data-mask
placeholder="(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)"
autocomplete="off" />
</div>
</div>
</div>
</div>
</div>
<div class="col-12 form-group">
<label for="add_local_name">نام محلی نقطه</label>
<input id="add_local_name" name="local_name" type="text"
class="form-control required-text-inputs arabic-text"
placeholder="نام محلی نقطه" />
</div>
</div>
<!-- end first row -->
</div>
</div>
</fieldset>
</div>
<!-- first part end -->
<!-- second part begin -->
<div class="col-12 ">
<fieldset class="fieldsetstyle mb-3">
<legend class="text-center">اطلاعات تصادف</legend>
<div class="col-12 form-parents">
<div class="row">
<!-- first row -->
<div class="col-6 ">
<div class="col-12 form-group">
<label for="add_police_serial">شماره سریال کروکی</label>
<input id="add_police_serial" name="police_serial" type="text"
class="form-control required-text-inputs"
placeholder="شماره سریال کروکی" />
</div>
<div class="col-12 form-group">
<label for="add_accident_date">تاریخ تصادف</label>
<input id="add_accident_date" name="accident_date" type="text"
class="form-control required-text-inputs"
placeholder="تاریخ تصادف" />
</div>
<div class="col-12 form-group">
<label for="add_day_of_the_week">روز هفته</label>
<input id="add_day_of_the_week" name="day_of_the_week" type="text"
class="form-control required-text-inputs" placeholder="روز هفته"
disabled />
</div>
<div class="col-12 form-group">
<label for="add_accident_time">ساعت</label>
<input id="add_accident_time" name="accident_time" type="text"
class="form-control required-text-inputs" placeholder="ساعت" />
</div>
<div class="col-12 form-group">
<label for="add_direction">جهت حرکت</label>
<select id="add_direction" name="direction"
class="form-control select-inputs">
<option value="0">انتخاب جهت حرکت</option>
<option value="1">رفت</option>
<option value="2">برگشت</option>
</select>
</div>
<div class="col-12 form-group">
<label for="add_way_geometri">توصیف هندسی</label>
<select id="add_way_geometri" name="way_geometri"
class="form-control select-inputs">
<option value="0">انتخاب توصیف هندسی</option>
<option value="1"> تقاطع - دسترسی </option>
<option value="2"> قوس افقی یا قائم </option>
<option value="3"> پل </option>
<option value="4"> پل و قوس </option>
<option value="5"> تونل </option>
<option value="6"> میدان </option>
<option value="7"> دوربرگردان </option>
<option value="8"> بریدگی </option>
<option value="9"> تقاطع و قوس </option>
<option value="10"> نقطه عادی </option>
</select>
</div>
</div>
<div class="col-6 ">
<div class="col-12 form-group">
<label for="add_accident_type">نوع تصادف</label>
<select id="add_accident_type" name="accident_type"
class="form-control select-inputs accident_type">
<option value="0">انتخاب نوع تصادف</option>
</select>
</div>
<div class="col-12 form-group">
<label for="add_number_of_injured">تعداد جرحی</label>
<input disabled id="add_number_of_injured" name="number_of_injured"
type="text"
class="form-control required-text-inputs text-number number_of_injured"
placeholder="تعداد جرحی" />
</div>
<div class="col-12 form-group">
<label for="add_number_of_died">تعداد متوفی</label>
<input disabled id="add_number_of_died" name="number_of_died"
type="text"
class="form-control required-text-inputs text-number number_of_died"
placeholder="تعداد متوفی" />
</div>
<div class="col-12 form-group">
<label for="add_weather_condition">شرایط رویه راه و جوی</label>
<select id="add_weather_condition" name="weather_condition_fa"
class="form-control select-inputs">
<option value="0">انتخاب شرایط</option>
<option value="1">برفی</option>
<option value="2">کولاک</option>
<option value="3">آفتابی</option>
<option value="4">بارانی</option>
<option value="5">یخبندان</option>
<option value="6">مه آلود</option>
</select>
</div>
<div class="col-12 form-group">
<label for="add_collision_type">نوع برخورد</label>
<select id="add_collision_type" name="collision_type"
class="form-control select-inputs collision_type">
<option value="0">انتخاب نوع</option>
</select>
</div>
</div>
<div class="col-12">
<div class="col-12">
<label>عوامل درگیر در تصادف</label>
</div>
<div id="accident_participant" class="accident-participant-list">
</div>
</div>
<!-- end first row -->
</div>
</div>
</fieldset>
</div>
<!-- second part end -->
<!-- third part begin -->
<div class="col-12 ">
<fieldset class="fieldsetstyle mb-3">
<legend class="text-center">بارگذاری تصاویر <small>(اختیاری)</small></legend>
<div class="col-12 form-parents">
<div class="row">
<div class="col-12 d-flex form-group">
<div class="col-6">
<div class="img-box col d-flex justify-content-center">
<div class="d-flex flex-column">
<label
class="imgbox d-flex align-items-center justify-content-center"
for="adddeviceImg1">
<span class="img-title" id="deviceImg1Title">تصویر
تصادف</span>
<img class="img-preview" id="deviceImg1Preview"
src="" />
</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="adddeviceImg1"
class="img-input d-none" accept=".jpg, .png">
</div>
</div>
<div class="col-6">
<div class="img-box col d-flex justify-content-center">
<div class="d-flex flex-column">
<label
class="imgbox d-flex align-items-center justify-content-center"
for="adddeviceImg2">
<span class="img-title" id="deviceImg2Title">تصویر
تصادف</span>
<img class="img-preview" id="deviceImg2Preview"
src="" />
</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="adddeviceImg2"
class="img-input d-none" accept=".jpg, .png">
</div>
</div>
</div>
<div class="col-12 d-flex form-group">
<div class="col-4">
</div>
<div class="col-4">
<div class="img-box col d-flex justify-content-center">
<div class="d-flex flex-column">
<label
class="imgbox d-flex align-items-center justify-content-center"
for="adddeviceImg3">
<span class="img-title" id="deviceImg3Title">تصویر
کروکی تصادف</span>
<img class="img-preview" id="deviceImg3Preview"
src="" />
</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="adddeviceImg3"
class="img-input d-none" accept=".jpg, .png">
</div>
</div>
<div class="col-4">
</div>
</div>
</div>
</div>
</fieldset>
</div>
<!-- third part end -->
<!-- fourth part begin -->
<div class="col-12 ">
<fieldset class="fieldsetstyle mb-3">
<legend class="text-center">اطلاعات تکمیلی تصادف</legend>
<div class="col-12 form-parents">
<div class="row">
<div class="col-6 ">
<div class="col-12 form-group">
<label for="add_legal_speed">سرعت مجاز اعلامی
(علائم) km/hr</label>
<input id="add_legal_speed" name="legal_speed" type="text"
class="form-control text-number required-text-inputs"
placeholder="سرعت مجاز اعلامی (علائم) km/hr" />
</div>
</div>
<div class="col-6 ">
<div class="col-12 form-group">
<label for="add_avarage_speed">سرعت متوسط تردد (۸۵٪)</label>
<input id="add_avarage_speed" name="avarage_speed" type="text"
class="form-control text-number required-text-inputs"
placeholder="سرعت متوسط تردد (۸۵٪)" />
</div>
</div>
</div>
<div class="col-12 form-group">
<label class="m-0">ریشه و عامل شکل گیری تصادف</label>
<div class="d-flex align-items-center">
<hr class="col">
<div class="d-flex align-items-center pr-2">
<input type="checkbox" name="select_all_accident_reasons"
class="select_all_accident_reasons"
id="add_select_all_accident_reasons">
<label for="add_select_all_accident_reasons"
class="m-0 pr-1">همه</label>
</div>
</div>
<div id="accident_reasons" class="d-flex flex-wrap">
</div>
</div>
<div class="col-12 form-group">
<label class="m-0">علت افزایش شدت تصادف و عامل مشترک</label>
<div class="d-flex align-items-center">
<hr class="col">
<div class="d-flex align-items-center pr-2">
<input type="checkbox" name="select_all_accident_reasons"
class="select_all_increase_damage_reasons"
id="add_select_all_increase_damage_reasons">
<label for="add_select_all_increase_damage_reasons"
class="m-0 pr-1">همه</label>
</div>
</div>
<div id="increase_damage_reasons" class="d-flex flex-wrap">
</div>
</div>
</div>
</fieldset>
</div>
<!-- fourth part end -->
</div>
</div>
<div class="modal-footer">
<button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">انصراف</button>
<button class="btn btn-primary" id="add_accident">ثبت</button>
</div>
</div>
</div>
</div>
<!-- end accident add modal -->
<!-- accident edit modal -->
<div id="edit_accident_modal" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
<div class="modal-content">
<div class="modal-header d-flex align-items-center justify-content-between">
<h5>ویرایش تصادف <span id="edit_accident_title"></span></h5>
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12 ">
<fieldset class="fieldsetstyle mb-3">
<legend class="text-center">اطلاعات شناسنامه</legend>
<div class="col-12 form-parents">
<div class="row">
<div class="col-6 ">
<div class="col-12 form-group">
<label for="edit_province_id">اداره کل/استان</label>
<select id="edit_province_id" name="province"
class="form-control select-inputs">
</select>
</div>
<div class="col-12 form-group">
<label for="edit_axis_name">نام محور</label>
<input id="edit_axis_name" name="axis_name" type="text"
class="form-control required-text-inputs arabic-text"
placeholder="نام محور" />
</div>
<div class="col-12 form-group">
<label for="edit_axis_type">نوع راه</label>
<select id="edit_axis_type" name="axis_type"
class="form-control select-inputs">
<option value="0">انتخاب راه</option>
<option value="1">آزادراه</option>
<option value="2">بزرگراه</option>
<option value="3">اصلی</option>
<option value="4">فرعی</option>
</select>
</div>
<div class="col-12 form-group">
<label for="edit_axis_start">ابتدای محور</label>
<input id="edit_axis_start" name="axis_start" type="text"
class="form-control required-text-inputs arabic-text"
placeholder="ابتدای محور" />
</div>
<div class="col-12 form-group">
<label for="edit_axis_end">انتهای محور</label>
<input id="edit_axis_end" name="axis_end" type="text"
class="form-control required-text-inputs arabic-text"
placeholder="انتهای محور" />
</div>
<div class="col-12 form-group">
<label for="edit_distance_axis_start">فاصله از ابتدای محور</label>
<input id="edit_distance_axis_start" name="distance_axis_start"
type="text"
class="form-control required-text-inputs text-number"
placeholder="فاصله از محور" />
</div>
</div>
<div class="col-6 ">
<div class="col-12 form-group">
<div class="abrar-map-layout">
<div class="col-12 mb-3 p-0 map-parent-border">
<div id="edit_map" class="project-map"></div>
</div>
</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 type="text"
class="form-control input-map-project"
name="edit_project_start_map"
id="edit_project_start_map"
data-inputmask="'mask': '(99.999999) - (99.999999)'"
data-mask
placeholder="(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)"
autocomplete="off" />
</div>
</div>
</div>
</div>
<div class="col-12 form-group">
<label for="edit_local_name">نام محلی نقطه</label>
<input id="edit_local_name" name="local_name" type="text"
class="form-control required-text-inputs arabic-text"
placeholder="نام محلی نقطه" />
</div>
</div>
</div>
</div>
</fieldset>
</div>
<div class="col-12 ">
<fieldset class="fieldsetstyle mb-3">
<legend class="text-center">اطلاعات تصادف</legend>
<div class="col-12 form-parents">
<div class="row">
<div class="col-6 ">
<div class="col-12 form-group">
<label for="edit_police_serial">شماره سریال کروکی</label>
<input id="edit_police_serial" name="police_serial" type="text"
class="form-control required-text-inputs"
placeholder="شماره سریال کروکی" />
</div>
<div class="col-12 form-group">
<label for="edit_accident_date">تاریخ تصادف</label>
<input id="edit_accident_date" name="accident_date" type="text"
class="form-control required-text-inputs"
placeholder="تاریخ تصادف" />
</div>
<div class="col-12 form-group">
<label for="edit_day_of_the_week">روز هفته</label>
<input id="edit_day_of_the_week" name="day_of_the_week"
type="text" class="form-control required-text-inputs"
placeholder="روز هفته" disabled />
</div>
<div class="col-12 form-group">
<label for="edit_accident_time">ساعت</label>
<input id="edit_accident_time" name="accident_time" type="text"
class="form-control required-text-inputs" placeholder="ساعت" />
</div>
<div class="col-12 form-group">
<label for="edit_direction">جهت حرکت</label>
<select id="edit_direction" name="direction"
class="form-control select-inputs">
<option value="0">انتخاب جهت حرکت</option>
<option value="1">رفت</option>
<option value="2">برگشت</option>
</select>
</div>
<div class="col-12 form-group">
<label for="edit_way_geometri">توصیف هندسی</label>
<select id="edit_way_geometri" name="way_geometri"
class="form-control select-inputs">
<option value="0">انتخاب توصیف هندسی</option>
<option value="0">انتخاب توصیف هندسی</option>
<option value="1"> تقاطع - دسترسی </option>
<option value="2"> قوس افقی یا قائم </option>
<option value="3"> پل </option>
<option value="4"> پل و قوس </option>
<option value="5"> تونل </option>
<option value="6"> میدان </option>
<option value="7"> دوربرگردان </option>
<option value="8"> بریدگی </option>
<option value="9"> تقاطع و قوس </option>
<option value="10"> نقطه عادی </option>
</select>
</div>
</div>
<div class="col-6 ">
<div class="col-12 form-group">
<label for="edit_accident_type">نوع تصادف</label>
<select id="edit_accident_type" name="accident_type"
class="form-control select-inputs accident_type">
<option value="0">انتخاب نوع تصادف</option>
</select>
</div>
<div class="col-12 form-group">
<label for="edit_number_of_injured">تعداد جرحی</label>
<input disabled id="edit_number_of_injured" name="number_of_injured"
type="text"
class="form-control required-text-inputs text-number number_of_injured"
placeholder="تعداد جرحی" />
</div>
<div class="col-12 form-group">
<label for="edit_number_of_died">تعداد متوفی</label>
<input disabled id="edit_number_of_died" name="number_of_died"
type="text"
class="form-control required-text-inputs text-number number_of_died"
placeholder="تعداد متوفی" />
</div>
<div class="col-12 form-group">
<label for="edit_weather_condition">شرایط رویه راه و جوی</label>
<select id="edit_weather_condition" name="weather_condition_fa"
class="form-control select-inputs">
<option value="0">انتخاب شرایط</option>
<option value="1">برفی</option>
<option value="2">کولاک</option>
<option value="3">آفتابی</option>
<option value="4">بارانی</option>
<option value="5">یخبندان</option>
<option value="6">مه آلود</option>
</select>
</div>
<div class="col-12 form-group">
<label for="edit_collision_type">نوع برخورد</label>
<select id="edit_collision_type" name="collision_type"
class="form-control select-inputs collision_type">
<option value="0">انتخاب نوع</option>
</select>
</div>
</div>
<div class="col-12">
<div class="col-12">
<label>عوامل درگیر در تصادف</label>
</div>
<div id="accident_participant" class="accident-participant-list">
</div>
</div>
</div>
</div>
</fieldset>
</div>
<div class="col-12 ">
<fieldset class="fieldsetstyle mb-3">
<legend class="text-center">بارگذاری تصاویر <small>(اختیاری)</small></legend>
<div class="col-12 form-parents">
<div class="row">
<div class="col-12 d-flex form-group">
<div class="col-6">
<div class="img-box col d-flex justify-content-center">
<div class="d-flex flex-column">
<label
class="imgbox d-flex align-items-center justify-content-center"
for="editdeviceImg1">
<span class="img-title" id="deviceImg1Title">تصویر
تصادف</span>
<img class="img-preview" id="deviceImg1Preview"
src="" />
</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="editdeviceImg1"
class="img-input d-none" accept=".jpg, .png">
</div>
</div>
<div class="col-6">
<div class="img-box col d-flex justify-content-center">
<div class="d-flex flex-column">
<label
class="imgbox d-flex align-items-center justify-content-center"
for="editdeviceImg2">
<span class="img-title" id="deviceImg2Title">تصویر
تصادف</span>
<img class="img-preview" id="deviceImg2Preview"
src="" />
</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="editdeviceImg2"
class="img-input d-none" accept=".jpg, .png">
</div>
</div>
</div>
<div class="col-12 d-flex form-group">
<div class="col-4">
</div>
<div class="col-4">
<div class="img-box col d-flex justify-content-center">
<div class="d-flex flex-column">
<label
class="imgbox d-flex align-items-center justify-content-center"
for="editdeviceImg3">
<span class="img-title" id="deviceImg3Title">تصویر
کروکی تصادف</span>
<img class="img-preview" id="deviceImg3Preview"
src="" />
</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="editdeviceImg3"
class="img-input d-none" accept=".jpg, .png">
</div>
</div>
<div class="col-4">
</div>
</div>
</div>
</div>
</fieldset>
</div>
<div class="col-12 ">
<fieldset class="fieldsetstyle mb-3">
<legend class="text-center">اطلاعات تکمیلی تصادف</legend>
<div class="col-12 form-parents">
<div class="row">
<div class="col-6 ">
<div class="col-12 form-group">
<label for="edit_legal_speed">سرعت مجاز اعلامی
(علائم) km/hr</label>
<input id="edit_legal_speed" name="legal_speed" type="text"
class="form-control text-number required-text-inputs"
placeholder="سرعت مجاز اعلامی (علائم) km/hr" />
</div>
</div>
<div class="col-6 ">
<div class="col-12 form-group">
<label for="edit_avarage_speed">سرعت متوسط تردد (۸۵٪)</label>
<input id="edit_avarage_speed" name="avarage_speed" type="text"
class="form-control text-number required-text-inputs"
placeholder="سرعت متوسط تردد (۸۵٪)" />
</div>
</div>
</div>
<div class="col-12 form-group">
<label class="m-0">ریشه و عامل شکل گیری تصادف</label>
<div class="d-flex align-items-center">
<hr class="col">
<div class="d-flex align-items-center pr-2">
<input type="checkbox" name="select_all_accident_reasons"
class="select_all_accident_reasons"
id="select_all_accident_reasons">
<label for="select_all_accident_reasons" class="m-0 pr-1">همه</label>
</div>
</div>
<div id="accident_reasons" class="d-flex flex-wrap">
</div>
</div>
<div class="col-12 form-group">
<label class="m-0">علت افزایش شدت تصادف و عامل مشترک</label>
<div class="d-flex align-items-center">
<hr class="col">
<div class="d-flex align-items-center pr-2">
<input type="checkbox" name="select_all_accident_reasons"
class="select_all_increase_damage_reasons"
id="edit_select_all_increase_damage_reasons">
<label for="edit_select_all_increase_damage_reasons"
class="m-0 pr-1">همه</label>
</div>
</div>
<div id="increase_damage_reasons" class="d-flex flex-wrap">
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
<div class="modal-footer">
<button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">انصراف</button>
<button class="btn btn-primary" id="edit_accident">ثبت</button>
</div>
</div>
</div>
</div>
<!-- end accident edit modal -->
<!-- dailyAccident show on map modal -->
<div id="show_dailyAccident_modal" class="modal fade" tabindex="-1" data-bs-backdrop="static"
data-bs-keyboard="false">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<p class="modal-title d-flex align-items-center"><i class="fa fa-map-marker ml-2"></i>نمایش مختصات
</p>
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body modal-font-size pt-1 pb-1">
<div class="map-show-box img-thumbnail ml-2 mr-2">
<div class="project-map" id="map_show"></div>
</div>
<div class="ml-2 mr-2 mt-3 mb-3">
<table class="table table-bordered table-secondary">
<thead>
<tr>
<th class="text-center">عرض جغرافیایی</th>
<th class="text-center">طول جغرافیایی</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center" id="show_on_map_lat"></td>
<td class="text-center" id="show_on_map_lng"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- end dailyAccident show on map modal -->
{{-- expert confirmation modal --}}
<div class="modal fade" id="expert_confirmation_modal" aria-hidden="true"
aria-labelledby="exampleModalToggleLabel" tabindex="-1">
<div class="modal-dialog modal-xl modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalToggleLabel">مشخصات تصادف ثبت شده</h5>
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body">
<header>
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<h5 class="mb-0 ml-2">ساعت تصادف: </h5>
<h6 class="mb-0" id="accident_time"></h6>
</div>
<div class="d-flex align-items-center">
<h5 class="mb-0 ml-2">روز تصادف: </h5>
<h6 class="mb-0" id="day_of_the_week"></h6>
</div>
</div>
</header>
<fieldset class="fieldsetstyle">
<legend>استان: <span id="province_fa"></span></legend>
<div class="item-packet d-flex align-items-center justify-content-between mb-3 ml-3 mr-3">
<div class="d-flex align-items-center">
<h6 class="mb-0 ml-2">سرعت قانونی (km/hr): </h6>
<h6 class="mb-0" id="legal_speed"></h6>
</div>
<div class="d-flex align-items-center">
<h6 class="mb-0 ml-2">سرعت متوسط (km/hr): </h6>
<h6 class="mb-0" id="avarage_speed"></h6>
</div>
</div>
<div class="item-packet d-flex align-items-center justify-content-between mb-3 ml-3 mr-3">
<div class="d-flex align-items-center">
<h6 class="mb-0 ml-2">نوع تصادف: </h6>
<h6 class="mb-0" id="accident_type_fa"></h6>
</div>
<div class="d-flex align-items-center">
<h6 class="mb-0 ml-2">نوع برخورد: </h6>
<h6 class="mb-0" id="collision_type_fa"></h6>
</div>
</div>
<div class="item-packet d-flex align-items-center justify-content-between mb-3 ml-3 mr-3">
<div class="d-flex align-items-center">
<h6 class="mb-0 ml-2">نوع محور: </h6>
<h6 class="mb-0" id="axis_type_fa"></h6>
</div>
<div class="d-flex align-items-center">
<h6 class="mb-0 ml-2">شروع محور: </h6>
<h6 class="mb-0" id="axis_start"></h6>
</div>
<div class="d-flex align-items-center">
<h6 class="mb-0 ml-2">نام محور: </h6>
<h6 class="mb-0" id="axis_name"></h6>
</div>
<div class="d-flex align-items-center">
<h6 class="mb-0 ml-2">پایان محور: </h6>
<h6 class="mb-0" id="axis_end"></h6>
</div>
</div>
<div class="item-packet d-flex align-items-center justify-content-between mb-3 ml-3 mr-3">
<div class="d-flex align-items-center">
<h6 class="mb-0 ml-2">هندسه راه: </h6>
<h6 class="mb-0" id="way_geometri_fa"></h6>
</div>
<div class="d-flex align-items-center">
<h6 class="mb-0 ml-2">نام محلی: </h6>
<h6 class="mb-0" id="local_name"></h6>
</div>
<div class="d-flex align-items-center">
<h6 class="mb-0 ml-2">نوع آب و هوا: </h6>
<h6 class="mb-0" id="weather_condition_fa"></h6>
</div>
</div>
</fieldset>
<fieldset class="fieldsetstyle">
<legend>ریشه و عامل شکل گیری تصادف</legend>
<div
class="accident-reasons align-items-center justify-content-start d-flex flex-wrap pl-3 pr-3">
</div>
<div class="d-flex align-items-center">
<div class="w-100 mr-3">
<hr>
<hr>
</div>
<h5 class="text-center text-nowrap mb-0 ml-3 mr-3" style="color: #015688">علت افزایش شدت
تصادف و عامل مشترک</h5>
<div class="w-100 ml-3">
<hr>
<hr>
</div>
</div>
<div
class="increase-damage-reasons align-items-center justify-content-start d-flex flex-wrap pl-3 pr-3">
</div>
</fieldset>
</div>
<div class="modal-footer">
<button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">انصراف</button>
<button type="unconfirm" class="btn btn-warning text-white" id="unconfirm">عدم تایید</button>
<button type="confirm" class="btn btn-primary" id="confirm">تایید</button>
</div>
</div>
</div>
</div>
{{-- end expert confirmation modal --}}
{{-- expert massage field modal --}}
<div id="expert_message" class="modal fade" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-dialog modal-sm modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header d-flex align-items-center justify-content-between">
<h5>پیام کارشناس</h5>
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body pl-1 pr-1">
<div class="mb-2 ml-2 mr-2">
<label for="create_expert_message">علت عدم تایید</label>
<textarea class="form-control make-clean-textarea" autocomplete="off" name="expert-message"
id="create_expert_message" cols="3" rows="3"></textarea>
</div>
</div>
<div class="modal-footer">
<button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">انصراف</button>
<button id="record_message" type="submit"
class="btn btn-primary btn-font btn-active btn-focus">ثبت</button>
</div>
</div>
</div>
</div>
{{-- end expert massage field modal --}}
{{-- expert massage show modal --}}
<div id="show_expert_message_modal" class="modal fade" tabindex="-1" data-bs-backdrop="static"
data-bs-keyboard="false">
<div class="modal-dialog modal-sm modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header d-flex align-items-center justify-content-between">
<h5>پیام کارشناس</h5>
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body pl-1 pr-1">
<div class="mb-2 ml-2 mr-2">
<label for="show_expert_message">علت عدم تایید</label>
<textarea disabled class="form-control make-clean-textarea" autocomplete="off"id="show_expert_message"
cols="3" rows="3"></textarea>
</div>
</div>
<div class="modal-footer">
<button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">بستن</button>
</div>
</div>
</div>
</div>
{{-- end expert massage show modal --}}
{{-- filter --}}
<div class='parent-filter'>
<div class="row mt-2">
<div class="col-12 mb-2">
<select id="select-province" class="select-province form-control stylescroll">
</select>
</div>
<div class="col-12 mb-2">
<select id="filter_collision_type" name="collision_type"
class="form-control select-inputs collision_type">
<option value="0">انتخاب نوع برخورد</option>
</select>
</div>
<div class="col-12 mb-2">
<select id="filter_axis_type" name="axis_type" class="form-control select-inputs">
<option value="0">انتخاب راه</option>
<option value="1">آزادراه</option>
<option value="2">بزرگراه</option>
<option value="3">اصلی</option>
<option value="4">فرعی</option>
</select>
</div>
<div class="col-12 mb-2">
<select id="filter_way_geometri" name="way_geometri"class="form-control select-inputs">
<option value="0">انتخاب توصیف هندسی</option>
<option value="1"> تقاطع - دسترسی </option>
<option value="2"> قوس افقی یا قائم </option>
<option value="3"> پل </option>
<option value="4"> پل و قوس </option>
<option value="5"> تونل </option>
<option value="6"> میدان </option>
<option value="7"> دوربرگردان </option>
<option value="8"> بریدگی </option>
<option value="9"> تقاطع و قوس </option>
<option value="10"> نقطه عادی </option>
</select>
</div>
<div class="col-12 form-group">
<select class="yearfilter form-control" name="yearfilter"></select>
</div>
<div class="col-12 form-group">
<select id="timePicker" name="timePicker" class="form-control select-inputs">
<option value="0">انتخاب زمان</option>
<option value="1">روز</option>
<option value="2">شب</option>
</select>
</div>
<div class="col-12 text-left"><button id="btn_filter_show" class="btn-set-filter px-2 py-1">فیلتر</button></div>
</div>
</div>
<div class='parent-excel'>
<div class="row mt-2">
<div class="col-12 mb-2 mb-2">
<select id="select-province-excel" class="form-control" name="select-province-excel">
</select>
</div>
<div class="form-group col-12 mb-2 mb-2">
<input type="text" id="datapicker-from-excel-table"
class="form-control datepicker-excel-from pwt-datepicker-input-element" placeholder="از تاریخ"
autocomplete="off">
</div>
<div class="form-group col-12 mb-2 mb-2">
<input type="text" id="datapicker-to-excel-table"
class="form-control datepicker-excel-to pwt-datepicker-input-element" placeholder="تا تاریخ"
autocomplete="off">
</div>
<div class="col-12 text-left"><button id="btn_excel-download" class="btn-set-filter px-2 py-1">دریافت
فایل</button></div>
</div>
</div>
<div class='parent-poster'>
<div class="row mt-2">
<div class="col-12 mb-2 mb-2">
<select id="select-province-poster" class="form-control" name="select-province-poster">
</select>
</div>
<div class="form-group col-12 mb-2 mb-2">
<input type="text" id="datapicker-from-poster-table"
class="form-control datepicker-poster-from pwt-datepicker-input-element" placeholder="از تاریخ"
autocomplete="off">
</div>
<div class="form-group col-12 mb-2 mb-2">
<input type="text" id="datapicker-to-poster-table"
class="form-control datepicker-poster-to pwt-datepicker-input-element" placeholder="تا تاریخ"
autocomplete="off">
</div>
<div class="col-12 text-left"><button id="btn_poster-download" class="btn-set-filter px-2 py-1">دریافت گزارش</button></div>
</div>
</div>
{{-- end filter --}}
<script src="../plugins/jquery/jquery.min.js"></script>
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../dist/js/header.js"></script>
<script src="../dist/js/sweetalert2js.js"></script>
<!-- map scripts -->
<script src="../dist/js/leaflet.js"></script>
<script src="../dist/js/leaflet.markercluster.js"></script>
<script src="../dist/js/leaflet-routing-machine.js"></script>
<!-- input mask -->
<script src="../plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
<!-- datatables script -->
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>
<script src="../plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="../plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="../plugins/datatables-buttons/js/buttons.print.min.js"></script>
<!-- select2 script -->
<script src="../plugins/select2/js/select2.full.min.js"></script>
<!-- date picker script -->
<script src="../dist/js/persian-datepicker.min.js"></script>
<script src="../dist/js/persian-date.min.js"></script>
<script src="../plugins/moment/moment.min.js"></script>
<script src="../dist/js/jalali-moment.browser.js"></script>
<!-- date picker script -->
<script src="../dist/js/DailyAccident.js?_={{ mt_rand(1, 99999999999) }}"></script>
</body>
</html>