Files
backend/resources/views/receipt/release_document.blade.php

137 lines
6.0 KiB
PHP

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<link rel="icon" href="{{ asset('dist/images/fav.ico') }}" type="image/ico" sizes="16x16">
<link rel="stylesheet" href="{{ asset('plugins/fontawesome-free/css/all.min.css') }}" />
<link rel="stylesheet" href="{{ asset('dist/css/adminlte.css') }}" />
<link rel="stylesheet" href="{{ asset('dist/css/fontiran.css') }}" />
<title>آزاد سازی مدارک</title>
<style>
body {
background-image: url("/dist/images/pattern-poster.jpg");
background-size: cover;
width: 100%;
}
.letter-body {
font-size: 20px;
}
.letter-body span {
color: crimson;
font-weight: 500;
font-size: 23px;
}
@media print {
#print {
display: none;
}
}
</style>
<script>
var jsonServer = {
data: @json($data)
}
</script>
</head>
<body>
<div id="take_print" class="container">
<div class="header-box row mb-3 mt-3 align-items-center justify-content-between">
<div class="text-left px-3"><img class="logo" src="/word-icons/rahdari.png"></div>
<div class="align-items-center">
<p class="text-center text-nowrap mb-0" style="font-size: 14px; font-weight: 500; color: #959595;">باسمه
تعالی</p>
<p class="text-center text-nowrap mb-1" style="font-size: 14px; font-weight: 500; color: #959595;">
جمهوری اسلامی ایران</p>
<p class="text-center text-nowrap mb-1" style="font-size: 17px; font-weight: 500;">وزارت راه و شهرسازی
</p>
<p class="text-center text-nowrap mb-1" style="font-size: 17px; font-weight: 500;">سازمان راهداری و حمل
و نقل جاده ای</p>
<p class="text-center text-nowrap mb-1" style="font-size: 17px; font-weight: 500;">اداره کل راهداری و
حمل و نقل جاده ای <span>{{ $data['province_fa'] }}</span></p>
</div>
<div>
<div class="d-flex">
<p class="ml-2">شماره:</p>
<p>..............</p>
</div>
<div class="d-flex">
<p class="ml-2">تاریخ:</p>
<p>..............</p>
</div>
<p>پیوست:</p>
</div>
</div>
<hr>
<div>
<h5 class="mb-2">پاسگاه پلیس راه/فرماندهی انتظامی</h5>
<h5>موضوع: آزاد سازی مدارک</h5>
<h4 class="mb-2 mt-3">با سلام و احترام</h4>
<div class="d-flex" style="text-align: justify;">
<p class="letter-body">با توجه به اینکه آقا/خانم <span>{{ $data['driver_name'] }}</span> در مورخ <span
id="accident_date"></span> توسط وسیله نقلیه به شماره انتظامی <span>
<span class="letter-body" style="direction: ltr; margin-bottom: unset;display: inline-flex;">
<span class="mr-1 empty-data-all" id="plaque1"></span>
<span class="mr-1 empty-data-all" id="plaque2"></span>
<span class="mr-1 empty-data-all" id="plaque3"></span>
<span>-</span>
<span class="mr-1 empty-data-all" id="plaque4"></span>
</span>
</span>
در محور <span>{{ $data['axis_name'] }}</span> <span
style="color: #212529;font-size: 19px;font-weight: 400;" id="report_type"> (موضوع شماره
کروکی/نامه
<span>{{ $data['police_serial'] }}</span> مورخ <span id="police_file_date"></span> )</span>،
نسبت به
جبران خسارات
وارده به تجهیزات این اداره اقدام نموده است. فلذا استرداد مدارک نامبرده از نظر این اداره بلامانع
می باشد.
</p>
</div>
</div>
<div class="d-flex flex-column mt-5">
<div class="col-4 mr-auto">
<h6 class="text-center"> رئیس اداره راهداری و حمل و نقل جاده ای </h6>
<h6 class="text-center">شهرستان {{ $data['city_fa'] }}</h6>
</div>
</div>
</div>
<div class="d-flex justify-content-center align-items-center mt-5">
<button class="btn btn-primary" id="print">پرینت</button>
</div>
</body>
<script src="{{ asset('plugins/jquery/jquery.min.js') }}"></script>
<script src="{{ asset('plugins/moment/moment.min.js') }}"></script>
<script src="{{ asset('dist/js/jalali-moment.browser.js') }}"></script>
<script>
const damages = jsonServer.data.damages;
console.log(jsonServer.data);
$(document).ready(function() {
$(".letter-body").find("#accident_date").text(moment(jsonServer.data.accident_date).format(
"jYYYY/jMM/jDD"));
if (jsonServer.data.police_file_date != null) {
$(".letter-body").find("#police_file_date").text(moment(jsonServer.data.police_file_date).format(
"jYYYY/jMM/jDD"));
} else {
$("#report_type").text("(بازدید عوامل و کارشناسان راهداری)");
}
const plaque = jsonServer.data.plaque.split("-");
$("#plaque1").text(plaque[0]);
$("#plaque2").text(plaque[1]);
$("#plaque3").text(plaque[2]);
$("#plaque4").text(plaque[3]);
});
$(document).on("click", "#print", function() {
window.print();
});
</script>
</html>