<!DOCTYPE html>
<html lang="fa" direction="rtl"></html>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<head>
	<style>
		.center {
			text-align: center;
		}
		.text-white {
			color: white;
		}
		.stimol td,
		.stimol th {
			border: 1px solid black;
		}
		.item {
			height: 40px;
		}
		.det tr	{
			height: 40px;
		}
	</style>
</head>
<body style="direction:rtl; width:100%">
	<div class="block-content pt-1 pb-3 d-none d-sm-block">
		<div class="c-print container-xl">
			<div class="tg-wrap" style="width:100%; border:1px solid black;border-radius: 8px;">
				<table class="rounded" style="width:100%;">
					<thead>
						<tr>
							<td style="width:20%">
								<img src="{{ "/api/avatar/get/file/" ~ bid.avatar}}" width="65"/>
							</td>
							<td style="width:60%; text-align:center">
								<h3 class="">{{ bid.name }}</h3>
								<br/>
								<h4 class="">رسید تحویل کالا</h4>
							</td>
							<td style="width:20%">
								<h4>
									<b>تاریخ:</b>
									{{ doc.date }}</h4>
								<br/>
								<h4>
									<b>شماره:</b>
									{{ doc.code }}</h4>

							</td>
						</tr>
						<tr>
							<td style="width:100%" colspan="3">
								<p>
									<b>آدرس:
									</b>
									استان
									{{ bid.ostan }}، شهر
									{{ bid.shahrestan }}،
									{{ bid.address }}
								</p>
							<p>
							<b>تلفن تماس:</b>{{ bid.tel }}
							</p>
							</td>
						</tr>
					</thead>
				</table>
			</div>
			<div style="width:100%; border:1px solid black;border-radius: 8px;margin-top:5px;text-align:center;">
				<div class="tg-wrap" style="width:100%;border-radius: 8px 8px 0px 0px;text-align:center;background-color:gray">
					<b style="color:white;">مشتری</b>
				</div>
				<table style="width:100%;">
					<tbody>
						<tr style="text-align:center;">
							<td class="">
								<p>
									<b>نام:
									</b>
									{{ doc.person.nikename }}
								</p>
							</td>
							<td class="center">
								<p>
									<b>تلفن همراه</b>
									{{  doc.person.mobile }}
								</p>
							</td>
						</tr>
						<tr>
							<td class="" colspan="2">
								<p>
									<b>آدرس:
									</b>
									{{ doc.person.address }}
								</p>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div style="width:100%; border:1px solid black;border-radius: 8px;margin-top:5px;text-align:center;">
				<div class="tg-wrap" style="width:100%;border-radius: 8px 8px 0px 0px;text-align:center;background-color:gray">
					<b style="color:white;">اطلاعات</b>
				</div>
				<table style="width:100%;">
					<tbody class="det">
						<tr style="text-align:center;">
							<td class="">
								<p>
									<b>نام کالا:
									</b>
									{{ doc.commodity.name }}
								</p>
							</td>
							<td class="center">
								<p>
									<b> مدل:
									</b>
									{{ doc.model }}
								</p>
							</td>
							<td class="center">
								<p>
									<b> رنگ:
									</b>
									{{ doc.color }}
								</p>
							</td>
							<td class="center">
								<p>
									<b> سریال:
									</b>
									{{ doc.serial }}
								</p>
							</td>
							<td class="center">
								<p>
									<b> پلاک:
									</b>
									{{ doc.pelak }}
								</p>
							</td>
						</tr>
						<tr>
							<td class="" colspan="4">
								<p>
									<b>شرح:
									</b>
									{{ doc.des }}
								</p>
							</td>
							<td class="" colspan="1">
								<p>
									<b>متعلقات:
									</b>
									{{ doc.motaleghat }}
								</p>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div style="width:40%;margin-top:20px;text-align:center;float:left;">
				<table style="width:100%;">
					<tbody>
						<tr class="">
							<td class="center" style="height:90px">
								<h4>
									مهر و امضا تحویل گیرنده
									<br>
									<b>{{ doc.submitter.fullname }}</b>
									<br>
									<img src="{{ "/api/seal/get/file/" ~ bid.sealFile}}" width="80"/>
								</h4>
							</td>
						</tr>
					</tbody>
				</table>
			</div>

			<div style="width:60%;margin-top:5px;text-align:left;float:right;">
				<table style="width:100%;">
					<tbody>
						<tr class="">
							<td class="" style="">
								{{ printOptions.repserviceNoteString}}
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</body>
</body>

</html>
