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

3894 lines
181 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title> شناسایی نقاط پرتصادف (سال ۱۳۹۹) </title>
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css">
<!-- <link rel="stylesheet" href=".../../.../plugins/"> -->
<!-- IRANSans Font -->
<link rel="stylesheet" href="../dist/css/fontiran.css">
<!-- <link rel="stylesheet" href="../plugins/datatables/css/dataTables.bootstrap4.min.css"> -->
<link rel="stylesheet" href="../dist/css/dataTables.bootstrap4.min.css" />
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css">
<link rel="stylesheet" href="../dist/css/buttons.dataTables.min.css">
<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">
<link rel="stylesheet" href="../plugins/icheck-bootstrap/icheck-bootstrap.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/adminlte.css">
<style>
td.details-control {
background: url("../dist/images/details_open.png") no-repeat center center;
cursor: pointer;
}
tr.shown td.details-control {
background: url("../dist/images/details_close.png") no-repeat center center;
cursor: pointer;
}
.card-header {
padding: 1.75rem 1.25rem 0.2rem;
}
.card-title {
float: right;
font-size: 12px;
font-weight: bold;
}
th {
font-size: 13px;
}
td {
font-size: 14px;
}
button.btn {
font-size: 12px;
}
i {
font-size: 10px;
}
.keshvar-main {
margin-top: 95px;
padding: 0 10px;
}
.danger-main {
margin-top: 94px;
padding: 0 10px;
}
.ostan-main {
margin-top: 36px;
padding: 0 10px
}
.riz-main {
margin-top: 36px;
padding: 0 10px
}
.find-date {
margin-top: 4px;
}
button.btn {
font-size: 12px;
}
label {
font-size: 11px;
font-weight: bold !important;
color: rgba(172, 146, 146, 0.5);
}
.form-control {
font-size: 13px;
}
.required-label::after {
content: "*";
position: relative;
right: 2px;
color: #dc3545;
}
div.dataTables_wrapper div.dataTables_filter {
text-align: left;
}
div.dt-buttons {
position: relative;
float: right;
}
button.dt-button,
div.dt-button,
a.dt-button {
background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%);
color: white;
}
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%);
color: white;
}
button.dt-button:active:not(.disabled),
button.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
a.dt-button.active:not(.disabled) {
background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%);
color: white;
}
div.dataTables_wrapper div.dataTables_processing {
top: 66%;
}
.leaflet-div-icon {
background: transparent !important;
border: none !important;
}
.pin-marker {
position: relative;
width: 45px;
height: 71px;
font-family: 'IRANSans';
}
.pin-marker.pin-move>.map-pin-marker {
transform: scale(.75);
}
.pin-marker.pin-set>.map-pin-marker>.pin-title-circle {
background-color: #009900;
}
.pin-marker.pin-move>.pin-main-shadow {
transform: scale(1.35);
}
.map-pin-marker {
position: relative;
width: 45px;
height: 65px;
z-index: 10;
transform-origin: 22.5px 0;
transition: transform .2s;
}
.map-pin-marker>.pin-main-circle {
position: absolute;
width: 45px;
height: 45px;
left: 0;
background-color: rgba(22, 67, 88, 1);
border-radius: 50%;
z-index: 12;
}
.map-pin-marker>.pin-white-circle {
position: absolute;
width: 39px;
height: 39px;
left: 3px;
top: 3px;
background-color: #ffffff;
border-radius: 50%;
z-index: 13;
}
.map-pin-marker>.pin-title-circle {
position: absolute;
width: 35px;
height: 35px;
left: 5px;
top: 5px;
background-color: rgba(22, 67, 88, 1);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 14;
transition: background-color .3s;
}
.map-pin-marker>.pin-title-circle>.title-circle-text {
line-height: 1;
font-size: 10px;
color: #ffffff;
font-weight: 600;
z-index: 15;
}
.map-pin-marker>.pin-main-line {
position: absolute;
width: 5px;
height: 25px;
z-index: 11;
background-color: #000000;
top: 40px;
left: 20px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.pin-marker>.pin-main-shadow {
position: absolute;
width: 11px;
height: 11px;
left: 17px;
top: 58px;
background-color: rgba(0, 0, 0, .2);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
transition: transform .2s;
}
.pin-marker>.pin-main-shadow>.shadow-dot {
position: relative;
width: 1px;
height: 1px;
left: 0;
top: 0;
background-color: #000000;
border-radius: 50%;
z-index: 10;
}
.map-latlng-input-row {
position: absolute;
bottom: -11px;
z-index: 1000;
width: 240px;
left: 5px;
}
.map-latlng-form {
margin-bottom: 0;
}
.map-latlng-input {
background-color: rgba(255, 255, 255, .8);
}
.map-latlng-label {
background-color: rgba(255, 255, 255, .8);
border-radius: 0.25rem;
padding: 3px 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border: 1px solid #ced4da;
color: #000000;
border-bottom: 0;
margin: 0;
}
.map-latlng-first-input {
border-radius: 0;
font-size: 12px;
color: #009900;
}
.map-latlng-first-input::placeholder {
font-size: 10px;
}
.map-latlng-sec-input {
border-top-right-radius: 0;
border-top-left-radius: 0;
font-size: 12px;
color: #009900;
}
.map-latlng-sec-input::placeholder {
font-size: 10px;
}
.abrar-map-title {
position: absolute;
top: 5px;
right: 5px;
z-index: 2000;
padding: 4px 7px;
color: #000;
font-size: 13px;
font-weight: 500;
border-radius: .25rem;
background-color: rgba(255, 193, 7, 0.8);
}
.card-header {
padding: 0.75rem 1.25rem .2rem;
}
.headercolor {
background-color: #a6dcef;
border: 2px solid black;
}
.cardborder {
border: 2px solid black;
}
th {
font-size: 13px;
}
td {
font-size: 14px;
}
button.btn {
font-size: 12px;
}
i {
font-size: 10px;
}
label {
font-size: 11px;
font-weight: bold !important;
color: rgba(0, 0, 0, 0.5);
}
.icheck-primary label {
font-weight: 400 !important;
font-size: 11px;
}
.form-control {
font-size: 13px;
}
.required-label::after {
content: "*";
position: relative;
right: 2px;
color: #dc3545;
}
.card-body .radio-header {
font-size: 11px;
font-weight: bold;
color: rgba(0, 0, 0, 0.5);
display: inline-block;
margin-bottom: 0.5rem;
}
.abrar-project-slider .tooltip {
font-family: 'IRANSansFaNum' !important;
}
.abrar-project-slider .slider-selection,
.abrar-project-slider .slider-handle,
.abrar-project-slider .slider-tick.in-selection {
background: #007bff;
}
[class*=icheck-] {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.abrar-map-layout {
position: relative;
height: 256px;
}
.abrar-map-layout>#abrar-map,
.abrar-map-layout>#abrar-map-image,
.abrar-map-layout>#abrar-maptest,
.abrar-map-layout>#abrar-map-show {
height: 100%;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
}
.abrar-map-layout>.pin-container {
position: absolute;
top: 34%;
right: 44%;
z-index: 1009;
}
.input-cord {
font-family: 'IRANSans' !important;
text-align: center !important;
direction: ltr !important;
}
.abrar-main {
margin-top: 95px;
padding: 0 10px
}
.card-footer {
text-align: left;
}
.map-btn {
border-radius: 0.25rem !important;
}
.is-invalid-input {
color: #dc3545 !important;
border-color: #dc3545;
}
.is-invalid-text {
color: #dc3545 !important;
}
.is-invalid-box {
border-color: #dc3545;
}
/* AliRad Code Start */
.menu_top {
z-index: 1000 !important;
}
.leaflet-div-icon {
background: transparent !important;
border: none !important;
}
.pin-marker {
position: relative;
width: 45px;
height: 71px;
font-family: 'IRANSans';
}
.pin-marker.pin-move>.map-pin-marker {
transform: scale(.75);
}
.pin-marker.pin-set>.map-pin-marker>.pin-title-circle {
background-color: #009900;
}
.pin-marker.pin-move>.pin-main-shadow {
transform: scale(1.35);
}
.map-pin-marker {
position: relative;
width: 45px;
height: 65px;
z-index: 10;
transform-origin: 22.5px 0;
transition: transform .2s;
}
.map-pin-marker>.pin-main-circle {
position: absolute;
width: 45px;
height: 45px;
left: 0;
background-color: rgba(22, 67, 88, 1);
border-radius: 50%;
z-index: 12;
}
.map-pin-marker>.pin-white-circle {
position: absolute;
width: 39px;
height: 39px;
left: 3px;
top: 3px;
background-color: #ffffff;
border-radius: 50%;
z-index: 13;
}
.map-pin-marker>.pin-title-circle {
position: absolute;
width: 35px;
height: 35px;
left: 5px;
top: 5px;
background-color: rgba(22, 67, 88, 1);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 14;
transition: background-color .3s;
}
.map-pin-marker>.pin-title-circle>.title-circle-text {
line-height: 1;
font-size: 10px;
color: #ffffff;
font-weight: 600;
z-index: 15;
}
.map-pin-marker>.pin-main-line {
position: absolute;
width: 5px;
height: 25px;
z-index: 11;
background-color: #000000;
top: 40px;
left: 20px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.pin-marker>.pin-main-shadow {
position: absolute;
width: 11px;
height: 11px;
left: 17px;
top: 58px;
background-color: rgba(0, 0, 0, .2);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
transition: transform .2s;
}
.pin-marker>.pin-main-shadow>.shadow-dot {
position: relative;
width: 1px;
height: 1px;
left: 0;
top: 0;
background-color: #000000;
border-radius: 50%;
z-index: 10;
}
.map-latlng-input-row {
position: absolute;
bottom: 8px;
z-index: 1000;
width: 240px;
left: 5px;
}
.map-latlng-form {
margin-bottom: 0;
}
.map-latlng-input {
background-color: rgba(255, 255, 255, .8);
}
.map-latlng-label {
background-color: rgba(255, 255, 255, .8);
border-radius: 0.25rem;
padding: 3px 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border: 1px solid #ced4da;
color: #000000;
border-bottom: 0;
margin: 0;
}
.map-latlng-first-input {
border-radius: 0;
font-size: 12px;
color: #009900;
}
.map-latlng-first-input::placeholder {
font-size: 10px;
}
.map-latlng-sec-input {
border-top-right-radius: 0;
border-top-left-radius: 0;
font-size: 12px;
color: #009900;
}
.map-latlng-sec-input::placeholder {
font-size: 10px;
}
.abrar-map-title {
position: absolute;
top: 5px;
right: 5px;
z-index: 2000;
padding: 4px 7px;
color: #000;
font-size: 13px;
font-weight: 500;
border-radius: .25rem;
background-color: rgba(255, 193, 7, 0.8);
}
.starter-loader-container {
z-index: 3000 !important;
}
.font-check {
font-size: 12px;
white-space: nowrap;
}
.font-checksec {
font-size: 11px;
white-space: nowrap;
}
.labelheader {
font-weight: bold;
}
.leaflet-popup-content {
margin: 7px 7px !important;
width: 120px !important;
}
.popupContent-button {
flex-wrap: wrap !important;
}
.popupHeaderContent>.popUpBanner {
font-size: 10px !important;
}
.popupContent .popUpBox span {
font-size: 8px !important;
}
.popupContent-button>.popup-btn-edit-point {
font-size: 10px !important;
padding: 6px 15px !important;
}
.card-link {
font-size: 13px;
color: #c32323;
font-weight: 600;
}
.blink_me_imageupload {
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.popUpBoxContent {
direction: ltr;
}
.abrar-map-layout-image {
height: 400px;
}
.popup-btn-edit-point-st {
background-color: #00b1cd !important;
}
.popup-btn-edit-point-st:hover {
background-color: #467279 !important;
}
.row_selected tr {
background-color: black !important;
/* Add !important to make sure override datables base styles */
}
#point-add {
font-size: 15px;
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 16px;
display: inline-block;
width: auto;
}
.tablefontheader {
font-size: 12px;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
border-bottom-width: 0;
font-size: 11px;
}
.headercolortable {
background-color: #a6dcef;
}
.inputNumberClass {
display: inline-block;
margin-bottom: 10px;
}
.inputNumberLabelClass {
font-size: smaller;
}
.dangersecond-main {
margin-top: 94px;
padding: 0 10px;
}
table.dataTable tbody tr.selected {
background-color: #99cc99;
}
.swal2-actions {
direction: ltr;
}
.table th,
.table td {
padding: 6px;
}
.div.dataTables_wrapper div.dataTables_length label {
float: left;
}
.dataTables_length {
float: left;
}
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
padding-right: 10px;
}
.table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
display: none;
}
.table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
display: none;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 0.85em;
white-space: nowrap;
font-size: 12px;
}
.preview-template {
border-left: 2px solid black;
border-right: 2px solid black;
}
.template-section {
border-top: 2px solid black;
border-bottom: 2px solid black;
}
.section-title {
font-size: 11px;
text-align: center;
background-color: lightgrey;
font-weight: 600;
padding: 10px 15px;
border-bottom: 2px solid black;
}
.section-table>table {
width: 100%;
}
.section-table>table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
}
.section-table th {
text-align: center;
font-size: 8px;
font-weight: 600;
padding: 4px 5px;
}
.section-table th.sub-title {
text-align: center;
font-size: 8px;
font-weight: 500;
padding: 4px 5px;
}
.section-table td {
text-align: center;
padding: 4px 2px;
}
.section-table th.w-2 {
width: 3%;
}
.section-table th.w-3 {
width: 3%;
}
.section-table th.w-4 {
width: 4%;
}
.section-table th.w-5 {
width: 5%;
}
.section-table td.desc-data {
text-align: right;
font-size: 9px;
font-weight: 600;
white-space: normal;
padding: 6px 2px;
}
.template-details {
font-size: 11px;
border-top: 2px solid black;
text-align: left;
}
.template-details {
display: flex;
}
.details-icon,
.details-date {
width: 50%;
}
.details-icon {
text-align: right;
padding-right: 15px;
}
.details-icon>img {
width: 40px;
}
.details-date {
line-height: 49px;
font-size: 10px;
}
.desc-data-str {
font-size: 10px;
font-weight: 400;
}
.section-preview-1-data>td {
font-size: 10px;
font-weight: 400;
}
.section-preview-2-data>td {
font-size: 9px;
font-weight: 400;
}
.swal2-title {
font-size: 25px;
}
.swal2-content {
font-size: 15px;
}
.swal2-styled.swal2-confirm {
font-size: 13px;
}
.swal2-styled.swal2-cancel {
font-size: 13px;
}
.right50-container {
position: absolute;
top: 30px;
right: 40px;
z-index: 1000;
background-color: #ffffff;
width: 150px;
border-radius: 5px;
}
.remove-image-container1 {
display: flex;
flex-direction: row;
color: #c32323;
position: absolute;
top: 40px;
left: 10px;
font-weight: bold;
cursor: pointer;
font-size: 18px;
}
.remove-image-container2 {
display: flex;
flex-direction: row;
color: #c32323;
position: absolute;
top: 125px;
left: 10px;
font-weight: bold;
cursor: pointer;
font-size: 18px;
}
.dt-button.buttons-excel.buttons-html5 {
background: #28a745 !important;
font-size: 12px;
}
.not-valid {
color: #dc3545;
/* border: 1px solid #dc3545;
padding: 5px;
border-radius: 5px; */
}
.right50-container {
position: absolute;
top: 20px;
right: 180px;
z-index: 1000;
background-color: #ffffff;
width: 150px;
border-radius: 5px;
border: 2px solid #80A2D7;
height: 220px;
}
.left50-container {
position: absolute;
top: 20px;
left: 180px;
z-index: 1000;
background-color: #ffffff;
width: 150px;
border-radius: 5px;
border: 2px solid #80A2D7;
height: 220px;
}
.right100-container {
position: absolute;
top: 20px;
right: 20px;
z-index: 1000;
background-color: #ffffff;
width: 150px;
border-radius: 5px;
border: 2px solid #80A2D7;
height: 220px;
}
.left100-container {
position: absolute;
top: 20px;
left: 20px;
z-index: 1000;
background-color: #ffffff;
width: 150px;
border-radius: 5px;
border: 2px solid #80A2D7;
height: 220px;
}
.middle-image-container {
position: absolute;
top: 20px;
left: 480px;
z-index: 1000;
background-color: #ffffff;
width: 150px;
border-radius: 5px;
border: 2px solid #80d7c3;
height: 220px;
}
.remove-image-container501 {
display: flex;
flex-direction: row;
color: #c32323;
position: absolute;
top: 43px;
left: 14px;
font-weight: bold;
cursor: pointer;
font-size: 18px;
}
.remove-image-container502 {
display: flex;
flex-direction: row;
color: #c32323;
position: absolute;
top: 128px;
left: 14px;
font-weight: bold;
cursor: pointer;
font-size: 18px;
}
.remove-image-container503 {
display: flex;
flex-direction: row;
color: #c32323;
position: absolute;
top: 43px;
left: 14px;
font-weight: bold;
cursor: pointer;
font-size: 18px;
}
.remove-image-container504 {
display: flex;
flex-direction: row;
color: #c32323;
position: absolute;
top: 128px;
left: 14px;
font-weight: bold;
cursor: pointer;
font-size: 18px;
}
.remove-image-container1001 {
display: flex;
flex-direction: row;
color: #c32323;
position: absolute;
top: 43px;
left: 14px;
font-weight: bold;
cursor: pointer;
font-size: 18px;
}
.remove-image-container1002 {
display: flex;
flex-direction: row;
color: #c32323;
position: absolute;
top: 128px;
left: 14px;
font-weight: bold;
cursor: pointer;
font-size: 18px;
}
.remove-image-container1003 {
display: flex;
flex-direction: row;
color: #c32323;
position: absolute;
top: 43px;
left: 14px;
font-weight: bold;
cursor: pointer;
font-size: 18px;
}
.remove-image-container1004 {
display: flex;
flex-direction: row;
color: #c32323;
position: absolute;
top: 128px;
left: 14px;
font-weight: bold;
cursor: pointer;
font-size: 18px;
}
.remove-image-container1005 {
display: flex;
flex-direction: row;
color: #c32323;
position: absolute;
top: 76px;
left: 14px;
font-weight: bold;
cursor: pointer;
font-size: 18px;
}
.right50-image-1-container:hover {
background-color: #d8d8d8;
}
.right50-image-2-container:hover {
background-color: #e8e8e8;
}
.left50-image-1-container:hover {
background-color: #e8e8e8;
}
.left50-image-2-container:hover {
background-color: #e8e8e8;
}
.left100-image-1-container:hover {
background-color: #e8e8e8;
}
.left100-image-2-container:hover {
background-color: #e8e8e8;
}
.right100-image-1-container:hover {
background-color: #e8e8e8;
}
.right100-image-2-container:hover {
background-color: #e8e8e8;
}
.middle-image-inner-container:hover {
background-color: #e8e8e8;
}
.box-images {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto !important;
}
.box-images-middle {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto !important;
}
.file-input-modal {
background-color: #ffffff;
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.file-input-modal-container {
width: 100%;
}
.file-input-modal {
justify-content: center;
font-size: 11px;
display: flex;
align-items: center;
width: 100%;
height: 150px;
cursor: pointer;
text-align: center;
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.file-input {
display: none;
}
.zoomimage {
height: 100%;
width: 100%;
transition: transform .2s;
}
.slideroverlay {
display: none;
text-align: right;
direction: rtl;
position: fixed;
z-index: 100;
padding-top: 77px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
}
.slideroverlay>.upload-confirm {
z-index: 50;
display: block;
position: absolute;
background: transparent;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.slideroverlay>.modal-content {
background-color: #ffffff;
border-radius: 7px;
margin: auto;
padding: 20px 1.5% 1px 1.5%;
border: 1px solid #888;
width: max-content;
position: relative;
z-index: 51;
}
.slideroverlay>.modal-content>.close {
position: absolute;
text-align: center;
top: 3px;
right: 5px;
color: #979797;
}
.slideroverlay>.modal-content>.close::before {
content: "\00d7";
font-size: 22px;
position: absolute;
}
.slideroverlay>.modal-content>.close:hover,
.slideroverlay>.modal-content>.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.slideroverlay>.modal-content>.slideshow .mySlides {
display: none;
}
.slideroverlay>.modal-content>.slideshow img {
/* vertical-align: middle;
width: 100%;
height: auto;
opacity: 1;
max-height: 500px;
max-width: 100%; */
vertical-align: middle;
width: auto;
height: auto;
opacity: 1;
max-height: 500px;
max-width: 100%;
margin: 0 auto;
display: flex;
}
.slideroverlay>.modal-content>.slideshow .slideshow-container {
max-width: 100%;
position: relative;
margin: auto;
}
.slideroverlay>.modal-content>.slideshow .prev,
.slideroverlay>.modal-content>.slideshow .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: white;
font-weight: bold;
font-size: 20px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
background-color: rgba(0, 0, 0, 0.4);
}
.slideroverlay>.modal-content>.slideshow .next {
right: 0;
border-radius: 0px 3px 3px 0;
}
.slideroverlay>.modal-content>.slideshow .prev {
left: 0;
border-radius: 3px 0 0 3px;
}
.slideroverlay>.modal-content>.slideshow .prev:hover,
.slideroverlay>.modal-content>.slideshow .next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.slideroverlay>.modal-content>.slideshow .text {
color: #f2f2f2;
background-color: rgba(0, 0, 0, 0.8);
padding: 10px 15px;
position: absolute;
bottom: -3px;
width: 100%;
text-align: center;
font-family: "IRANSans";
font-size: 12px;
}
.slideroverlay>.modal-content>.slideshow .numbertext {
color: #f2f2f2;
font-size: 14px;
padding: 8px 12px;
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
top: 0;
border-radius: 3px;
}
.slideroverlay>.modal-content>.slideshow #slideshow-dot {
margin-top: -9px;
margin-bottom: 10px;
direction: ltr;
}
.slideroverlay>.modal-content>.slideshow .dot {
cursor: pointer;
height: 12px;
width: 12px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.slideroverlay>.modal-content>.slideshow .active,
.slideroverlay>.modal-content>.slideshow .dot:hover {
background-color: #717171;
}
.slideroverlay>.modal-content>.slideshow .fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
ul.pagination {
font-size: 11px;
}
.tooltipstart {
position: relative;
/* display: inline-block; */
}
.tooltipstart .tooltiptextstart {
visibility: hidden;
width: 220px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
top: 35px;
left: 100%;
font-size: 10px;
white-space: nowrap;
}
.tooltipstart .tooltiptextstart::after {
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent black transparent transparent;
}
.tooltipstart:hover .tooltiptextstart {
visibility: visible;
}
</style>
</head>
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed starter-project-page ">
<div class="wrapper">
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- TOP MENU -->
<header>
<div class="menu_top" id="navbarmenu_top">
<div class="rahdariLogo">
<a href="#"><img src="../dist/images/icons/alertInstallAppLogo.png" alt=""
title="سازمان راهداری و حمل و نقل جاده ای"></a>
</div>
<button class="responsiveTopMenuBtn routinghover" onclick="window.open('/rmto', '_self');">
<img src="../dist/images/icons/home.svg">صفحه اصلی</button>
<div class="clearfix"></div>
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
@csrf
</form>
</div>
</header>
<!-- END TOP MENU -->
<!-- Main content -->
<div class="content">
<div class="starter-loader-container">
<div class="starter-loader"></div>
</div>
<div class="container-fluid">
<div class="row m-0">
<div class="col-sm-12">
<div class="danger-main">
<!-- Default box -->
<div id="danger-card" class="card">
<div class="card-header">
<h3 class="card-title">
فهرست نقاط دارای تصادف
</h3>
<div class="card-tools">
{{-- <button class="btn btn-success btn-sm" id="point-add">
تعریف نقطه جدید
</button> --}}
</div>
</div>
<div class="card-body table-responsive p-4" style="margin-top: 16px;">
<table class="table table-striped table-bordered projects p-2" id="example">
<thead>
<tr class="headercolortable">
<th class="tablefontheader" style="width: 3%;padding-right: 10px;">
ردیف</th>
<th class="tablefontheader" style="width: 8%;">استان /اداره کل
</th>
<th class="tablefontheader" style="width: 9%;">نام محور </th>
<th class="tablefontheader" style="width: 9%;">
نوع راه </th>
<th class="tablefontheader" style="width: 7%;"> ابتدای محور </th>
<th class="tablefontheader" style="width: 7%;">انتهای محور</th>
<th class="tablefontheader" style="width: 8%; font-size: 11px;">
فاصله از محور <small>(km)</small>
</th>
<th class="tablefontheader" style="width: 7%;">نام محلی </th>
<th class="tablefontheader" style="width: 7%;"> تاریخ ثبت </th>
<th class="tablefontheader" style="width: 7%;white-space: nowrap;"> کد نقطه در سامانه </th>
<th class="tablefontheader" style="width: 19%;"> عملیات </th>
<th class="tablefontheader" style="width: 15%;"> کنترل کارگروه ستادی </th>
</tr>
</thead>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
<div id="see-danger" class="card up" style="display: none;">
<div class="card-header headercolor">
<h3 class="card-title">
ارزیابی گروه/تیم استانی پس از بررسی سوابق و بازدید میدانی نقطه دارای تصادف
</h3>
<div class="card-tools">
</div>
</div>
<div class="card-body cardborder ">
<form>
<div>
<div class="form-row">
<div class="form-group col-md-12" style="display: flex;">
<div class="radio-header required-label" style="font-weight: bold;">
آیا در لیست نقاط پر تصادف مصوب شناسایی شده در سال 95 قرار
دارد و
اگر جواب بله است کد نقطه را وارد کنید ؟
</div>
<div class="form-group radio-body clearfix"
style="display: flex; flex-direction: row; margin-top: -17px;margin-right: 16px;">
<div class="icheck-primary d-inline"> <input type="radio" id="danger-point1"
name="dangerpoint" value="1">
<label for="danger-point1"> بلی </label>
</div>
<div class="icheck-primary d-inline mr-lg-3 mr-0"> <input type="radio" id="danger-point2"
name="dangerpoint" value="0"> <label for="danger-point2">
خیر </label></div>
<input type="number" class="form-control" name="pointcode" id="pointcode"
placeholder="کد نقطه " style="margin-right: 15px;width: 50%; margin-top: 5px;" disabled>
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-2 ">
<label class="required-label">سرعت مجاز اعلامی (علائم)
<small>(km/h)</small>
</label>
<input type="number" class="form-control" name="speedtest" id="speedtest"
placeholder=" سرعت مجاز اعلامی (علائم) " min="0">
</div>
<div class="form-group col-md-2">
<label class="required-label">سرعت متوسط تردد
<small>(km/h)</small>
</label>
<input type="number" class="form-control" name="speedmid" id="sppedmid"
placeholder=" سرعت متوسط تردد" min="0">
</div>
<div class="col-sm-2">
<div class="radio-header required-label"> توصیف هندسی
</div>
<select class="form-control" name="hendesi" id="hendesi">
<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>
<option value="11"> پل-تقاطع </option>
<option value="12">پل-تقاطع-قوس </option>
<option value="13">منطقه مسکونی </option>
<option value="14"> مسیر مستقیم فاقد راه دسترسی </option>
</select>
</div>
<div class="col-sm-3" style="padding-right: 61px;">
<div class="radio-header required-label">آیا امکان تصادف رخ به
رخ
وجود دارد؟
</div>
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline"> <input type="radio" id="rokhberokh1"
name="rokhberokh" value="1">
<label for="rokhberokh1"> بلی </label>
</div>
<div class="icheck-primary d-inline mr-lg-3 mr-0"> <input type="radio" id="rokhberokh2"
name="rokhberokh" value="0"> <label for="rokhberokh2">
خیر </label> </div>
</div>
</div>
<div class="col-sm-3">
<div class="radio-header required-label">آیا راه دارای
حفاظ/جداکننده
/فضای میانی
است ؟
</div>
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline"> <input type="radio" id="hefaz1" name="hefaz"
value="1">
<label for="hefaz1"> بلی </label>
</div>
<div class="icheck-primary d-inline mr-lg-3 mr-0"> <input type="radio" id="hefaz2"
name="hefaz" value="0">
<label for="hefaz2">
خیر </label> </div>
</div>
</div>
</div>
</div>
<button type="button" class="btn btn-success" id="shownext" style="float: left;"
data-toggle="collapse" aria-expanded="false" aria-controls="collapseExample">تایید و
ادامه</button>
<button type="button" class="btn btn-danger" id="comebackfirst"
style="float: left;margin-left: 5px;">
بستن کادر</button>
</form>
</div>
</div>
<div id="see-danger2" class="card collapse upnext" style="display: none;">
<div class="card-header headercolor ">
<h3 class="card-title ">
ریشه و عامل مشترک شکل گیری تصادفات در این نقطه
</h3>
</div>
<div class="card-body cardborder ">
<form>
<div class="form-row ">
<div class="col-sm-12">
<div class="radio-header required-label"> ریشه و عامل مشترک شکل گیری
تصادفات در این
نقطه</div>
<div class="form-group radio-body clearfix">
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe1"
name="rishe" value="1">
<label for="rishe1" class="font-check"> قوس تند افقی
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe2"
name="rishe" value="2">
<label for="rishe2" class="font-check"> ابهام در
مسیر (نقص
در نحوه مسیرنمایی)
</label> </div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe3"
name="rishe" value="3">
<label for="rishe3" class="font-check"> عدم رعایت
سرعت مجاز
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe4"
name="rishe" value="4">
<label for="rishe4" class="font-check"> قوس تند قائم
</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe5"
name="rishe" value="5">
<label for="rishe5" class="font-check"> دید ناکافی
(مثلث
دید-مسافتدید توفق یا سبقت)
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe6"
name="rishe" value="6">
<label for="rishe6" class="font-check"> عدم رعایت
سبقت مجاز
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe7"
name="rishe" value="7">
<label for="rishe7" class="font-check"> قرارگیری قوس
افقی در
تاج قوس قائم
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe8"
name="rishe" value="8">
<label for="rishe8" class="font-check">
(جانمایی/طرح تابلو ) نقص در علائم پیش آگاهی و
هدایت مسیر
</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe9"
name="rishe" value="9">
<label for="rishe9" class="font-check">
عدم رعایت محدودیت/ممنوعیت عبور
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe10"
name="rishe" value="10">
<label for="rishe10" class="font-check">
قوس افقی در سرازیری تند
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe11"
name="rishe" value="11">
<label for="rishe11" class="font-check">
نقص در علائم اخطاری و انتظامی
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe12"
name="rishe" value="12">
<label for="rishe12" class="font-check">
عدم رعایت فاصله طولی
</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe13"
name="rishe" value="13">
<label for="rishe13" class="font-check">
هندسه نامناسب ورودی و خروجی
دسترسی-تقاطع-دوربرگردان
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe26"
name="rishe" value="26">
<label for="rishe26" class="font-checksec">
نقص در آشکار سازی شرایط خاص یا غیر منتظره
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe27"
name="rishe" value="27">
<label for="rishe27" class="font-checksec">
رویه نامناسب (ناهموار-قیرزده-صیقلی) یا آسیب دیده
(وجود چاله )
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe28"
name="rishe" value="28">
<label for="rishe28" class="font-checksec">
محل نامناسب دسترسی/دسترسی های متعدد و نا ایمن در
حریم راه
</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe14"
name="rishe" value="14">
<label for="rishe14" class="font-checksec">
نقص در اشکارسازی نواحی انتقال قبل پل ها و تونل
ها که
شانه حذف میشود
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe15"
name="rishe" value="15">
<label for="rishe15" class="font-check">
افتادگی در لبه آسفالت و یا فقدان شانه
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe16"
name="rishe" value="16">
<label for="rishe16" class="font-check">
تبدیل نامناسب نوع راه (جدا شده به جدا نشده)
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe17"
name="rishe" value="17">
<label for="rishe17" class="font-checksec">
عدم روشنایی ضروری در نقطه (محل عبور عرضی عمده
عابرین یا
خودرو ها)
</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe18"
name="rishe" value="18">
<label for="rishe18" class="font-check">
منطقه مه گیر /کولاک/یخ زدگی/شن زدگی
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe29"
name="rishe" value="29">
<label for="rishe29" class="font-check">
عرض کم سواره رو
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe19"
name="rishe" value="19">
<label for="rishe19" class="font-check">
منطقه با تداخل ترافیکی (نواحی مسکونی
،صنعتی،تفریحی،مدارس،و..)
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe20"
name="rishe" value="20">
<label for="rishe20" class="font-check">
منطقه با عبور حیوانات اهلی / وحشی
</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe21"
name="rishe" value="21">
<label for="rishe21" class="font-check">
کاهش نامناسب تعداد خطوط (4 به 3 یا به 2)
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe22"
name="rishe" value="22">
<label for="rishe22" class="font-check">
منطقه با افزایش ناگهانی تراکم ترافیک
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe23"
name="rishe" value="23">
<label for="rishe23" class="font-check">
منطقه با ریزش از دیوار ترانشه
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe24"
name="rishe" value="24">
<label for="rishe24" class="font-check">
نبود /نقص در خط سبقت در سربالایی برای وسایل
نقلیه سنگین
در نواحی ضروری
</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe30"
name="rishe" value="30">
<label for="rishe30" class="font-check">
سرازیری تند
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="rishe25"
name="rishe" value="25">
<label for="rishe25" class="font-check">
دور مناسب در قوس
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-row ">
<div class="form-group col-md-6 ">
<label class="required-label">پیشنهاد اقدامی اصلاحی کم هزینه و
زودبازده جهت رفع عوامل موثر
در شکل گیری تصادفات در این نقطه؟ (حداکثر ۲۰۰ کاراکتر)</label>
<textarea class="form-control" id="risheerae" disabled maxlength="200"></textarea>
</div>
</div>
<button type="button" class="btn btn-success" id="shownext2" style="float: left;"
data-toggle="collapse" href="#see-danger3" aria-expanded="false"
aria-controls="collapseExample">تایید و
ادامه</button>
<button type="button" class="btn btn-danger" id="comebacksecond"
style="float: left;margin-left: 5px;">
بستن کادر</button>
</form>
</div>
</div>
<div id="see-danger3" class="card collapse upnextsec">
<div class="card-header headercolor">
<h3 class="card-title">
علت افزایش شدت تصادفات و عامل مشترک راه
</h3>
</div>
<div class="card-body cardborder ">
<form>
<div class="form-row">
<div class="col-sm-12">
<div class="radio-header required-label"> علت افزایش شدت تصادفات و
عامل مشترک راه
</div>
<div class="form-group radio-body clearfix">
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="acc1" name="acc"
value="1">
<label for="acc1"> شیروانی تند
یا پرتگاه
بدون حفاظت </label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="acc2" name="acc"
value="2">
<label for="acc2"> سر ازاد حفاظ
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="acc3" name="acc"
value="3">
<label for="acc3"> مانع صلب
بدون حفاظت در
حاشیه راه
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="acc4" name="acc"
value="4">
<label for="acc4"> نقص در ناحیه
انتقالی
اتصال انواع حفاظ (محل پل و ...)</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="acc5" name="acc"
value="5">
<label for="acc5"> نقص یا عدم
کفایت حفاظ
کناری
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="acc6" name="acc"
value="6">
<label for="acc6"> نقص یا عدم
کفایت نرده پل
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="acc7" name="acc"
value="7">
<label for="acc7"> نقص یا عدم
کفایت حفاظ
میانی
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="acc8" name="acc"
value="8">
<label for="acc8"> فقدان
جداکننده در میانه
راه چهار خطه
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label class="required-label"> پیشنهاد اقدامات اصلاحی کم هزینه و زود
بازده جهت رفع عوامل
موثر در شدت تصادفات در این نقطه ؟ (حداکثر ۲۰۰ کاراکتر)</label>
<textarea class="form-control" id="accarea" disabled maxlength="200"></textarea>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-7">
<label class="required-label"> آیا طرح اصلاحی در این نقطه قبلا اجرا
شده است؟ اگر پاسخ بلی
است آیا طرح زودبازده بوده یا طرح اساسی؟همچنین آخرین اقدامات
اصلاحی و ایمن سازی انجام شده را تشریح کنید. (حداکثر ۲۰۰
کاراکتر)</label>
<textarea class="form-control" id="tarheeslahi" maxlength="200"></textarea>
</div>
<div class="form-group col-md-5">
<label class="required-label"> آیا طرح اصلاحی این نقطه هم اکنون در
دست اجرا می باشد ؟ اگر
پاسخ بلی است آیا طرح زودبازدهاست یا طرح اساسی؟ (حداکثر ۲۰۰
کاراکتر)</label>
<textarea class="form-control" id="dardasteejra" maxlength="200"></textarea>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label class="required-label">توضیح مختصر طرح در دست اجرا: (حداکثر
۲۰۰ کاراکتر)</label>
<textarea class="form-control" id="sumery" maxlength="200"></textarea>
</div>
<div class="form-group col-md-6">
<label class="required-label">توصیه هایی برای تکمیل یا افزایش اثر
بخشی طرح احتمالی در دست
اجرا: (حداکثر ۲۰۰ کاراکتر) </label>
<textarea class="form-control" id="sugesttarh" maxlength="200"></textarea>
</div>
</div>
<button type="button" class="btn btn-success" id="submitform" style="float: left">ثبت نهایی
ارزیابی</button>
<button type="button" class="btn btn-danger" id="comebackthird"
style="float: left ; margin-left: 5px;"> بستن کادر
</button>
</form>
</div>
</div>
</div>
<!-- farsam body -->
<div class="dangersecond-main " id="dangersecond-mainshow" style="display: none;">
<!-- Default box -->
<div id="danger-card" class="card uparzyabi">
<div class="card-header">
<h3 class="card-title">
تاریخچه تصادفات نقطه دارای تصادف
</h3>
<div class="card-tools">
<button class="btn btn-success btn-sm" id="point-addsecond">
<i class="fas fa-plus" style="font-size: 16px;vertical-align: middle;"></i>
تاریخچه
</button>
</div>
</div>
<div class="card-body table-responsive p-4" style="margin-top: 16px;">
<table class="table table-striped table-bordered projects" id="examplee">
<thead>
<tr class="headercolortable" style="background-color: #a6dcef;">
<th rowspan="2" class="tablefontheader" style="width: 2%;text-align: center;">ردیف</th>
<th rowspan="2" class="tablefontheader" style="width: 8%;text-align: center;">شماره سریال
کروکی
</th>
<th colspan="3" class="tablefontheader" style="width: 10%;text-align: center;">تاریخ تصادف
</th>
<th rowspan="2" class="tablefontheader" style="width: 5%;text-align: center;">روز هفته</th>
<th rowspan="2" class="tablefontheader" style="width: 5%;text-align: center;">ساعت وقوع</th>
<th colspan="2" class="tablefontheader" style="width: 10%;text-align: center;">جهت حرکت خودرو
</th>
<th rowspan="2" class="tablefontheader" style="width: 8%;text-align: center;">نوع برخورد</th>
<th colspan="6" class="tablefontheader" style="width: 10%;text-align: center;">عوامل درگیر در
تصادف
</th>
<th colspan="2" class="tablefontheader" style="width: 11%;text-align: center;"> نوع تصادف
</th>
<th colspan="2" class="tablefontheader" style="width: 15%;text-align: center;"> پیامد تصادف
</th>
<th rowspan="2" class="tablefontheader" style="width: 5%;text-align: center;"> عملیات </th>
</tr>
<tr style="background-color: #9abbd3;">
<th style="font-size: 10px;font-weight: 500;">روز</th>
<th style="font-size: 10px;font-weight: 500;">ماه</th>
<th style="font-size: 10px;font-weight: 500;">سال</th>
<th style="font-size: 10px;font-weight: 500;">رفت</th>
<th style="font-size: 10px;font-weight: 500;">برگشت</th>
<th style="font-size: 10px;font-weight: 500;">دوچرخه و موتورسیکلت
</th>
<th style="font-size: 10px;font-weight: 500;">عابر</th>
<th style="font-size: 10px;font-weight: 500;">حیوان</th>
<th style="font-size: 10px;font-weight: 500;">شی ثابت</th>
<th style="font-size: 10px;font-weight: 500;">وسیله نقلیه سبک</th>
<th style="font-size: 10px;font-weight: 500;">وسیله نقلیه سنگین</th>
<th style="font-size: 10px;font-weight: 500;">جرحی</th>
<th style="font-size: 10px;font-weight: 500;">فوتی</th>
<th style="font-size: 10px;font-weight: 500;">تعداد مجروح شدید</th>
<th style="font-size: 10px;font-weight: 500;">تعداد متوفی</th>
</tr>
</thead>
<!-- <tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>$320,800</td>
<td>Edinburgh</td>
<td>5421</td>
<td>t.nixon@datatables.net</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>$170,750</td>
<td>Tokyo</td>
<td>8422</td>
<td>g.winters@datatables.net</td>
</tr>
</tbody> -->
<!-- <tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Salary</th>
<th>Office</th>
<th>Extn.</th>
<th>E-mail</th>
</tr>
</tfoot> -->
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
<div id="see-danger" class="card" style="display: none;">
<div class="card-header">
<h3 class="card-title">
ارزیابی گروه/تیم استانی پس از بررسی سوابق و بازدید میدانی نقطه دارای تصادف
</h3>
<div class="card-tools">
</div>
</div>
<div class="card-body">
<form>
<div class="form-row">
<div class="form-group col-md-53
">
<div class="radio-header" style="font-weight: bold;">
آیا در لیست نقاط پر تصادف مصوب شناسایی شده در سال 95 قرار دارد و
اگر جواب بله است کد نقطه را وارد کنید ؟
</div>
<div class="form-group radio-body clearfix" style="display: flex; flex-direction: row;">
<div class="icheck-primary d-inline"> <input type="radio" id="danger-point1"
name="dangerpoint" value="1">
<label for="danger-point1"> بلی </label>
</div>
<div class="icheck-primary d-inline mr-lg-3 mr-0"> <input type="radio" id="danger-point2"
name="dangerpoint" value="0"> <label for="danger-point2">
خیر </label> </div>
<input type="number" class="form-control" name="pointcode" id="pointcode"
placeholder="کد نقطه " style="margin-right: 15px;width: 20%; margin-top: 5px;" disabled>
</div>
<p class="required-label"
style="font-size: 11px;font-size: 11px;color: rgba(0, 0, 0, 0.5);font-weight: 600;">
کد
نقطه الگوی 3 حرف انگلیسی و 3 عدد دارد مثال :ISF009</p>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-2">
<label>سرعت مجاز اعلامی (علائم)
</label>
<input type="number" class="form-control" name="speedtest" id="speedtest"
placeholder=" سرعت مجاز اعلامی (علائم) ">
</div>
<div class="form-group col-md-2">
<label>سرعت متوسط تردد
</label>
<input type="number" class="form-control" name="speedmid" id="sppedmid"
placeholder=" سرعت متوسط تردد">
</div>
<div class="col-sm-2">
<div class="radio-header ">آیا امکان تصادف رخ به رخ وجود دارد؟
</div>
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline"> <input type="radio" id="modalOperationType1"
name="operationType" ng-model="step1sub1operationType" ng-value="احداث">
<label for="modalOperationType1"> بلی </label>
</div>
<div class="icheck-primary d-inline mr-lg-3 mr-0"> <input type="radio"
id="modalOperationType2" name="operationType" ng-model="step1sub1operationType"
ng-value="نگهداری"> <label for="modalOperationType2">
خیر </label> </div>
</div>
</div>
<div class="col-sm-2">
<div class="radio-header ">آیا راه دارای حفاظ/جداکننده /فضای میانی
است ؟
</div>
<div class="form-group radio-body clearfix">
<div class="icheck-primary d-inline"> <input type="radio" id="modalOperationType1"
name="operationType" ng-model="step1sub1operationType" ng-value="احداث">
<label for="modalOperationType1"> بلی </label>
</div>
<div class="icheck-primary d-inline mr-lg-3 mr-0"> <input type="radio"
id="modalOperationType2" name="operationType" ng-model="step1sub1operationType"
ng-value="نگهداری"> <label for="modalOperationType2">
خیر </label> </div>
</div>
</div>
<div class="col-sm-2">
<div class="radio-header "> توصیف هندسی
</div>
<select class="form-control">
<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>
<option value="11"> پل-تقاطع </option>
<option value="12">پل-تقاطع-قوس </option>
<option value="13">منطقه مسکونی </option>
<option value="14"> مسیر مستقیم فاقد راه دسترسی </option>
</select>
</div>
</div>
<div class="form-row">
<div class="col-sm-12">
<div class="radio-header"> ریشه و عامل مشترک شکل گیری تصادفات در این
نقطه</div>
<div class="form-group radio-body clearfix">
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation1" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1" ng-true-value="قوس تند افقی">
<label for="constructionSubOperation1" class="font-check"> قوس تند افقی
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation2" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1" ng-true-value="قوس تند افقی">
<label for="constructionSubOperation2" class="font-check"> ابهام در
مسیر (نقص
در نحوه مسیرنمایی)
</label> </div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1" ng-true-value=" عدم رعایت سرعت مجاز">
<label for="constructionSubOperation3" class="font-check"> عدم رعایت
سرعت مجاز
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1" ng-true-value=" عدم رعایت سرعت مجاز">
<label for="constructionSubOperation3" class="font-check"> قوس تند قائم
</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1" ng-true-value=" عدم رعایت سرعت مجاز">
<label for="constructionSubOperation3" class="font-check"> دید ناکافی
(مثلث
دید-مسافتدید توفق یا سبقت)
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1" ng-true-value=" عدم رعایت سرعت مجاز">
<label for="constructionSubOperation3" class="font-check"> عدم رعایت
سبقت مجاز
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check"> قرارگیری قوس
افقی در
تاج قوس قائم
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
(جانمایی/طرح تابلو ) نقص در علائم پیش آگاهی و
هدایت مسیر
</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
عدم رعایت محدودیت/ممنوعیت عبور
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
قوس افقی در سرازیری تند
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
نقص در علائم اخطاری و انتظامی
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
عدم رعایت فاصله طولی
</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
هندسه نامناسب ورودی و خروجی
دسترسی-تقاطع-دوربرگردان
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-checksec">
نقص در اشکارسازی نواحی انتقال قبل پل ها و تونل
ها که
شانه حذف میشود
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
افتادگی در لبه آسفالت و یا فقدان شانه
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
تبدیل نامناسب نوع راه (جدا شده به جدا نشده)
</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-checksec">
عدم روشنایی ضروری در نقطه (محل عبور عرضی عمده
عابرین یا
خودرو ها)
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
منطقه مه گیر /کولاک/یخ زدگی/شن زدگی
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value="قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
منطقه با تداخل ترافیکی (نواحی مسکونی
،صنعتی،تفریحی،مدارس،و..)
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
منطقه با عبور حیوانات اهلی / وحشی
</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
کاهش نامناسب تعداد خطوط (4 به 3 یا به 2)
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
منطقه با افزایش ناگهانی تراکم ترافیک
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
منطقه با ریزش از دیوار ترانشه
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
نبود /نقص در خط سبقت در سربالایی برای وسایل
نقلیه سنگین
در نواحی ضروری
</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation3" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1"
ng-true-value=" قرارگیری قوس افقی در تاج قوس قائم">
<label for="constructionSubOperation3" class="font-check">
دور مناسب در قوس
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label>پیشنهاد اقدامی اصلاحی کم هزینه و زودبازده جهت رفع عوامل موثر
در شکل گیری تصادفات در این نقطه؟</label>
<textarea class="form-control"></textarea>
</div>
</div>
<div class="form-row">
<div class="col-sm-12">
<div class="radio-header"> علت افزایش شدت تصادفات و عامل مشترک راه
</div>
<div class="form-group radio-body clearfix">
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation1" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1" ng-true-value="قوس تند افقی">
<label for="constructionSubOperation1"> شیروانی تند
یا پرتگاه
بدون حفاظت </label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation1" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1" ng-true-value="قوس تند افقی">
<label for="constructionSubOperation1"> سر ازاد حفاظ
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation1" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1" ng-true-value="قوس تند افقی">
<label for="constructionSubOperation1"> مانع صلب
بدون حفاظت در
حاشیه راه
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation1" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1" ng-true-value="قوس تند افقی">
<label for="constructionSubOperation1"> نقص در ناحیه
انتقالی
اتصال انواع حفاظ (محل پل و ...)</label>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation1" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1" ng-true-value="قوس تند افقی">
<label for="constructionSubOperation1"> نقص یا عدم
کفایت حفاظ
کناری
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation1" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1" ng-true-value="قوس تند افقی">
<label for="constructionSubOperation1"> نقص یا عدم
کفایت نرده پل
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation1" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1" ng-true-value="قوس تند افقی">
<label for="constructionSubOperation1"> نقص یا عدم
کفایت حفاظ
میانی
</label>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="icheck-primary d-inline ml-2"> <input type="checkbox"
id="constructionSubOperation1" name="constructionSubOperation"
ng-model="step1.sub1.operationType.ehdas.t1" ng-true-value="قوس تند افقی">
<label for="constructionSubOperation1"> فقدان
جداکننده در میانه
راه چهار خطه
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label> پیشنهاد اقدامات اصلاحی کم هزینه و زود بازده جهت رفع عوامل
موثر در شدت تصادفات در این نقطه</label>
<textarea class="form-control" maxlength="250"></textarea>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-7">
<label> آیا طرح اصلاحی در این نقطه قبلا اجرا شده است؟ اگر پاسخ بلی
است آیا طرح زودبازده بوده یا طرح اساسی؟همچنین آخرین اقدامات
اصلاحی و ایمن سازی انجام شده را تشریح کنید؟</label>
<textarea class="form-control" maxlength="250"></textarea>
</div>
<div class="form-group col-md-5">
<label> آیا طرح اصلاحی این نقطه هم اکنون در دست اجرا می باشد ؟ اگر
پاسخ بلی است آیا طرح زودبازدهاست یا طرح اساسی؟</label>
<textarea class="form-control" maxlength="250"></textarea>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label>توضیح مختصر طرح در دست اجرا</label>
<textarea class="form-control" maxlength="250"></textarea>
</div>
<div class="form-group col-md-6">
<label>توصیه هایی برای تکمیل یا افزایش اثر بخشی طرح احتمالی در دست
اجرا </label>
<textarea class="form-control" maxlength="250"></textarea>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- farsam body -->
</div>
<!-- code naghshe body -->
<div id="showposition" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" style="font-size: 13px;font-weight: 600;">
موقعیت نقطه روی نقشه </h4>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<!-- Modal body -->
<div class="modal-body" style="overflow: hidden;">
<div class="col-md-12">
<div class="row">
<div class="col-md-12 ">
<div class="abrar-map-layout">
<span class="abrar-map-title d-inline"> موقعیت نقطه روی
نقشه</span>
<div id="abrar-map-show"></div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label>طول جغرافیایی </label>
<input class="form-control" name="latshow" id="latshow" disabled></input>
</div>
<div class="form-group col-md-6">
<label> عرض جغرافیایی </label>
<input class="form-control" id="lngshow" disabled>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- code naghshe body -->
<div id="stepmodallackdata" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" style="font-size: 13px;font-weight: 600;">
توضیحات نقص مدارک </h4>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<!-- Modal body -->
<div class="modal-body" id="abrar-edit-card" style="overflow: hidden;">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-12" id="showtozihat">
<label> توضیحات </label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger btn-prev" id="reversetozihat">انصراف</button>
<!-- <button type="button" class="btn btn-primary btn-next">ثبت</button> -->
<button type="button" class="btn btn-danger btn-applyChangeCancel"
style="display: none">انصراف</button>
<button type="button" class="btn btn-primary btn-applyChange" id="submittozihat">ثبت
</button>
</div>
</div>
</div>
</div>
<div id="stepModal" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" style="font-size: 13px;font-weight: 600;">
موقعیت نقطه روی نقشه </h4>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<!-- Modal body -->
<div class="modal-body" id="abrar-edit-card" style="overflow: hidden;">
<div class="col-md-12">
<div class="row">
<div class="col-md-12 ">
<div class="abrar-map-layout">
<span class="abrar-map-title d-inline"> موقعیت نقطه روی
نقشه</span>
<div id="abrar-map"></div>
<div class="row map-latlng-input-row">
<div class="col-md-12">
<div class="form-group map-latlng-form tooltipstart">
<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="(طول جغرافیایی) - (عرض جغرافیایی)">
<span class="tooltiptextstart"> برای ثبت دستی عرض و
طول جغرافیایی را وارد کنید </span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label class="required-label"> اداره کل / استان </label>
<select class="form-control" name="provincesub" id="province-idedit"></select>
</div>
<div class="form-group col-md-6">
<label class="required-label"> نام محور </label>
<input class="form-control" id="mehvarnamesub" placeholder="نام">
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label class="required-label">ابتدای محور</label>
<input class="form-control" name="firstroad" id="firstroad" placeholder="ابتدای محور">
</div>
<div class="form-group col-md-6">
<label class="required-label"> انتهای محور </label>
<input class="form-control" name="lastroad" id="lastroad" placeholder="انتهای محور">
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-4">
<label class="required-label"> نوع راه</label>
<select class="form-control" name="mehvar-type" id="mehvar-type">
<option value="0"> انتخاب </option>
<option value="1">آزادراه</option>
<option value="2">بزرگراه</option>
<option value="3">راه اصلی </option>
<option value="4">راه فرعی با عملکرد اصلی </option>
<option value="5">راه فرعی (درجه 1 یا 2) </option>
<option value="6">راه روستایی (فرعی درجه 3)</option>
</select>
</div>
<div class="form-group col-md-4">
<label class="required-label"> فاصله از ابتدای محور </label>
<input type="number" class="form-control" name="distancesub" id="distancesub"
placeholder="فاصله از ابتدای محور" min="0">
</div>
<div class="form-group col-md-4">
<label class="required-label"> نام محلی نقطه </label>
<input class="form-control" name="localnamesub" id="localnamesub"
placeholder="نام محلی نقطه">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger btn-prev" id="reverse">انصراف</button>
<!-- <button type="button" class="btn btn-primary btn-next">ثبت</button> -->
<button type="button" class="btn btn-danger btn-applyChangeCancel"
style="display: none">انصراف</button>
<button type="button" class="btn btn-primary btn-applyChange" id="submitlatlng">ثبت
</button>
</div>
</div>
</div>
</div>
<div id="stepModaledit" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" style="font-size: 13px;font-weight: 600;">
موقعیت نقطه روی نقشه </h4>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<!-- Modal body -->
<div class="modal-body" id="abrar-edit-card-edit" style="overflow: hidden;">
<div class="col-md-12">
<div class="row">
<div class="col-md-12 ">
<div class="abrar-map-layout">
<span class="abrar-map-title d-inline">مشاهده موقعیت نقطه روی
نقشه</span>
<div id="abrar-maptest"></div>
<div class="row map-latlng-input-row">
<div class="col-md-12">
<div class="form-group map-latlng-form tooltipstart">
<label class="required-label d-block text-center map-latlng-label">
ثبت دستی نقطه
</label>
<input name="abrar-project-latlng-startt" type="text"
class="form-control input-cord map-latlng-input map-latlng-first-input"
data-inputmask="'mask': '(99.999999) - (99.999999)'" id="editlatlng" data-mask
placeholder="(طول جغرافیایی) - (عرض جغرافیایی)">
<span class="tooltiptextstart"> برای ثبت دستی عرض و
طول جغرافیایی را وارد کنید </span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label class="required-label"> اداره کل / استان </label>
<select class="form-control" name="provincesub1" id="province-id"></select>
</div>
<div class="form-group col-md-6">
<label class="required-label"> نام محور </label>
<input class="form-control " id="mehvarnamesub1" placeholder="نام">
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label class="required-label">ابتدای محور</label>
<input class="form-control" name="firstroad1" id="firstroad1">
</div>
<div class="form-group col-md-6">
<label class="required-label"> انتهای محور </label>
<input class="form-control" name="lastroad1" id="lastroad1">
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-4">
<label class="required-label"> نوع راه</label>
<select class="form-control" name="mehvar-type1" id="mehvar-type1">
<option value="0"> انتخاب </option>
<option value="1">آزادراه</option>
<option value="2">بزرگراه</option>
<option value="3">راه اصلی </option>
<option value="4">راه فرعی با عملکرد اصلی </option>
<option value="5">راه فرعی (درجه 1 یا 2) </option>
<option value="6">راه روستایی (فرعی درجه 3)</option>
</select>
</div>
<div class="form-group col-md-4">
<label class="required-label"> فاصله از ابتدای محور </label>
<input type="number" class="form-control" name="distancesub1" id="distancesub1">
</div>
<div class="form-group col-md-4">
<label class="required-label"> نام محلی نقطه </label>
<input class="form-control" name="localnamesub1" id="localnamesub1">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger btn-prev" id="reverseedit">انصراف</button>
<!-- <button type="button" class="btn btn-primary btn-next">ثبت</button> -->
<button type="button" class="btn btn-danger btn-applyChangeCancel"
style="display: none">انصراف</button>
<button type="button" class="btn btn-primary btn-applyChange" id="submitlatlngedit">ثبت
</button>
</div>
</div>
</div>
</div>
<div id="stepmodalupload" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" style="font-size: 13px;font-weight: 600;">
آپلود مستندات </h4>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<!-- Modal body -->
<div class="modal-body" id="abrar-edit-card" style="overflow: hidden;">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<div class="form-group" id="policekoroki">
<!-- <div class="form-group clearfix"> -->
<label class="required-label">
آپلود تصویر صورتجلسه اداره کل با پلیس راه
</label>
<label class="file-input-modal-container">
<div class="file-input-modal">
<img id="policeshow" src="../dist/images/icons/add-image.svg" alt="your image"
style="height: 20px; margin-top: 5px;" />
<img id="image_upload_preview" class="zoomimage" alt="your image"
style=" display: none;" />
</div>
<input class="file-input " id="inputFile" type="file" name="image_upload_preview"
accept="image/*">
<!-- <img id="image_upload_preview" alt="your image" style="width: 100px;" /> -->
</label>
<!-- </div> -->
</div>
</div>
<div class="form-group col-md-6">
<div class="form-group" id="uploadfile">
<!-- <div class="form-group clearfix"> -->
<label class="required-label">
آپلود تصویر تاییدیه مدیر کل
</label>
<label class="file-input-modal-container">
<div class="file-input-modal">
<img id="fileshow" src="../dist/images/icons/add-image.svg" alt="your image"
style="height: 20px; margin-top: 5px;" />
<img id="image_upload_previewmostanad" name="" class="zoomimage" alt="your image"
style=" display: none" />
</div>
<input class="file-input" type="file" id="inputFile1"
name="image_upload_previewmostanad" accept="image/*">
</label>
<!-- </div> -->
</div>
</div>
</div>
<!-- <div class="row">
<div class="form-group col-md-6">
<button type="button" class="close" id="removepic1"
style="float: left ; display: none;">&times;</button>
<img id="image_upload_preview" class="zoomimage" id="" alt="your image"
style=" display: none;" />
</div>
<div class="form-group col-md-6">
<button type="button" class="close" id="removepic2"
style="float: left; display: none;">&times;</button>
<img id="image_upload_previewmostanad" class="zoomimage" alt="your image"
style=" display: none" />
</div>
</div> -->
</div>
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger btn-prev" id="reverseuplad">انصراف</button>
<button type="button" class="btn btn-info btn-applyChange" id="showslider">نمایش تصاویر
</button>
<!-- <button type="button" class="btn btn-primary btn-next">ثبت</button> -->
<button type="button" class="btn btn-primary btn-applyChange" id="submitupload">آپلود
</button>
</div>
</div>
</div>
</div>
<div id="slideroverlay" class="slideroverlay">
<div class="upload-confirm"></div>
<!-- Modal content -->
<div class="modal-content">
<span class="close"></span>
<div class="slideshow">
<div id="slideshow-slide" class="slideshow-container">
<a class="prev">&#10095;</a>
<a class="next">&#10094;</a>
</div>
<br />
<div id="slideshow-dot" style="text-align: center;"></div>
</div>
</div>
</div>
<div id="stepModalImage" class="modal animated zoomIn fade">
<div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<!-- Modal body -->
<div class="modal-header" style="background-color: lightgrey;">
<h4 class="modal-title" style="font-size: 14px;font-weight: 600;">بارگذاری
تصاویر نقطه دارای تصادف</h4>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<div class="modal-body" style="overflow: hidden;padding: 5px;padding-top: 0px;">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<div id="accordion">
<div class="card">
<div class="card-header" style="padding-top: 8px;">
<a class="collapsed card-link blink_me_imageupload" data-toggle="collapse"
href="#collapseTwo">
تذکر مهم در مورد تهیه عکس و بارگذاری تصاویر (اینجا
کلیک
کنید)
</a>
</div>
<div id="collapseTwo" class="collapse" data-parent="#accordion">
<div class="card-body" style="text-align: justify;font-size: 13px;">
<div>
در زمان بازدید میدانی از نقاط دارای تصادف، تعداد
۸ قطعه عکس از موقعیت هر
نقطه با استقرار در آکس جاده و از فواصل ۵۰ متری و
۱۰۰ متری از هر دو طرف
منتهی به نقطه (۲ قطعه عکس از هر فاصله از هر جهت)
بطور واضح تهیه گردد و
به نحوی که تصاویر بیانگر چشم انداز موقعیتِ در
معرضِ دیدِ راننده در حین
رانندگی و وضعیت علائم و تجهیزات آن نقطه از هر دو
جهت حرکتی باشد (به
ترتیبی که در تصویر زیر به عنوان نمونه نشان داده
شده است). این ۸ قطعه عکس
به همراه یک تصویر کروکی (عکس ماهواره‌ای) به ازای
هر نقطه متعاقبا در
سامانه بارگذاری خواهد شد.
</div>
<div style="margin-top: 10px;
text-align: center;">
<img src="../dist/images/photo_2020-06-20_15-17-29.jpg" alt=""
style="width: 65%;border-radius: 5px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="abrar-map-layout abrar-map-layout-image">
<div id="abrar-map-image"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer" style="padding: 8px;">
<button type="button" class="btn btn-danger btn-prev" id="backUploadImage">انصراف</button>
<button type="button" class="btn btn-success btn-applyChange" id="submitUploadImage">بارگذاری
تصاویر</button>
</div>
</div>
</div>
</div>
<div id="stepModalaccident" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<!-- Modal body -->
<div class="modal-body" style="overflow: hidden;">
<div class="col-md-12">
<div class="row">
<!-- <div class="col-md-12 ">
<div class="abrar-map-layout">
<span class="abrar-map-title d-inline">ثبت موقعیت نقطه روی
نقشه</span>
<div id="abrar-map"></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.9999999999) - (99.9999999999)'"
data-mask
placeholder="(نقطه) => (طول جغرافیایی) - (عرض جغرافیایی)">
</div>
</div>
</div>
</div>
</div> -->
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<!-- farsam change start -->
<label> شماره سریال کروکی پلیس </label>
<input class="form-control" id="serialNum" placeholder="شماره سریال">
<!-- fasam change end -->
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<!-- farsam change start -->
<div class="form-group col-md-4">
<label> تاریخ تصادف </label>
<input class="form-control" id="datePick" placeholder="تاریخ تصادف">
</div>
<div class="form-group col-md-4">
<label>روز هفته</label>
<input class="form-control" id="weekendDay" disabled placeholder="روز هفته">
</div>
<div class="form-group col-md-4">
<label>ساعت وقوع</label>
<input class="form-control" id="occurTime" name="occurTime" placeholder="ساعت وقوع">
</div>
<!-- farsam change end -->
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-4">
<label> جهت حرکت عامل تصادف </label>
<select class="form-control" name="vehicleDir" id="vehicleDir">
<option value="0"> انتخاب </option>
<option value="1">رفت</option>
<option value="2">برگشت</option>
</select>
</div>
<!-- farsam change start -->
<div class="form-group col-md-8">
<label> نوع برخورد </label>
<!-- farsam change start -->
<select class="form-control" name="collisionType" id="collisionType"
placeholder="نوع برخورد">
<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>
</div>
<div class="col-md-12">
<label class="inputNumberLabelClass">تعداد عوامل درگیر در
تصادف</label>
<div class="row">
<div class="form-group col-md-4">
<label for="bikeMotor" class="inputNumberLabelClass">دوچرخه
و
موتور</label>
<input type="number" id="bikeMotor" name="bikeMotor" min="0"
class="form-control inputNumberClass" value="0" style="display: block;">
</div>
<div class="form-group col-md-4">
<label for="passer" class="inputNumberLabelClass">عابر</label>
<input type="number" id="passer" name="passer" min="0"
class="form-control inputNumberClass" value="0" style="display: block;">
</div>
<div class="form-group col-md-4">
<label for="animal" class="inputNumberLabelClass">حیوان</label>
<input type="number" id="animal" name="animal" min="0"
class="form-control inputNumberClass" value="0" style="display: block;">
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-4">
<label for="object" class="inputNumberLabelClass">شی
ثابت</label>
<input type="number" id="object" name="object" min="0"
class="form-control inputNumberClass" value="0" style="display: block;">
</div>
<div class="form-group col-md-4">
<label for="lightVehicle" class="inputNumberLabelClass">وسیله نقلیه سبک</label>
<input type="number" id="lightVehicle" name="lightVehicle" min="0"
class="form-control inputNumberClass" value="0" style="display: block;">
</div>
<div class="form-group col-md-4">
<label for="heavyVehicle" class="inputNumberLabelClass">وسیله نقلیه سنگین</label>
<input type="number" id="heavyVehicle" name="heavyVehicle" min="0"
class="form-control inputNumberClass" value="0" style="display: block;">
</div>
</div>
</div>
<div class="col-md-12">
<label class="inputNumberLabelClass " id="accidentTypeTitle">نوع
تصادف</label>
<div class="row">
<!-- farsam change start -->
<div class="form-group radio-body clearfix ">
<!-- <div class="icheck-primary d-inline "> <input type="radio" class="accidentTypoo"
id="damage" name="accidentType" value="0">
<label for="damage"> خسارتی </label>
</div> -->
<div class="icheck-primary d-inline mr-lg-3 mr-0"> <input type="radio" id="injury"
class="accidentTypoo" name="accidentType" value="1">
<label for="injury">
جرحی </label> </div>
<div class="icheck-primary d-inline mr-lg-3 mr-0"> <input type="radio" id="death"
class="accidentTypoo" name="accidentType" value="2">
<label for="death">
فوتی </label> </div>
</div>
<!-- <div class="form-group col-md-4 icheck-primary d-inline mr-0">
<input type="checkbox" id="damage" name="accidentType"
value="0">
<label for="damage">خسارتی</label>
</div>
<div class="form-group col-md-4 icheck-primary d-inline mr-0">
<input type="checkbox" id="injury" name="accidentType"
value="1">
<label for="injury">جرحی</label>
</div>
<div class="form-group col-md-4 icheck-primary d-inline mr-0">
<input type="checkbox" id="death" name="accidentType"
value="2">
<label for="death">فوتی</label>
</div> -->
<!-- farsam change end -->
</div>
</div>
<div class="col-md-12">
<label class="inputNumberLabelClass">پیامد تصادف در صحنه</label>
<div class="row">
<div class="form-group col-md-6">
<label for="injuredNumber" class="inputNumberLabelClass">
تعداد مجروح شدید</label>
<input type="number" id="injuredNumber" name="injuredNumber"
class="form-control inputNumberClass" value="0" min="0">
</div>
<div class="form-group col-md-6">
<label for="deathNumber" class="inputNumberLabelClass">
تعداد متوفی</label>
<input type="number" id="deathNumber" name="deathNumber"
class="form-control inputNumberClass" value="1" min="1" disabled>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<!-- farsam change start -->
<button type="button" class="btn btn-danger btn-prev cancel" class="cancel">انصراف</button>
<!-- farsam change end -->
<!-- <button type="button" class="btn btn-primary btn-next">ثبت</button> -->
<!-- <button type="button" class="btn btn-danger btn-applyChangeCancel"
style="display: none">انصراف</button> -->
<button type="button" class="btn btn-primary btn-applyChange" id="submitNewRow">ثبت
تغییرات</button>
</div>
</div>
</div>
</div>
<div id="stepModalaccidentEdit" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<!-- Modal body -->
<div class="modal-body" style="overflow: hidden;">
<div class="col-md-12">
<div class="row">
<!-- <div class="col-md-12 ">
<div class="abrar-map-layout">
<span class="abrar-map-title d-inline">ثبت موقعیت نقطه روی
نقشه</span>
<div id="abrar-map"></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.9999999999) - (99.9999999999)'"
data-mask
placeholder="(نقطه) => (طول جغرافیایی) - (عرض جغرافیایی)">
</div>
</div>
</div>
</div>
</div> -->
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<!-- farsam change start -->
<label> شماره سریال کروکی پلیس </label>
<input class="form-control" id="serialNumEdit" placeholder="شماره سریال">
<!-- farsam change end -->
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-4">
<label> تاریخ تصادف </label>
<input class="form-control" id="datePickEdit" name="datepickEditModal">
</div>
<div class="form-group col-md-4">
<!-- farsam change start -->
<label>روز هفته</label>
<input class="form-control" id="weekendDayEdit" disabled placeholder="روز هفته">
<!-- farsam change end -->
</div>
<div class="form-group col-md-4">
<label>ساعت وقوع</label>
<!-- farsam change start -->
<input class="form-control" id="occurTimeEdit" name="occurTimeEdit">
<!-- farsam change end -->
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-4">
<label> جهت حرکت عامل تصادف </label>
<select class="form-control" name="vehicleDir" id="vehicleDirEdit">
<option value="0"> انتخاب </option>
<option value="1">رفت</option>
<option value="2">برگشت</option>
</select>
</div>
<!-- farsam change start -->
<div class="form-group col-md-8">
<label> نوع برخورد </label>
<!-- farsam change start -->
<select class="form-control" name="collisionTypeEdit" id="collisionTypeEdit"
placeholder="نوع برخورد">
<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>
<!-- farsam change end -->
</div>
<!-- farsam change end -->
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-4">
<label for="bikeMotor" class="inputNumberLabelClass">دوچرخه
و
موتور</label>
<input type="number" id="bikeMotorEdit" name="bikeMotor" min="0"
class="form-control inputNumberClass" value="0" style="display: block;">
</div>
<div class="form-group col-md-4">
<label for="passer" class="inputNumberLabelClass">عابر</label>
<input type="number" id="passerEdit" name="passer" min="0"
class="form-control inputNumberClass" value="0" style="display: block;">
</div>
<div class="form-group col-md-4">
<label for="animal" class="inputNumberLabelClass">حیوان</label>
<input type="number" id="animalEdit" name="animal" min="0"
class="form-control inputNumberClass" value="0" style="display: block;">
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-4">
<label for="object" class="inputNumberLabelClass">شی
ثابت</label>
<input type="number" id="objectEdit" name="object" min="0"
class="form-control inputNumberClass" value="0" style="display: block;">
</div>
<div class="form-group col-md-4">
<label for="lightVehicle" class="inputNumberLabelClass">وسیله نقلیه سبک</label>
<input type="number" id="lightVehicleEdit" name="lightVehicle" min="0"
class="form-control inputNumberClass" value="0" style="display: block;">
</div>
<div class="form-group col-md-4">
<label for="heavyVehicle" class="inputNumberLabelClass">وسیله نقلیه سنگین</label>
<input type="number" id="heavyVehicleEdit" name="heavyVehicle" min="0"
class="form-control inputNumberClass" value="0" style="display: block;">
</div>
</div>
</div>
<div class="col-md-12">
<label class="inputNumberLabelClass ">نوع تصادف</label>
<div class="row">
<!-- farsam change start -->
<div class="form-group radio-body clearfix ">
<!-- <div class="icheck-primary d-inline"> <input type="radio" id="damageEdit"
class="accidentTypooEdit" name="accidentTypeEdit" value="0">
<label for="damageEdit"> خسارتی </label>
</div> -->
<div class="icheck-primary d-inline mr-lg-3 mr-0"> <input type="radio" id="injuryEdit"
class="accidentTypooEdit" name="accidentTypeEdit" value="1"> <label for="injuryEdit">
جرحی </label> </div>
<div class="icheck-primary d-inline mr-lg-3 mr-0"> <input type="radio" id="deathEdit"
class="accidentTypooEdit" name="accidentTypeEdit" value="2"> <label for="deathEdit">
فوتی </label> </div>
</div>
<!-- <div class="form-group col-md-4 icheck-primary d-inline mr-0">
<input type="checkbox" id="damageEdit" name="accidentTypeEdit"
class="icheck-primary" value="0">
<label for="damage">خسارتی</label>
</div>
<div class="form-group col-md-4 icheck-primary d-inline mr-0">
<input type="checkbox" id="injuryEdit" name="accidentTypeEdit"
class="icheck-primary" value="1">
<label for="injury">جرحی</label>
</div>
<div class="form-group col-md-4 icheck-primary d-inline mr-0">
<input type="checkbox" id="deathEdit" name="accidentTypeEdit"
class="icheck-primary" value="2">
<label for="death">فوتی</label>
</div> -->
<!-- farsam change end -->
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label for="injuredNumberEdit" class="inputNumberLabelClass">تعداد مجروح شدید</label>
<input type="number" id="injuredNumberEdit" name="injuredNumberEdit"
class="form-control inputNumberClass" value="0" min="0">
</div>
<div class="form-group col-md-6">
<label for="deathNumberEdit" class="inputNumberLabelClass">تعداد متوفی</label>
<input type="number" id="deathNumberEdit" name="deathNumberEdit"
class="form-control inputNumberClass" value="1" min="1" disabled>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger btn-prev cancel">انصراف</button>
<!-- <button type="button" class="btn btn-primary btn-next">ثبت</button> -->
<!-- <button type="button" class="btn btn-danger btn-applyChangeCancel"
style="display: none">انصراف</button> -->
<button type="button" class="btn btn-primary btn-applyChange" id="submitNewRowEdit">ثبت
تغییرات</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="dangerPointPreviewModal">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<!-- Modal body -->
<div class="modal-body">
<div class="preview-template" style="width: 100%;">
<div class="template-details">
<div class="details-icon" style="width: 25%;">
<img src="../dist/images/icons/alertInstallAppLogo.png" alt="">
</div>
<div class="details-date" style="width: 75%;text-align: left; padding-left: 15px;">
<span>تاریخ ایجاد: <span id="preview-template-created-at"></span></span>
</div>
</div>
<div class="template-section" style="overflow: hidden;">
<div class="section-title">شناسنامه نقطه دارای تصادف</div>
<div class="section-table">
<table>
<tr>
<th>استان/اداره کل:</th>
<th>نام محور:</th>
<th>نوع راه:</th>
<th>ابتدای محور:</th>
<th>انتهای محور:</th>
<th>فاصله از ابتدای محور (km):</th>
<th>نام محلی نقطه:</th>
<th>موقعیت جغرافیایی نقطه:</th>
</tr>
<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
<td> <span id="preview-template-province-name"></span> </td>
<td> <span id="preview-template-axis-name"></span> </td>
<td> <span id="preview-template-axis-type"></span> </td>
<td> <span id="preview-template-axis-start"></span> </td>
<td> <span id="preview-template-axis-end"></span> </td>
<td> <span id="preview-template-distance-axis-start"></span> </td>
<td> <span id="preview-template-local-name"></span> </td>
<td> <span id="preview-template-lat-lng"></span> </td>
</tr>
</table>
</div>
</div>
<div class="template-section" style="margin: 10px 0;overflow: hidden;">
<div class="section-title">تاریخچه تصادفات نقطه دارای تصادف (بر مبنای
اطلاعات کروکی
تصادفات)
</div>
<div class="section-table">
<table>
<tr>
<th rowspan="2" style="font-size: 9px;width: 3%;">ردیف</th>
<th rowspan="2">شماره سریال کروکی پلیس راه</th>
<th colspan="3">تاریخ تصادف</th>
<th rowspan="2">روز هفته</th>
<th rowspan="2" style="width: 6%;">ساعت وقوع
</th>
<th colspan="2">جهت حرکت خودروی عامل تصادف</th>
<th rowspan="2" style="width: 12%;">نوع برخورد</th>
<th colspan="6">تعداد عوامل درگیر در تصادف</th>
<th colspan="2">نوع تصادف</th>
<th colspan="2">پیامد تصادف در سر صحنه</th>
</tr>
<tr id="section-preview-2-row">
<th class="sub-title w-2">روز</th>
<th class="sub-title w-2">ماه</th>
<th class="sub-title w-2">سال</th>
<th class="sub-title w-4">رفت</th>
<th class="sub-title w-4">برگشت</th>
<th class="sub-title w-4">دوچرخه و موتورسیکلت</th>
<th class="sub-title w-4">عابر</th>
<th class="sub-title w-4">حیوان</th>
<th class="sub-title w-4">شی ثابت</th>
<th class="sub-title w-5">وسیله نقلیه سبک</th>
<th class="sub-title w-5">وسیله نقلیه سنگین</th>
<th class="sub-title w-2">جرحی</th>
<th class="sub-title w-2">فوتی</th>
<th class="sub-title w-4">تعداد متوفی</th>
<th class="sub-title w-5">تعداد مجروح شدید</th>
</tr>
<tr style="border-top: 2px solid black;">
<td colspan="15" style="font-size: 9px;
text-align: right;
font-weight: 600;"> آیا در لیست نقاط پرتصادف مصوب شناسایی
شده در سال ۹۵ قرار
دارد؟ <span id="preview-template-accident-251"
style="font-size: 10px; font-weight: 400;"> - </span>
<span style="margin-right: 50px;">کد نقطه: </span>
<span id="preview-template-accident-251-code"
style="font-size: 10px; font-weight: 400;">
- </span></td>
<td style="text-align: center;
font-size: 9px;
font-weight: 600;
padding: 6px 8px;"> مجموع </td>
<td id="preview-template-danger-accidents-su-0" style="font-size: 9px; font-weight: 400;">
- </td>
<td id="preview-template-danger-accidents-su-1" style="font-size: 9px; font-weight: 400;">
- </td>
<td id="preview-template-danger-accidents-su-3" style="font-size: 9px; font-weight: 400;">
- </td>
<td id="preview-template-danger-accidents-su-4" style="font-size: 9px; font-weight: 400;">
- </td>
</tr>
</table>
</div>
</div>
<div class="template-section" style="overflow: hidden;">
<div class="section-title">ارزیابی گروه/تیم استانی پس از بررسی سوابق و
بازدید میدانی
نقطه دارای
تصادف</div>
<div class="section-table">
<table>
<tr>
<td class="desc-data"> سرعت مجاز اعلامی (علائم): <span
id="preview-template-danger-speed-limit" class="desc-data-str"> - </span>
</td>
<td class="desc-data"> آیا امکان تصادف رخ به رخ وجود دارد؟ <span
id="preview-template-danger-accident-possibility" class="desc-data-str"> -
</span>
</td>
<td rowspan="2" class="desc-data" style="width: 65%;"> توصیف
هندسی نقطه: <span id="preview-template-danger-geometric-desc" class="desc-data-str"> -
</span>
</td>
</tr>
<tr>
<td class="desc-data"> سرعت متوسط تردد (۸۵٪): <span
id="preview-template-danger-speed-average" class="desc-data-str"> - </span></td>
<td class="desc-data"> آیا راه دارای حفاظ/جداکننده/فضای
میانی است؟ <span id="preview-template-danger-road-guard" class="desc-data-str"> -
</span></td>
</tr>
<tr>
<td colspan="2" class="desc-data"> ریشه و عامل مشترک
شکل‌گیری اکثر تصادفات در این
نقطه:
<div class="desc-data-str" id="preview-template-danger-accident-cause"> -
</div>
</td>
<td class="desc-data"> پیشنهاد اقدامات اصلاحی کم هزینه و
زودبازده جهت رفع عوامل
موثر در
شکل‌گیری تصادفات در
این نقطه:
<div class="desc-data-str" id="preview-template-danger-accident-cause-suggest"> -
</div>
</td>
</tr>
<tr>
<td colspan="2" class="desc-data"> علت افزایش شدت تصادفات و
عامل مشارکتی راه:
<div class="desc-data-str" id="preview-template-danger-accident-severity"> -
</div>
</td>
<td class="desc-data"> پیشنهاد اقدامات اصلاحی کم هزینه و زود
بازده جهت رفع عوامل
موثر در
شدت تصادفات در این
نقطه:
<div class="desc-data-str" id="preview-template-danger-accident-severity-suggest"> -
</div>
</td>
</tr>
<tr>
<td colspan="3" class="desc-data"> آیا طرح اصلاحی در این
نقطه قبلا اجرا شده است؟
اگر پاسخ
بلی است آیا طرح
زودبازده بوده یا طرح اساسی؟ همچنین آخرین اقدامات اصلاحی
و ایمن سازی انجام شده را
تشریح
کنید.
<div class="desc-data-str" id="preview-template-danger-correction-plan-done"> - </div>
</td>
</tr>
<tr>
<td colspan="3" class="desc-data"> آیا طرح اصلاحی این نقطه
هم اکنون در دست اجرا می
باشد؟
اگر پاسخ بلی است
آیا طرح زودبازده است یا طرح اساسی؟
<div class="desc-data-str" id="preview-template-danger-correction-plan-doing"> -
</div>
</td>
</tr>
<tr>
<td colspan="3" class="desc-data"> توضیح مختصر طرح در دست
اجرا:
<div class="desc-data-str" id="preview-template-danger-correction-plan-doing-desc"> -
</div>
</td>
</tr>
<tr>
<td colspan="3" class="desc-data"> توصیه هایی برای تکمیل یا
افزایش اثر بخشی طرح
احتمالی در
دست اجرا:
<div class="desc-data-str" id="preview-template-danger-correction-plan-doing-suggest">
- </div>
</td>
</tr>
<tr style="border-top: 2px solid black;">
<td colspan="3" style="font-size: 10px;
font-weight: 500;
padding: 8px 10px;"> نام و نام خانوادگی و امضا </td>
</tr>
<tr>
<td colspan="2" style="width: 50%;font-size: 10px;
font-weight: 500;height: 65px;"> فرمانده پلیس راه استان
</td>
<td style="width: 50%;font-size: 10px;
font-weight: 500;height: 65px;"> مدیر کل راهداری و حمل و
نقل جاده‌ای استان </td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">بستن</button>
<button type="button" class="btn btn-info btn-lg" style="background-color: rgb(48, 133, 214);"
onclick="showPrintPDF()">چاپ</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="showImageModal" tabindex="-1" role="dialog"
aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">تصویر</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
...
</div>
<!-- <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
</div>
<!-- ../../wrapper -->
<!-- REQUIRED SCRIPTS -->
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Persian DatePicker -->
<script src="../dist/js/persian-date.min.js"></script>
<script src="../dist/js/persian-datepicker.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../dist/js/dataTables.bootstrap4.min.js"></script>
<script src="../dist/js/datatables/persian.js"></script>
<script src="../plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="../plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<!-- <script src="../build/js/dataTables.select.min.js"></script> -->
<!-- <script src="../plugins/datatables-buttons/js/buttons.print.min.js"></script> -->
<script src="../dist/js/jszip.min.js"></script>
<script src="../plugins/sweetalert2/sweetalert2.all.min.js"></script>
<script src="../plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
<!-- Moment.js -->
<script src="../plugins/moment/moment.min.js"></script>
<script src="../dist/js/jalali-moment.browser.js"></script>
<script src="../dist/js/leaflet.js"></script>
<script src="../dist/js/leaflet.markercluster.js"></script>
<!-- Leaflet Routing Machine js -->
<script src="../dist/js/leaflet-routing-machine.js"></script>
<!-- Page Script -->
<script src="../dist/js/danger-modir.js?v=0.10"></script>
<!-- <script src="../dist/js/myDanger.js"></script> -->
</body>
</html>