@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;
		border-top: none;
	}

	.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;
	}


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

	.td_parts_header_right {
		border-right: 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;
	}
</style>

@stop

@section('content')

<div class="print print_land">


	<div style="text-align: center;font-size: 2.2rem">
		@if($item->status == 13 && $item->invoice_title != '')
		{{ $item->invoice_title }}
		@elseif($item->status == 6 || $item->status == 8 || $item->status == 10)
		پیش صورتحساب فروش کالا / خدمات
		@else
		{{ isset($incom) ? 'پیش' : '' }} صورتحساب فروش کالا و خدمات
		@endif
	</div>

	<div class="header-boxes">

		<div class="flex">
			<div class="vert header-part-item text-center">
				فروشنده
			</div>
			<div class="header-part-item " style="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 class="header-part-item header-part-left">
				شماره پیگیری: {{ $item->print_invoice_number }}
				<br>
				تاریخ: {{ $item->print_invoice_date}}
				<br>
				شماره فاکتور: {{ $item->print_official_invoice_number }}


			</div>
		</div>

		<div class="flex">
			<div class="header-part-item  vert text-center">
				خریدار
			</div>
			<div class="header-part-item " style="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 class="header-part-item header-part-left">
				شماره مالیاتی
				<br>
				سریال حافظه مالیاتی
				<br>
				سریال پایانه فروشگاهی
			</div>
		</div>

	</div>

	<div class="print_main">

		<div class="print_content">
			<table style="width:100%;font-size: 9pt;border-right: none;" class="tb1 tb3">

				<tr class="pTableHeader">
					<th class="blackhd" style="border-right: none;">
						<span class="vert">ردیف</span>
					</th>
					<th>کد کالا</th>
					<th>شرح کالا یا خدمت</th>
					<th>تعداد/
						<br>
						مقدار
					</th>
					<th>واحد
						<br>
						اندازه‌گیری
					</th>
					<th>مبلغ واحد
						(ریال)</th>
					<th>مبلغ کل
						(ریال)</th>
					<th>مبلغ تخفیف
						<br>
						(ریال)
					</th>
					<th>مبلغ کل
						<br>
						پس از تخفیف(ریال)
					</th>
					<th>جمع مالیات و عوارض
						<br>
						(ریال)
					</th>
					<th>جمع مبلغ کل به‌علاوه
						<br>
						جمع مالیات و عوارض (ریال)
					</th>
				</tr>
				@php
				$lastRowIndex = 0;
				@endphp
				@foreach( $item->ItemList as $item2)

				<tr class="pTableRows">
					<td style="border-right: none;">{{ $item2->rowIndex }}</td>
					<td>{{ $item->hidden_pcode == 0 ? 'P' . $item2->product_id : '' }}</td>
					<td>
						{{ $item2->title2 !='' ? $item2->title2 : $item2->title }}
						@if($item->hidden_options == 0)
						{{ $item2->options != '' ? " ($item2->options) " : '' }}
						@endif
						@if($item->hidden_serial == 0)
						<br />
						<small>{{ $item2->serial }}</small>
						@endif
						@if($item2->is_freesample == 1)
						(هدیه {{ $item2->freesample_percent }}٪ تخفیف)
						@endif
					</td>
					<td>{{ $item2->num }}</td>
					<td>{{ $item2->unitTitle }}</td>
					<td>{{ number_format( $item2->amount * 10, 0, '', ',') }}</td>
					<td>{{ number_format($item2->amount_num * 10 , 0, '', ',') }} </td>
					<td>{{ number_format($item2->discount_rial * 10 , 0, '', ',') }}</td>
					<td>{{ number_format($item2->amount_num * 10 , 0, '', ',') }}</td>
					<td>{{ number_format( $item2->tax * 10, 0, '', ',') }}</td>
					<td style="border-left: none;">{{ number_format( $item2->totalWithTax * 10, 0, '', ',') }}</td>
				</tr>
				@php
				$lastRowIndex = $item2->rowIndex;
				@endphp
				@endforeach

				<tr>
					<td colspan="6" style="border-right: none;">جمع کل</td>
					<td style="text-align: center;">{{ number_format( ($item->sum_amount ) * 10 ,0, '', ',') }}</td>
					<td style="text-align: center;">{{ number_format( ($item->sum_discount ) * 10 ,0, '', ',') }}</td>
					<td style="text-align: center;">{{ number_format( ($item->sum_amount ) * 10 ,0, '', ',') }}</td>
					<td style="text-align: center;">{{ number_format( ($item->sum_tax ) * 10 ,0, '', ',') }}</td>
					<td style="text-align: center;border-left: none;">
						{{ number_format( ($item->sum_totalWithTax ) * 10 ,0, '', ',') }}</td>
				</tr>


			</table>
			<table style="width:100%;border-right: none;border-bottom: none;" class="tb1 tb2">
				<tr>
					<td colspan="2" style="border-top: none; border-right: none; text-align: center;">
						اعتبار مالیاتی قابل استفاده توسط خریدار
					</td>
					<td colspan="2" style="border-top: none;">

					</td>

				</tr>
				<tr>
					<td style="vertical-align: top;font-size: 8pt; border: none;" colspan="3">
						توضیحات:
						@if(!$item->hidden_details)
						<span>{{ $item->off_invoice_details }}</span>
						@endif

					</td>
					<td style="border-top: none;border-bottom: none;">
						[بارکد مالیاتی]
					</td>
				</tr>
				<tr>
					<td style="vertical-align: top;font-size: 8pt;border-bottom: none;border-right: none;" colspan="2">
						@if(!$item->hidden_order_details)
						<b>اطلاعات سفارش</b>

						<div class="row">
							<div class="col-sm-6">
								تاریخ ثبت: {{ GetShamsiDateWithoutTime($item->order_at) }}
							</div>
							<div class="col-sm-6">
								روش پرداخت: {{ $item->payment_type_title }}
							</div>
						</div>
						@endif

						@if ( $item->is_installment == true && !$item->hidden_installment_details)
						<div style="border-top: 1px solid #000;margin-top: 5px; padding-top: 5px;">
							<div class="row">
								<div class="col-sm-6">
									نوع پرداخت: {{ $item->InstallmentRefundSetting->title }}
								</div>
								<div class="col-sm-6">
									مبلغ هر قسط:
									{{ number_format($item->installment_each_payment,0, '', ',') }} تومان
								</div>
								<div class="col-sm-6">
									پیش پرداخت:
									{{ number_format($item->installment_pre_payment,0, '', ',') }} تومان
								</div>
								<div class="col-sm-6">
									مانده قابل پرداخت:
									{{ number_format($item->total_mod_installment,0, '', ',') }} تومان
								</div>
								<div class="col-sm-6">
									تعداد اقساط: {{ $item->installment_months }}
								</div>
								<div class="col-sm-6">
									تاریخ سررسید آخرین قسط: {{ $item->next_installment_date }}
								</div>
							</div>
						</div>

						@endif


					</td>
					<td style="width:25%;border-bottom: none; text-align: center; ">
						<div style="min-height: 50px;">
							مهر و امضاء فروشنده
							<br />
							<div style="text-align: center">
								<img src="/imgs/elec-sign.jpg" width="150" alt="">
							</div>
						</div>
					</td>
					<td style="width:25%;border-bottom: none; text-align: center; ">
						<div style="min-height: 50px;">
							مهر و امضاء خریدار

						</div>

					</td>
				</tr>
			</table>
		</div>
	</div>
</div>

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

@stop