{% extends 'blank.html.twig' %}

{% block title %}
	مشاهده قبض تعمیرات
{% endblock %}

{% block body %}
	<main
		id="main-container">
		<!-- Hero -->
		<div class="bg-body-light d-print-none">
			<div class="content content-full">
				<div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
					<h2 class="flex-grow-1 fs-3 fw-semibold my-2 my-sm-3">
						مشاهده قبض تعمیرات
					</h2>
					<a class="btn btn-alt-primary my-2" href="{{twigFunctions.getStaticData('system', 'appUrl')}}">
						<i class="fa fa-fw fa-door-open me-1"></i>
						ورود به
						{{twigFunctions.getStaticData('system', 'appName')}}
					</a>
				</div>
			</div>
		</div>
		<!-- END Hero -->

		<!-- Page Content -->
		<div
			class="content content-boxed">
			<!-- Invoice -->
			<div class="block block-rounded">
				<div class="block-header block-header-default">
					<h3 class="block-title">
						شماره قبض:
						<span class="text-primary">
							{{order.code}}
						</span>
					</h3>
					<div
						class="block-options">
						<!-- Print Page functionality is initialized dmPrint() -->
						<button class="btn btn-sm btn-alt-secondary me-3" onclick="Dashmix.helpers('dm-print');" type="button">
							<i class="si si-printer me-1"></i>
							چاپ قبض
						</button>
					</div>
				</div>
				<div class="block-content">
					<div
						class="p-sm-2 p-xl-1">
						<!-- Invoice Info -->
						<div
							class="row mb-5">
							<!-- Company Info -->
							<div class="col-6">
								<p class="h3">
									{{bid.type}}
									:
									{{bid.name}}
								</p>
								<address>آدرس :
																																																													استان
									{{bid.ostan}}
									شهرستان
									{{bid.shahrestan}}
									{{bid.address}}

								</address>
								<div>
									کد پستی:
									{{bid.postalcode}}
								</div>
								<div>
									تلفن :
									{{bid.tel}}
								</div>
								<div>
									موبایل :
									{{bid.mobile}}
								</div>
							</div>
							<!-- END Company Info -->

							<!-- Client Info -->
							<div class="col-6 text-end">
								<p class="h3">مشتری:
									{{ person.nikename }}
								</p>
								<address>آدرس :
																																											استان
									{{person.ostan}}
									شهرستان
									{{person.shahr}}
									{{person.address}}

								</address>
								<div>
									کد پستی:
									{{person.postalcode}}
								</div>
								<div>
									تلفن :
									{{person.tel}}
								</div>
								<div>
									موبایل :
									{{person.mobile}}
								</div>
							</div>
							<!-- END Client Info -->
						</div>
						<!-- END Invoice Info -->
						<table class="table table-striped table-hover table-borderless table-vcenter">
							<tbody>
								<tr>
									<td>
										<div class="d-sm-flex">
											<div class="ms-sm-2 me-sm-4 py-3">
												<a class="item item-rounded bg-body-dark text-dark fs-2 mb-2 mx-auto" href="javascript:void(0)">
													<i class="fa fa-fw fa-box"></i>
												</a>
											</div>
											<div class="py-3">
												<a class="link-fx h4 mb-1 d-inline-block text-dark" href="#">{{ order.commodity.name}}</a>
												<div class="fs-sm fw-semibold text-muted mb-2">
													تاریخ:
													{{order.date}}</div>
												<div class="fs-sm fw-semibold text-muted mb-2">
													تاریخ تحویل:
													{{order.dateOut}}</div>
												<p class="text-muted mb-2">
													شرح:
													{{order.des}}
												</p>
												<p class="text-muted mb-2">
													مدل:
													{{order.model}}
												</p>
												<p class="text-muted mb-2">
													رنگ:
													{{order.color}}
												</p>
												<p class="text-muted mb-2">
													متعلقات:
													{{order.motaleghat}}
												</p>
												<p class="text-muted mb-2">
													سریال:
													{{order.serial}}
												</p>
												<p class="text-muted mb-2">
													پلاک:
													{{order.pelak}}
												</p>
												<div>
													<span class="text-info">وضعیت</span>
													<span class="badge bg-success">{{order.state.label}}</span>
												</div>
											</div>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
						<!-- Footer -->
						<a href="{{twigFunctions.getStaticData('system', 'appUrl')}}" class="p-4 mb-3text-primary text-center my-5">
							{{twigFunctions.getStaticData('system', 'appName')}}
							<label class="text-muted">{{twigFunctions.getStaticData('system', 'appSlogan')}}</label>
						</a>
						<!-- END Footer -->
					</div>
				</div>
			</div>
			<!-- END Invoice -->
		</div>
		<!-- END Page Content -->
	</main>
{% endblock %}