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

1525 lines
63 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="UXFqJ6ugQ2CgaTbUp70tHF8k61tkt8i6eAaNUai9" /> --}} -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title> فهرست پروژه ها</title>
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css" />
<!-- icheck bootstrap -->
<link rel="stylesheet" href="../plugins/icheck-bootstrap/icheck-bootstrap.min.css" />
<!-- Persian Datepicker -->
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css" />
<link rel="stylesheet" href="../dist/css/dataTables.bootstrap4.min.css" />
<link rel="stylesheet" href="../dist/css/buttons.dataTables.min.css" />
<link rel="stylesheet" href="../plugins/chart.js/Chart.min.css" />
<!-- bootstrap slider -->
<link rel="stylesheet" href="../plugins/bootstrap-slider/css/bootstrap-slider.min.css" />
<!-- Leaflet -->
<link rel="stylesheet" href="../dist/css/leaflet.css" />
<!-- IRANSans Font -->
<link rel="stylesheet" href="../dist/css/fontiran.css" />
{{-- <link rel="stylesheet" href="../dist/js/jquery.paginate.css" /> --}}
<link rel="stylesheet" href="../dist/css/adminlte.css" />
{{-- star rating --}}
<link rel="stylesheet" href="../plugins/simpleStar/dist/star-rating.min.css" />
<link rel="stylesheet" href="../dist/css/footer.css" />
<link rel="stylesheet" href="../dist/css/fullstyle.css" />
<style>
.zoom {
height: 30px;
width: 30px;
transition: transform 0.2s;
}
.zoom:hover {
-ms-transform: scale(2);
/* IE 9 */
-webkit-transform: scale(2);
/* Safari 3-8 */
transform: scale(2);
}
.imageshown {
width: 160px;
height: 117px;
margin-left: 3%;
}
.textshown {
width: 100%;
display: flex;
flex-direction: row;
}
.paragraphshown {
/* margin-left: 20%; */
width: 40%;
display: flex;
flex-direction: row;
}
.paragraphsecond {
display: flex;
flex-direction: row;
}
.pstyle {
color: #000000;
}
.showdiv {
width: 100%;
display: flex;
flex-direction: column;
}
.card-header {
padding: 0.75rem 1.25rem 0.2rem;
}
th {
font-size: 12px;
}
td {
font-size: 12px;
}
button.btn {
font-size: 12px;
}
i {
font-size: 10px;
}
label {
font-size: 0.8rem;
font-weight: 500 !important;
color: rgba(0, 0, 0, 0.5);
}
.icheck-primary label {
font-weight: 400 !important;
}
.form-control {
font-size: 13px;
}
.required-label::after {
content: "*";
position: relative;
right: 2px;
color: #dc3545;
}
.card-body .radio-header {
font-size: 0.8rem;
font-weight: 500;
color: rgba(0, 0, 0, 0.5);
display: inline-block;
margin-bottom: 0.5rem;
}
.abrar-project-slider .tooltip {
font-family: "IRANSansFaNum" !important;
}
.abrar-project-slider .slider-selection,
.abrar-project-slider .slider-handle,
.abrar-project-slider .slider-tick.in-selection {
background: #007bff;
}
[class*="icheck-"] {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.abrar-map-layout {
position: relative;
height: 300px;
margin-bottom: 15px;
}
.abrar-map-layout>#abrar-map,
#abrar-map2 {
height: 100%;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
}
.abrar-map-layout>.pin-container {
position: absolute;
top: 34%;
right: 44%;
z-index: 1009;
}
.input-cord {
font-family: "IRANSans" !important;
text-align: center !important;
direction: ltr !important;
}
.listproject-main {
margin-top: 95px;
padding: 0 10px;
}
.show-main {
/* margin-top: 106px; */
padding: 0 10px;
/* padding: 0 10% 0px 10px; */
display: flex;
flex-direction: row;
}
.tool-main {
margin-top: 70px;
padding: 0 10px;
}
.dt-button.buttons-excel.buttons-html5 {
background: #28a745 !important;
font-size: 12px;
color: white;
}
.card-footer {
text-align: left;
}
.map-btn {
border-radius: 0.25rem !important;
}
.is-invalid-input {
color: #dc3545 !important;
border-color: #dc3545;
}
.is-invalid-text {
color: #dc3545 !important;
}
.is-invalid-box {
border-color: #dc3545;
}
.menu_top {
z-index: 1040 !important;
}
div.dataTables_wrapper div.dataTables_filter {
text-align: left;
}
.leaflet-div-icon {
background: transparent !important;
border: none !important;
}
.pin-marker {
position: relative;
width: 45px;
height: 71px;
font-family: "IRANSans";
}
.pin-marker.pin-move>.map-pin-marker {
transform: scale(0.75);
}
.pin-marker.pin-set>.map-pin-marker>.pin-title-circle {
background-color: #009900;
}
.pin-marker.pin-move>.pin-main-shadow {
transform: scale(1.35);
}
.map-pin-marker {
position: relative;
width: 45px;
height: 65px;
z-index: 10;
transform-origin: 22.5px 0;
transition: transform 0.2s;
}
.map-pin-marker>.pin-main-circle {
position: absolute;
width: 45px;
height: 45px;
left: 0;
background-color: rgba(22, 67, 88, 1);
border-radius: 50%;
z-index: 12;
}
.map-pin-marker>.pin-white-circle {
position: absolute;
width: 39px;
height: 39px;
left: 3px;
top: 3px;
background-color: #ffffff;
border-radius: 50%;
z-index: 13;
}
.map-pin-marker>.pin-title-circle {
position: absolute;
width: 35px;
height: 35px;
left: 5px;
top: 5px;
background-color: rgba(22, 67, 88, 1);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 14;
transition: background-color 0.3s;
}
.map-pin-marker>.pin-title-circle>.title-circle-text {
line-height: 1;
font-size: 10px;
color: #ffffff;
font-weight: 600;
z-index: 15;
}
.map-pin-marker>.pin-main-line {
position: absolute;
width: 5px;
height: 25px;
z-index: 11;
background-color: #000000;
top: 40px;
left: 20px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.pin-marker>.pin-main-shadow {
position: absolute;
width: 11px;
height: 11px;
left: 17px;
top: 58px;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
transition: transform 0.2s;
}
.pin-marker>.pin-main-shadow>.shadow-dot {
position: relative;
width: 1px;
height: 1px;
left: 0;
top: 0;
background-color: #000000;
border-radius: 50%;
z-index: 10;
}
.map-latlng-input-row {
position: absolute;
bottom: -11px;
z-index: 1000;
width: 240px;
left: 5px;
}
.map-latlng-form {
margin-bottom: 0;
}
.map-latlng-input {
background-color: rgba(255, 255, 255, 0.8);
}
.map-latlng-label {
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.25rem;
padding: 3px 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border: 1px solid #ced4da;
color: #000000;
border-bottom: 0;
margin: 0;
}
.map-latlng-first-input {
border-radius: 0;
font-size: 12px;
color: #009900;
}
.map-latlng-first-input::placeholder {
font-size: 10px;
}
.map-latlng-sec-input {
border-top-right-radius: 0;
border-top-left-radius: 0;
font-size: 12px;
color: #009900;
}
.map-latlng-sec-input::placeholder {
font-size: 10px;
}
.abrar-map-title {
position: absolute;
top: 5px;
right: 5px;
z-index: 992px;
padding: 4px 7px;
color: #000;
font-size: 13px;
font-weight: 500;
border-radius: 0.25rem;
background-color: rgba(255, 193, 7, 0.8);
}
.starter-loader-container {
z-index: 3000 !important;
}
.distance-input {
margin-top: 10px;
margin-bottom: 10px;
}
label {
color: #000;
}
/* #top-card-title .card-title {
font-size: 12px;
font-weight: bold;
} */
.error-message {
display: none;
font-size: 12px;
}
.second-round-title {
font-size: 15px;
font-weight: 500;
}
.edit-description {
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.tablefontheader {
font-size: 100px;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
border-bottom-width: 0;
font-size: 11px;
}
.headercolortable {
background-color: #a6dcef;
}
table.dataTable tbody tr.selected {
background-color: #99cc99;
}
.div.dataTables_wrapper div.dataTables_length label {
float: left;
}
.dataTables_length {
float: left;
}
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
padding-right: 10px;
}
.table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
display: none;
}
.table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
display: none;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 0.85em;
white-space: nowrap;
font-size: 12px;
}
.preview-template {
border: 2px solid black;
}
.template-section {
border-top: 2px solid black;
border-bottom: 2px solid black;
}
.section-title {
font-size: 11px;
text-align: center;
background-color: lightgrey;
font-weight: 600;
padding: 10px 15px;
border-bottom: 2px solid black;
}
.section-table>table {
width: 100%;
}
.section-table>table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
}
.section-table th {
text-align: center;
font-size: 8px;
font-weight: 600;
padding: 4px 5px;
}
.section-table th.sub-title {
text-align: center;
font-size: 8px;
font-weight: 500;
padding: 4px 5px;
}
.section-table td {
text-align: center;
padding: 4px 2px;
}
.section-table th.w-2 {
width: 3%;
}
.section-table th.w-3 {
width: 3%;
}
.section-table th.w-4 {
width: 4%;
}
.section-table th.w-5 {
width: 5%;
}
div.dataTables_wrapper div.dataTables_processing {
position: absolute;
top: 70%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0;
z-index: 10000;
}
.file-input-modal-container {
width: 100%;
}
.file-input-modal {
justify-content: center;
font-size: 11px;
display: flex;
align-items: center;
width: 100%;
height: 80px;
cursor: pointer;
text-align: center;
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
background-color: #ffffff;
}
.file-input {
display: none;
}
.modal-error-message {
display: none;
}
.zoomimage {
width: 100%;
height: 80px;
}
.slideroverlay {
display: none;
text-align: right;
direction: rtl;
position: fixed;
z-index: 1051;
padding-top: 77px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
}
.slideroverlay>.upload-confirm {
z-index: 50;
display: block;
position: absolute;
background: transparent;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.slideroverlay>.modal-content {
background-color: #ffffff;
border-radius: 7px;
margin: auto;
padding: 20px 1.5% 1px 1.5%;
border: 1px solid #888;
width: max-content;
position: relative;
z-index: 51;
}
.slideroverlay>.modal-content>.close {
position: absolute;
text-align: center;
top: 3px;
right: 5px;
color: #979797;
}
.slideroverlay>.modal-content>.close::before {
content: "\00d7";
font-size: 22px;
position: absolute;
}
.slideroverlay>.modal-content>.close:hover,
.slideroverlay>.modal-content>.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.slideroverlay>.modal-content>.slideshow .mySlides {
display: none;
}
.slideroverlay>.modal-content>.slideshow img {
/* vertical-align: middle;
width: 100%;
height: auto;
opacity: 1;
max-height: 500px;
max-width: 100%; */
vertical-align: middle;
width: auto;
height: auto;
opacity: 1;
max-height: 500px;
max-width: 100%;
margin: 0 auto;
display: flex;
}
.slideroverlay>.modal-content>.slideshow .slideshow-container {
max-width: 100%;
position: relative;
margin: auto;
}
.slideroverlay>.modal-content>.slideshow .prev,
.slideroverlay>.modal-content>.slideshow .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: white;
font-weight: bold;
font-size: 20px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
background-color: rgba(0, 0, 0, 0.4);
}
.slideroverlay>.modal-content>.slideshow .next {
right: 0;
border-radius: 0px 3px 3px 0;
}
.slideroverlay>.modal-content>.slideshow .prev {
left: 0;
border-radius: 3px 0 0 3px;
}
.slideroverlay>.modal-content>.slideshow .prev:hover,
.slideroverlay>.modal-content>.slideshow .next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.slideroverlay>.modal-content>.slideshow .text {
color: #f2f2f2;
background-color: rgba(0, 0, 0, 0.8);
padding: 10px 15px;
position: absolute;
bottom: -3px;
width: 100%;
text-align: center;
font-family: "IRANSans";
font-size: 12px;
}
.slideroverlay>.modal-content>.slideshow .numbertext {
color: #f2f2f2;
font-size: 14px;
padding: 8px 12px;
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
top: 0;
border-radius: 3px;
}
.slideroverlay>.modal-content>.slideshow #slideshow-dot {
margin-top: -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;
}
.colorset {
background-color: #a6dcef;
}
.table th,
.table td {
padding: 8px;
}
.remove-image-container501 {
display: flex;
flex-direction: row;
color: #c32323;
position: absolute;
top: -12px;
left: 5px;
font-weight: bold;
cursor: pointer;
font-size: 11px;
}
div.dt-buttons {
position: relative;
float: right;
}
.footerfont {
font-size: 11px;
font-weight: 400;
}
/* .filterproject {
display: flex;
flex-direction: row;
direction: ltr;
width: 100%;
} */
.optionfilter {
margin-top: 4px;
/* margin-right: 104px; */
margin-left: 829px;
width: 14% !important;
}
.dt-button:nth-child(2) {
background: #ffc107 !important;
border-color: #ffc107 !important;
}
#filterproject {
margin-left: 8px;
font-size: 12px;
}
#showproject {
font-size: 12px;
}
.filters {
margin-bottom: 1rem;
margin-top: 1rem;
cursor: pointer;
}
.showeachproject {
margin-bottom: 1rem;
margin-top: 1rem;
cursor: pointer;
display: flex;
flex-direction: row;
}
.titlecard {
font-size: 12px;
font-weight: bold;
}
.filteritem {
color: #4995a5;
}
.pcolor {
color: #4995a5;
}
.projecttype {
display: flex;
flex-direction: row;
}
.numberproject {
margin-right: 4px;
color: #acacac;
}
.card-title {
float: right;
font-size: 13px;
font-weight: bold;
}
label {
font-size: 11px;
font-weight: 500 !important;
color: rgba(0, 0, 0, 0.5);
}
.showlabel {
color: #000;
float: right;
padding-left: 5px;
width: 40%;
font-weight: bold;
}
.imageshowrow {
width: 150px;
height: 150px;
display: block;
margin-right: 10px;
}
.slideroverlay {
display: none;
text-align: right;
direction: rtl;
position: fixed;
z-index: 2000 !important;
padding-top: 50px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: black;
background-color: rgba(0, 0, 0, 0.4);
}
.layout-navbar-fixed .wrapper .content-wrapper {
margin-top: 0px !important;
}
body:not(.sidebar-mini-md) .content-wrapper,
body:not(.sidebar-mini-md) .main-footer,
body:not(.sidebar-mini-md) .main-header {
margin-right: 0px !important;
}
</style>
</head>
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed ">
<div class="wrapper">
@include('layouts.header')
<!-- 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="https://rms.rmto.ir/logout" method="POST">
<input type="hidden" name="_token" value="UXFqJ6ugQ2CgaTbUp70tHF8k61tkt8i6eAaNUai9"> </form>
</div>
<style>
.tablepopup {
border: 1px solid #dee2e6;
margin-top: 41px;
}
</style>
</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" id="page-row">
<div class="col-sm-12">
<div class="show-main">
<div id="abrar-edit-card" class="card card-primary card-outline" style="width: 100%;">
<div class="card-header">
<h3 class="card-title">
نمایش جزئیات پروژه
</h3>
{{-- <div style="direction: ltr; float: left;">
<select class="star-rating">
<option value="">Select a rating</option>
<option value="3">Excellent</option>
<option value="2">Average</option>
<option value="1">Poor</option>
</select>
</div> --}}
</div>
<div class="card-body">
<div class="row">
<div class="col-md-5">
<div class="row" style="font-size: 12px;">
<div class="col-md-12 mb-3" id="cardprev">
<p><span class="showlabel">اداره کل </span><span id="province">
</span></p>
<p><span class="showlabel"> شهرستان </span><span id="town">
</span></p>
<p><span class="showlabel"> نوع پروژه </span><span
id="projecttypee"> </span></p>
<p><span class="showlabel"> عنوان پروژه </span><span
id="projectName"> </span></p>
<p><span class="showlabel"> نام محور </span><span id="axisName">
</span></p>
<p><span class="showlabel"> نوع محور </span><span id="axisType">
</span></p>
<p><span class="showlabel"> آخرین وضعیت پروژه </span><span
id="projectstatus">
</span></p>
<p><span class="showlabel"> آخرین تاریخ بروزرسانی </span><span
id="lastupdated">
</span></p>
<p><span class="showlabel"> تاریخ ثبت در سامانه </span><span
id="contractdate"> </span>
</p>
<p><span class="showlabel"> پیمانکار </span><span
id="contractor"> </span></p>
<p><span class="showlabel"> سال شروع </span><span
id="startDate"> </span></p>
<p style="display: flex"><span class="showlabel"> نوع
عملیات</span></p>
<div class="col-sm-6" id="showdistance" style="">
</div>
<p id="titleupdate" style="display: none"><span
class="showlabel"> آخرین وضعیت بروزرسانی</span></p>
<div class="col-sm-6" id="showtable" style="">
</div>
<!-- <div class="row">
<div class="col-sm-3">
<div class="form-group">
<label> اداره کل </label>
<input type="text" class="form-control"
name="abrar-province-name" id="province">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label> نام محور </label>
<input type="text" class="form-control" name="abrar-province-name" id="axisName">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label> نوع محور </label>
<input type="text" class="form-control" name="abrar-city-name" id="axisType">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label> عنوان پروژه </label>
<input type="text" class="form-control"
name="abrar-axis-name" id="projectName">
</div>
</div>
</div> -->
<!-- <div class="row">
<div class="col-sm-3">
<div class="form-group">
<label> نام پیمانکار </label>
<input type="text" class="form-control" name="abrar-axis-length" id="contractor">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label> سال شروع </label>
<input type="text" class="form-control" name="abrar-axis-name" id="startDate">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label> شهرستان </label>
<input type="text" class="form-control"
name="abrar-city-name" id="town">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<button class="btn btn-success btn-sm" id="image-show" style="background-color: #f638dc; margin-top: 35px;">
</i><i class="fa fa-image" style="font-size: 16px; vertical-align: middle;"></i>
<span style="font-size: 14px;"><b>نمایش تصاویر</b></span>
</button>
</div>
</div>
</div> -->
<!-- <div class="row" >
<div class="col-sm-6" id="showtable">
</div>
</div> -->
</div>
</div>
</div>
<div class="col-md-7">
<div class="row">
<div class="col-md-12 mb-3">
<div class="abrar-map-layout">
<span class="abrar-map-title d-inline">موقعیت مکانی پروژه
همراه قرارگیری اکیپ
</span>
<div id="abrar-map"></div>
<div class="row map-latlng-input-row">
<div class="col-md-12">
<div class="form-group map-latlng-form">
<label
class="required-label d-block text-center map-latlng-label">
ثبت دستی
مختصات
</label>
<input name="abrar-project-latlng-start"
type="text"
class="form-control input-cord map-latlng-input map-latlng-first-input"
data-inputmask="'mask': '(99.999999) - (99.999999)'"
data-mask
placeholder="(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)">
</div>
<div class="form-group">
<input name="abrar-project-latlng-end"
type="text"
class="form-control input-cord map-latlng-input map-latlng-sec-input"
data-inputmask="'mask': '(99.999999) - (99.999999)'"
data-mask
placeholder="(پایان) => (طول جغرافیایی) - (عرض جغرافیایی)">
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 mb-3"
style="display: contents;flex-direction: row;"
id="imagelistshown">
<!-- <div onclick="showimagealert(1)">
<img class="imageshowrow"
src="https://rms.rmto.ir/storage/road_upgrade_safety/img8_image-2_49_1599904906_تعمیرات گاردریل دالکی1.jpeg">
</div>
<div onclick="showimagealert(2)">
<img class="imageshowrow"
src="https://rms.rmto.ir/storage/road_upgrade_safety/img8_image-2_49_1599904906_تعمیرات گاردریل دالکی1.jpeg">
</div>
<div onclick="showimagealert(3)">
<img class="imageshowrow"
src="https://rms.rmto.ir/storage/road_upgrade_safety/img8_image-2_49_1599904906_تعمیرات گاردریل دالکی1.jpeg">
</div>
<div onclick="showimagealert(4)">
<img class="imageshowrow"
src="https://rms.rmto.ir/storage/road_upgrade_safety/img8_image-2_49_1599904906_تعمیرات گاردریل دالکی1.jpeg">
</div>
<div onclick="showimagealert(5)">
<img class="imageshowrow"
src="https://rms.rmto.ir/storage/road_upgrade_safety/img8_image-2_49_1599904906_تعمیرات گاردریل دالکی1.jpeg">
</div>
<div onclick="showimagealert(6)">
<img class="imageshowrow"
src="https://rms.rmto.ir/storage/road_upgrade_safety/img8_image-2_49_1599904906_تعمیرات گاردریل دالکی1.jpeg">
</div>
<div onclick="showimagealert(7)">
<img class="imageshowrow"
src="https://rms.rmto.ir/storage/road_upgrade_safety/img8_image-2_49_1599904906_تعمیرات گاردریل دالکی1.jpeg">
</div>
<div onclick="showimagealert(8)">
<img class="imageshowrow"
src="https://rms.rmto.ir/storage/road_upgrade_safety/img8_image-2_49_1599904906_تعمیرات گاردریل دالکی1.jpeg">
</div> -->
</div>
<!-- <div class="col-md-12">
<div class="row">
<div class="col-sm-12">
<div class="form-group">
<label class="required-label"> نقطه شروع پروژه: </label>
<input name="abrar-project-latlng-start" type="text" class="form-control input-cord"
data-inputmask="'mask': '(99.9999999999) - (99.9999999999)'" data-mask
placeholder="(طول جغرافیایی) - (عرض جغرافیایی)">
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label class="required-label"> نقطه پایان پروژه: </label>
<input name="abrar-project-latlng-end" type="text" class="form-control input-cord"
data-inputmask="'mask': '(99.9999999999) - (99.9999999999)'" data-mask
placeholder="(طول جغرافیایی) - (عرض جغرافیایی)">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="required-label"> طول پروژه (کیلومتر): </label>
<input name="abrar-project-length" type="number" class="form-control"
placeholder="کیلومتر" disabled min="0">
</div>
</div>
<div class="col-sm-12 text-center">
<button type="button" class="btn btn-success map-btn"> ثبت نقاط روی نقشه </button>
<button type="button" class="btn btn-warning map-btn" disabled> بازگشت به نقطه شروع
</button>
</div>
</div>
</div> -->
</div>
<div class="row" style="float: left; margin-top: 63px;">
<button class="btn btn-success btn-lg"
onclick="printbama()">پرینت</button>
</div>
</div>
</div>
</div>
<!-- /.card-body -->
</div>
</div>
</div>
</div>
</div>
<!-- Slider Modal -->
<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>
<!-- End Slider Modal -->
<div class="modal fade" id="bamaPreviewModal">
<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>نوع محور:</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-town"></span> </td>
<td> <span id="preview-template-project-type"></span> </td>
<td> <span id="preview-template-project-name"></span> </td>
<td> <span id="preview-template-axis-name"></span> </td>
<td> <span id="preview-template-axis-type"></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>آخرین وضعیت پروژه:</th>
<th>آخرین تاریخ بروزرسانی:</th>
<th>تاریخ ثبت در سامانه:</th>
<th>پیمانکار:</th>
<th>سال شروع:</th>
</tr>
<tr class="section-preview-1-data"
style="font-size: 10px; font-weight: 400;">
<td> <span id="preview-template-last-status"></span> </td>
<td> <span id="preview-template-last-update"></span> </td>
<td> <span id="preview-template-submit-date"></span> </td>
<td> <span id="preview-template-contractor"></span> </td>
<td> <span id="preview-template-start-date"></span> </td>
</tr>
</table>
</div>
</div>
<div class="row justify-content-end">
<div class="col-5">
<div class="abrar-map-layout">
<span class="abrar-map-title d-inline">موقعیت مکانی پروژه
همراه قرارگیری اکیپ
</span>
<div id="abrar-map2"></div>
<div class="row map-latlng-input-row">
<div class="col-md-12">
<div class="form-group map-latlng-form">
<label
class="required-label d-block text-center map-latlng-label">
ثبت دستی
مختصات
</label>
<input name="abrar-project-latlng-start" type="text"
class="form-control input-cord map-latlng-input map-latlng-first-input"
data-inputmask="'mask': '(99.999999) - (99.999999)'"
data-mask
placeholder="(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)">
</div>
<div class="form-group">
<input name="abrar-project-latlng-end" type="text"
class="form-control input-cord map-latlng-input map-latlng-sec-input"
data-inputmask="'mask': '(99.999999) - (99.999999)'"
data-mask
placeholder="(پایان) => (طول جغرافیایی) - (عرض جغرافیایی)">
</div>
</div>
</div>
</div>
</div>
<div class="col-7" id="imagelistshown2">
<div class="row imagelistshown2edit">
</div>
</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 class="row">
<div class="template-section col-6" style="overflow: hidden;">
<div class="section-title">نوع عملیات</div>
<div class="section-table" id="section-distance">
</div>
</div>
<div class="template-section col-6" style="overflow: hidden;">
<div class="section-title">آخرین وضعیت بروزرسانی</div>
<div class="section-table" id="section-update">
</div>
</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>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
</div>
@include('layouts.footer')
<!-- ./wrapper -->
<!-- REQUIRED SCRIPTS -->
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- InputMask -->
<script src="../plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
<!-- Leaflet -->
<script src="../dist/js/leaflet.js"></script>
<!-- Leaflet Routing Machine js -->
<script src="../dist/js/leaflet-routing-machine.js"></script>
<script src="../plugins/sweetalert2/sweetalert2.all.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="../dist/js/jszip.min.js"></script>
<!-- Persian Datepicker -->
<script src="../plugins/moment/moment.min.js"></script>
<script src="../dist/js/jalali-moment.browser.js"></script>
<script src="../dist/js/persian-date.min.js"></script>
<script src="../dist/js/persian-datepicker.min.js"></script>
<script src="../dist/js/persian-datepicker.min.js"></script>
{{-- star rating --}}
<script src="../plugins/simpleStar/dist/star-rating.min.js"></script>
<!-- Bootstrap slider -->
<script src="../plugins/bootstrap-slider/bootstrap-slider.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
<script src="../dist/js/jquery.print.min.js"></script>
<!-- Page Script -->
<!-- <script src="../dist/js/road-maintenance-report.js?v=0.13"></script> -->
<script src="../plugins/chart.js/Chart.min.js"></script>
<!-- <script src="../dist/js/waypoints.min.js"></script> -->
{{-- <script src="../dist/js/jquery.counterup.min.js"></script>
<script src="../dist/js/jquery.paginate.js"></script> --}}
<script src="../dist/js/showbamatotalreport.js?v=3.5"></script>
</body>
</html>