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

308 lines
9.1 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="csrf-token" content="{{ csrf_token() }}">
<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="../plugins/bootstrap-slider/css/bootstrap-slider.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;
}
th {
font-size: 13px;
}
td {
font-size: 14px;
}
button.btn {
font-size: 12px;
width: 78px;
background-color: #007bff
}
button.btn:hover {
font-size: 12px;
width: 78px;
background-color: #007bff
}
.btn-success {
color: #ffffff;
background-color: #007bff;
border-color: #007bff;
box-shadow: none;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0 #007bff;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
color: #ffffff;
background-color: #007bff;
border-color: #007bff;
}
.slider-selection,
.slider-handle,
.slider-tick.in-selection {
background: #007bff !important;
}
i {
font-size: 10px;
}
.starter-loader-container {
display: none;
justify-content: center;
align-items: center;
position: fixed;
right: 0;
left: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 1051;
}
.rahdari-main {
margin-top: 96px;
padding: 0 10px
}
.change-main {
margin-top: 36px;
padding: 0 10px;
}
.find-date {
margin-top: 4px;
}
label {
font-size: 0.8rem;
font-weight: 500 !important;
color: rgba(0, 0, 0, 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 {
position: absolute;
top: 73%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0;
}
.file-input-modal-container {
width: 100%;
}
.file-input-modal {
justify-content: center;
font-size: 11px;
display: flex;
align-items: center;
width: 100%;
height: 53px;
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;
}
</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>
<button class="responsiveTopMenuBtn hovercoridor " onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
<img src="../dist/images/icons/logout.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="rahdari-main">
<div class="card">
<div class="card-header">
<h3 class="card-title">
آخرین وضعیت پروژه های نگهداری راههای استان
</h3>
</div>
<div class="card-body table-responsive p-2" style="margin-top: 16px;">
<table class="table table-striped table-bordered projects" id="example">
<thead>
<tr>
<th style="width: 2%;"> ردیف </th>
<th style="width: 10%"> محور </th>
<th style="width: 2%;"> محور </th>
<th style="width: 9%"> عنوان پروژه </th>
<th style="width: 5%;"> اداره کل </th>
<th style="width: 5%;"> شهرستان </th>
<th style="width: 5%;"> پیمانکار </th>
<th style="width: 5%;"> مشاور </th>
<th style="width: 5%; font-size: 12px;white-space: nowrap;"> مبلغ قرارداد <small>(میلیارد ریال)</small></th>
<th style="width: 4%;">به روز رسانی </th>
</tr>
</thead>
</table>
</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="../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>
<!-- Moment.js -->
<script src="../plugins/moment/moment.min.js"></script>
<script src="../dist/js/jalali-moment.browser.js"></script>
<script src="../plugins/bootstrap-slider/bootstrap-slider.min.js"></script>
<!-- Page Script -->
<script src="../dist/js/rahdari-file.js"></script>
</body>
</html>