@extends('main')
@section('styles')
	<style media="screen">
	b, optgroup, strong {
		font-weight: 300;
	}
</style>
@endsection
@section('content')
	<div class="breadcrumbs">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<ul>
						<li class="home">
							<a href="{{ Route('site.home.page') }}">{{ __('Home') }} <span>/</span></a>
						</li>
						<li>
							<a href="{{ Route('view.account.orders') }}">{{ __('My Orders') }} <span>/</span></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	@php
	$price = intval(str_replace(',', '', $order->price));
	@endphp
	<div class="main-container col2-right-layout">
		<div class="main container">
			<div class="row">
				@if (isDesktop())
					<div class="col-right sidebar col-sm-3 col-xs-12">
						@include('block.account.sidebar')
					</div>
				@endif
				<div class="col-sm-9 col-xs-12">
					<div class="col-main">
						<div class="dashboard">
							@if (isDesktop())
								<h2 class="page-heading">
									{!! __('My account') !!} <small> {!! __('My Orders') !!}</small>
								</h2>
							@endif
							<div class="dashboard">
								<div class="recent-orders">
									<div class="cart-collaterals container-row clearfix">
										<div class="totals col-sm-12 col-xs-12">
											<h3>{{ __('Purchase invoice') }}</h3>
										</div>
										<div class="col-xs-12">
											<div class="col-sm-4 col-xs-12">
												<div class="cart-total-amount">
													@if (isDesktop())
														<h4>
															{!! __('Total bill') !!} :
														</h4>
													@endif
													<ul class="list-unstyled">
														<li>
															<span>{!! __('Subtotal') !!}</span> :<span class="pull-right text-right">{{ @$price }} {!! __('EGP') !!}</span>
														</li>
														<li>
															<span>{{ __('Delivery') }}</span> : <span class="pull-right text-right">{{ @$order->delivery }} {!! __('EGP') !!}</span>
														</li>
														<li>
															<span>{{ __('Order Total') }}</span> :<span class="pull-right text-right span-total" id="span-total" data-cart="">{{ @$price+@$order->delivery }} {!! __('EGP') !!}</span>
														</li>
													</ul>
												</div>
											</div>
											<div class="col-sm-4 col-xs-12 ">
												<div class="cart-total-amount">
													<h4>
														{!! __('Place of delivery') !!} :
													</h4>
													<ul class="list-unstyled">
														<li>
															<span>{{ __('Mobile number') }}</span> :<span class="pull-right text-right">{{ @$order->address->phone }}</span>
														</li>
														<li>
															<span>{{ __('City / District') }}</span> :<span class="pull-right text-right">{{ @$order->address->region }}</span>
														</li>
														<li>
															<span>{{ __('Detailed address') }}</span> : <span class="pull-right text-right">{{ @$order->address->address }}</span>
														</li>
													</ul>
												</div>
											</div>
											<div class="col-sm-4 col-xs-12">
												<div class="cart-total-amount">
													@php
													$status = $order->status ?? 0;
													if ($order->publish == -1) {
														$status = 9;
													}
													@endphp

													<h4>
														@if (empty($order->publish))
															{!! __('Status') !!} :
															<span class="status-{{ $status }}">
																{!! __('Order pending') !!}
															</span>
														@elseif ($order->publish == -1)
															{!! __('Status') !!} : <span class="status-{{ $status }}">	{!! __('Canceled') !!}</span>
														@else
															{!! __('Status') !!}: <span class="status-{{ $status }}">
																{!! transactionOrdr($order->status) !!}
															</span>
														@endif
													</h4>
													<ul class="list-unstyled">
														<li>
															<span>{!! __('Invoice number') !!}</span> :<span class="pull-right text-right">{!! $order->order_number !!}</span>
														</li>
														<li>
															<span>{!! __('Date') !!}</span> :<span class="pull-right text-right">
																{{ $order->created_at->format('Y/m/d - h:i') }} {{ __($order->created_at->format('a')) }}</span>
															</li>
															<li>

															</li>
														</ul>
													</div>
												</div>
											</div>
											<div class="col-md-12 col-xs-12 mt-10">
												<h3 class="panel-title"><strong>{!! __('Order summary') !!}</strong></h3>
												<div class="table-responsive">
													<table class="table table-condensed">
														<thead>
															<tr>
																<td><strong>{!! __('Item') !!}</strong></td>
																@if (isDesktop())
																	<td class="text-center"><strong>{!! __('Price') !!}</strong></td>
																@endif
																<td class="text-center"><strong>{!! __('Quantity') !!}</strong></td>
																<td class="text-right"><strong>{!! __('Total') !!}</strong></td>
															</tr>
														</thead>
														<tbody>
															@foreach ($order->cart_items as $k => $item)
																<tr>
																	<td>{!! $item->name !!} @if ($item->options->has('unit'))
																		<span class="unit-smll"> / {{ $item->options->unit }}  {{ ($item->options->has('type') && $item->options->type)  ? ' - '.$item->options->type : '' }}</span>
																	@else
																		<span class="unit-smll"> / {{ $item->model->unit->title  }}  {{ ($item->options->has('type') && $item->options->type)  ? ' - '.$item->options->type : '' }}</span>
																	@endif</td>
																	@if (isDesktop())
																		<td class="text-center">{!! $item->price !!} {{ __('EGP') }}</td>
																	@endif
																	<td class="text-center">{!! $item->qty !!}</td>
																	<td class="text-right">{{ $item->subtotal }} {{ __('EGP') }}</td>
																</tr>
															@endforeach
														</tbody>
													</table>
												</div>
												<table class="table" style="width:auto">
													<tbody>
														<tr>
															<td class="text-left"><strong>{!! __('Subtotal') !!}</strong></td>
															<td class="text-right">{{ @$price }} {!! __('EGP') !!}</td>
														</tr>
														<tr>
															<td class="no-line text-left"><strong>{{ __('Delivery') }}</strong></td>
															<td class="no-line text-right">{{ @$order->delivery }} {!! __('EGP') !!}</td>
														</tr>
														<tr>
															<td class="no-line text-left"><strong>{{ __('Order Total') }}</strong></td>
															<td class="no-line text-right">{{ @$price+@$order->delivery }} {!! __('EGP') !!}</td>
														</tr>
													</tbody>
												</table>
												@if (isDesktop())
													<a target="_blank" href="{!! route('invoice.print',$order->order_number) !!}" class="btn btn-primary btn-lg ml-auto"><i class="fa fa-print"></i>  {!! __('Print') !!}</a>
												@endif
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					@if (!isDesktop())
						<div class="col-right sidebar col-sm-3 col-xs-12">
							@include('block.account.sidebar')
						</div>
					@endif
				</div>
			</div>
		</div>
	@endsection
	@section('scripts')
	@endsection