162 lines
7.5 KiB
PHP
162 lines
7.5 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: #fff;
|
|
}
|
|
|
|
.letter-body {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.letter-body span {
|
|
color: crimson;
|
|
font-weight: 500;
|
|
font-size: 21px;
|
|
}
|
|
|
|
@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 mt-4">
|
|
<p class="letter-body" style="margin-bottom: unset">با توجه به اینکه آقا/خانم
|
|
<span>{{ $data['driver_name'] }}</span> در مورخ <span id="accident_date"></span> توسط وسیله نقلیه به
|
|
شماره انتظامی </p>
|
|
<div class="letter-body d-flex mr-3" style="direction: ltr; margin-bottom: unset;">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
<p class="letter-body"> در محور <span>{{ $data['axis_name'] }}</span> با تاسیسات و تجهیزات ایمنی منصوبه در
|
|
حاشیه راه برخورد داشته، فلذا خساراتی به شرح جدول ذیل وارد نموده است خواهشمند است نسبت به پرداخت خسارات
|
|
وارده و واریز به شماره شبا <span>{{ $account_data->account_id }}</span> با شناسه
|
|
<span>{{ $account_data->deposit_id }}</span> به نام اداره کل راهداری و حمل و نقل جاده ای
|
|
<span>{{ $data['province_fa'] }}</span> اقدام و از نتیجه، این اداره را مطلع نمایید.</p>
|
|
</div>
|
|
<table class="table table-bordered table-stripped table-secondary mt-5">
|
|
<thead>
|
|
<tr>
|
|
<th class="text-center">ردیف</th>
|
|
<th class="text-center">عنوان خسارت</th>
|
|
<th class="text-center">واحد</th>
|
|
<th class="text-center">میزان خسارت</th>
|
|
<th class="text-center">قیمت کل (ریال)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="table_body"></tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th class="text-center" colspan="4">جمع کل (ریال)</th>
|
|
<th class="text-center">{{ number_format($data['sum']) }}</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
<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">
|
|
<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;
|
|
$(document).ready(function() {
|
|
$(".letter-body").find("#accident_date").text(moment(jsonServer.data.accident_date).format(
|
|
"jYYYY/jMM/jDD"));
|
|
const plaque = jsonServer.data.plaque.split("-");
|
|
$("#plaque1").text(plaque[0]);
|
|
$("#plaque2").text(plaque[1]);
|
|
$("#plaque3").text(plaque[2]);
|
|
$("#plaque4").text(plaque[3]);
|
|
let row_counter;
|
|
let i;
|
|
for (i = 0; i < damages.length; i++) {
|
|
row_counter = i + 1;
|
|
let table_row_content = `<tr>`;
|
|
table_row_content += `<td class="text-center">${row_counter}</td>`;
|
|
table_row_content += `<td class="text-center">${damages[i].title}</td>`;
|
|
table_row_content += `<td class="text-center">${damages[i].pivot.unit}</td>`;
|
|
table_row_content += `<td class="text-center">${damages[i].pivot.value}</td>`;
|
|
table_row_content +=
|
|
`<td class="text-center">${Number(damages[i].pivot.amount).toLocaleString('en')}</td>`;
|
|
table_row_content += `</tr>`;
|
|
$("#table_body").append(table_row_content);
|
|
}
|
|
row_counter = i + 1;
|
|
let table_row_content = `<tr>`;
|
|
table_row_content += `<td class="text-center">${row_counter}</td>`;
|
|
table_row_content += `<td class="text-center" colspan="3">اجرت نصب</td>`;
|
|
table_row_content +=
|
|
`<td class="text-center">${Number(jsonServer.data.ojrate_nasb).toLocaleString('en')}</td>`;
|
|
table_row_content += `</tr>`;
|
|
$("#table_body").append(table_row_content)
|
|
});
|
|
$(document).on("click", "#print", function() {
|
|
window.print();
|
|
});
|
|
</script>
|
|
|
|
</html>
|