@extends('layouts.print', ['title' => 'اعلامیه بستانکاری'])

@section('css')
<style type="text/css">
	@font-face {
		font-family: Vazir;
		src: url('/fonts/Vazir-FD.eot');
		src: url('/fonts/Vazir-FD.eot?#iefix') format('embedded-opentype'),
			url('/fonts/Vazir-FD.woff') format('woff'),
			url('/fonts/Vazir-FD.ttf') format('truetype');
		font-weight: normal;
	}

	@font-face {
		font-family: Vazir;
		src: url('/fonts/Vazir-Bold-FD.eot');
		src: url('/fonts/Vazir-Bold-FD.eot?#iefix') format('embedded-opentype'),
			url('/fonts/Vazir-Bold-FD.woff') format('woff'),
			url('/fonts/Vazir-Bold-FD.ttf') format('truetype');
		font-weight: bold;
	}

	@font-face {
		font-family: Vazir;
		src: url('/fonts/Vazir-Light-FD.eot');
		src: url('/fonts/Vazir-Light-FD.eot?#iefix') format('embedded-opentype'),
			url('/fonts/Vazir-Light-FD.woff') format('woff'),
			url('/fonts/Vazir-Light-FD.ttf') format('truetype');
		font-weight: 300;
	}

	body {
		font-family: 'Vazir', sans-serif;
		background-color: white;
	}

	.print_land {
		width: 29.7cm !important;
		/* height: 21cm; */
		font-weight: 600;
	}

	.print {
		width: 800px;
		margin: 0px auto;
	}

	.print_header {
		padding: 5px 0px 5px;
	}

	.print_header_right,
	.print_header_center,
	.print_header_left {
		float: right;
		width: 33%;
		margin: 0px;
		padding: 0px;
	}

	.print_header_right {
		text-align: right;
		padding-top: 6px;
	}

	.print_header_center {
		font-size: 18px;
		text-align: center;

	}

	.print_header_left {
		text-align: right;
		padding-right: 30px;
		padding-top: 6px;
		width: 34% !important;
	}

	.print_main {
		border: 2px solid black;
	}

	.print_main table {}

	.print_footer {
		padding: 10px;
	}

	.footer_phone {
		border-top: 2px solid black;
		padding: 10px;
	}

	.tb1 {
		border-collapse: collapse;
		margin: 0px !important;
	}

	.tb1,
	.tb1 th,
	.tb1 td {
		border: 2px solid black;
		border-left: none;
	}

	.tb2 {
		border-top: none;
	}

	.tb3 {
		border-collapse: collapse;
		margin: 50px;
	}

	.tb3 td {
		border: 2px solid black;
	}

	.tb3 tr:first-child td {
		border-top: 0;
	}

	.tb3 tr td:first-child {
		border-left: 0;
	}

	.tb3 tr:last-child td {
		border-bottom: 0;
	}

	.tb3 tr td:last-child {
		border-right: 0;
	}

	.tb1 td,
	.tb1 th {
		padding: 5px 5px;
	}

	.miniBox {
		display: inline-block;
		width: 10px;
		height: 10px;
		border: 1px solid black;
	}

	.fillBox {
		border: 5px solid black;
	}

	.td_parts_header {
		border-bottom: 1px solid #000;
		padding: 5px;
		text-align: center;
		font-weight: bold;
		font-size: 9pt;
	}

	.tr_padding td {
		padding: 8px 10px 0px;
	}

	.clearbox {
		display: inline-block;
	}

	.clearbox::after {
		clear: both;
	}

	.numberBox {
		float: left;
		border: 1px solid black;
		padding: 2px;
		margin: 0 1px;
		line-height: 1;
		font-weight: normal;
		min-width: 16px;
		min-height: 19px;
		text-align: center;
	}

	.pTableHeader th {
		font-size: 7pt;
		text-align: center;
	}

	.pTableRows td {
		text-align: center;
	}

	.blackhd {
		vertical-align: bottom;
		width: 40px;
		text-align: center;
		padding: 0;
	}

	.vert {
		display: inline-block;
		color: #000;
		font-size: 8pt;
		writing-mode: vertical-lr;
		-ms-writing-mode: tb-rl;
		transform-origin: center;
		transform: rotate(180deg);

		padding-top: 0px;
		padding-bottom: 7px;
	}

	.col {
		float: right;
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.flex {
		display: flex;
		flex-direction: row;
		align-items: stretch;
		gap: 10px;
	}

	.header-part-item {
		border: 2px solid black;
		padding: 10px;
		margin-bottom: 5px;
	}

	.header-part-left {
		min-width: 190px;
	}

	.mtable {
		width: 100%;
		font-size: 9pt;
		border-collapse: collapse;
	}

	.mtable,
	td,
	th {
		border: 2px solid black;
		padding: 5px;
	}

	.inside-table td:first-child {
		border-top: none;
	}
</style>

@stop

@section('content')

<div class="print print_land">


	<div style="text-align: center;font-size: 2.2rem">
		اعلامیه بستانکاری
	</div>


	<div class="header-boxes">

		<div class="flex">
			<div class="vert header-part-item text-center">
				فروشنده
			</div>
			<div class="header-part-item " style="flex: initial;width: 100%;">

				<div class="row">
					<div class="col">
						<b>نام شخص حقیقی/حقوقی:</b> {{ $setting->offinvo_name }}
					</div>
					<div class="col">
						<b>شماره اقتصادی:</b> {{ $setting->offinvo_encnum }}
					</div>
					<div class="col">
						<b>شماره ثبت:</b> {{ $setting->offinvo_regnum }}
					</div>
					<div class="col">
						<b>شناسه ملی:</b> {{ $setting->offinvo_nationalcode }}
					</div>
				</div>

				<div class="row">
					<div class="col">
						<b>نشانی:</b> {{ $setting->offinvo_provice }}، {{ $setting->offinvo_city }}،
						{{ $item->hidden_address == 0 ? $setting->offinvo_address : '' }}
					</div>
					<div class="col">
						<b>کدپستی:</b>
						{{ $setting->offinvo_zipcode }}
					</div>
					<div class="col">
						<b>نمابر/تلفن:</b> {{ $item->hidden_phone == 0 ? $setting->offinvo_phone : '' }}

					</div>
				</div>


			</div>

		</div>

		<div class="flex">
			<div class="header-part-item  vert text-center">
				خریدار
			</div>
			<div class="header-part-item " style="flex: initial;width: 100%;">

				@if($item->request_legal == "1")

				<div class="row">
					<div class="col">
						<b>نام شخص حقیقی/حقوقی:</b> {{ $item->company }}
					</div>
					<div class="col">
						<b>شماره اقتصادی:</b>
					</div>
					<div class="col">
						<b>شماره ثبت/شناسه ملی:</b> {{ $item->regOrNational }}
					</div>
					<div class="col">

					</div>
				</div>
				<div class="row">
					<div class="col">
						<b>نشانی:</b> {{ $item->company_province }}، {{ $item->company_city }}،
						{{ $item->company_address }}
					</div>
					<div class="col">
						<b>کدپستی:</b> {{ $item->company_zipcode }}
					</div>
					<div class="col">
						<b>نمابر/تلفن:</b> {{ $item->company_phone != '' ? $item->company_phone : $item->mobile }}
					</div>

				</div>


				@else
				<div class="row">
					<div class="col">
						<b>نام شخص حقیقی/حقوقی:</b> {{ $item->first_name . " " . $item->last_name }}
					</div>
					<div class="col">
						<b>شماره اقتصادی:</b> {{ $item->eco_code }}
					</div>
					<div class="col">
						<b>شماره ثبت/شناسه ملی:</b> {{ $item->pcode }}
					</div>
					<div class="col">

					</div>
				</div>
				<div class="row">
					<div class="col">
						<b>نشانی:</b> {{ $item->province }}، {{ $item->city }}،
						{{ $item->address . "، پلاک: " . $item->address_pelak . "، واحد: " . $item->address_unit }}

					</div>
					<div class="col">
						<b>کدپستی:</b> {{ $item->zipcode }}
					</div>
					<div class="col">
						<b>نمابر/تلفن:</b> {{ $item->mobile }}
					</div>
				</div>

				@endif

			</div>

		</div>

	</div>



	<div class="print_content">
		<table class="mtable ">
			<tr>
				<th colspan="3" style="text-align: center;">شرح عملیات</th>
			</tr>
			<tr class="pTableHeader">
				<th class="blackhd">
					ردیف
				</th>
				<th>
					شرح عملیات
				</th>

				<th>
					مبلغ (ریال)
				</th>

			</tr>
			@php
			$lastRowIndex = 0;
			@endphp
			@foreach( $credentials as $credential)

			<tr class="pTableRows">
				<td style="border-right: none;">{{ $loop->index + 1 }}</td>
				<td>{{ $credential->title }}</td>
				<td>{{ number_format( $credential->amount * 10, 0, '', ',') }}</td>
			</tr>
			@endforeach

			<tr>
				<td colspan="2">جمع کل</td>
				<td style="text-align: center;">{{ number_format( $credentials->sum('amount') * 10 ,0, '', ',') }}</td>

			</tr>

			<tr>
				<td colspan="3">
					<div class="row text-center">
						<div class="col-sm-6" style="border-left: 1px solid #000;">
							مهر و امضاء فروشنده
							<br />
							<div style="text-align: center">
								<img src="/imgs/elec-sign.jpg" width="150" alt="">
							</div>
						</div>
						<div class="col-sm-6">
							مهر و امضاء خریدار
							<br /><br /><br /><br />
						</div>
					</div>
				</td>
			</tr>
		</table>

	</div>
</div>
</div>

<script>
	// window.print(); 
</script>

@stop