@extends('main')
@section('styles')
@endsection
@section('content')
	@php
	$price = intval(str_replace(',', '', $order->price));
	@endphp
	<div class="shop-header bg-color--grey fix-head">
		<div class="container space-y--15">
			<div class="row align-items-center">
				<div class="col-9">
					<h1 class="category-title text-right"><a href="{!! route('mobily.account.orders') !!}">{!! __('My Orders') !!}</a></h1>
				</div>
				<div class="col-3 text-left">
					<a href="javascript:history.back()" class="back-link">{!! __('Back') !!} <i class="fa fa-long-arrow-left"></i> </a>
				</div>
			</div>
		</div>
	</div>
	<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">
							<h4>
								{!! __('Total bill') !!} :
							</h4>
							<ul class="list-unstyled">
								<li>
									<span>{!! __('Subtotal') !!}</span> :<span class="pull-left text-right">{{ @$price }} {!! __('EGP') !!}</span>
								</li>
								<li>
									<span>{{ __('Delivery') }}</span> : <span class="pull-left text-right">{{ @$order->delivery }} {!! __('EGP') !!}</span>
								</li>
								<li>
									<span>{{ __('Order Total') }}</span> :<span class="pull-left 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-left text-right">{{ @$order->address->phone }}</span>
								</li>
								<li>
									<span>{{ __('City / District') }}</span> :<span class="pull-left text-right">{{ @$order->address->region }}</span>
								</li>
								<li>
									<span>{{ __('Detailed address') }}</span> : <span class="pull-left text-right">{{ @$order->address->address }}</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-sm-4 col-xs-12">
						<div class="cart-total-amount">
							<h4>
								{!! __('Status') !!}:
							</h4>
							<ul class="list-unstyled">
								<li>
									<span>{!! __('Invoice number') !!}</span> :<span class="pull-left text-right">{!! $order->order_number !!}</span>
								</li>
								<li>
									<span>{!! __('Date') !!}</span> :<span class="pull-left text-right">{{ $order->created_at->format('Y/m/d - h:i') }} {{ __($order->created_at->format('a')) }}</span>
									</li>
									<li>
										<span class="a-right status-{{ $order->status ?? 0 }}">
											{!! transactionOrdr($order->status) !!}
										</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-md-12 col-xs-12 mt-10">
						<div class="panel panel-default">
							<div class="panel-heading">
								<h3 class="panel-title"><strong>{!! __('Order summary') !!}</strong></h3>
							</div>
							<div class="panel-body">
								<div class="table-responsive">
									<table class="table table-condensed">
										<thead>
											<tr>
												<td><strong>{!! __('Item') !!}</strong></td>
												<td class="text-center"><strong>{!! __('Price') !!}</strong></td>
												<td class="text-right"><strong>{!! __('Total') !!}</strong></td>
											</tr>
										</thead>
										<tbody>
											@foreach ($order->cart as $k => $item)
												<tr>
													<td>{!! $item->name !!} <br> <small class="unit-smll">	@if ($item->options->has('unit'))
														{{ $item->options->unit }}  {{ ($item->options->has('type') && $item->options->type)  ? ' - '.$item->options->type : '' }}
													@else
														{{ $item->model->unit->title  }}  {{ ($item->options->has('type') && $item->options->type)  ? ' - '.$item->options->type : '' }}
													@endif</small> </td>
													<td class="text-center">{!! $item->price !!}×{!! $item->qty !!}
													</td>
													<td class="text-right">{{ $item->subtotal }} {{ __('EGP') }}</td>
												</tr>
											@endforeach
										</tbody>
									</table>
									<table class="table" style="width:auto">
										<tbody>
											<tr>
												<td><strong>{!! __('Subtotal') !!}</strong></td>
												<td>{{ @$price }} {!! __('EGP') !!}</td>
											</tr>
											<tr>
												<td><strong>{{ __('Delivery') }}</strong></td>
												<td>{{ @$order->delivery }} {!! __('EGP') !!}</td>
											</tr>
											<tr>
												<td><strong>{{ __('Order Total') }}</strong></td>
												<td>{{ @$price+@$order->delivery }} {!! __('EGP') !!}</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	@endsection