@extends('main')
@section('styles')
@endsection
@section('page-title')
	<section class="navigation">
		<div class="breadcrumbs-wrap">
			<div class="container clearfix">
				<div class="row">
					<div class="col-md-12">
						<h2>
							{{ __('Shopping cart') }}
						</h2>
						<ul class="breadcrumbs ul--inline ul--no-style">
							<li>
								<a href="{{ Route('site.home.page') }}">{{ __('Home') }}</a>
							</li>
							<span>/</span>
							<li>
								<a href="{{ Route('product.index') }}">{{ __('Products') }}</a>
							</li>
							<span>/</span>
							<li class="active">
								{{ __('Shopping cart') }}
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('content')
	<section class="sign-in-page">
		<div class="section-content">
			<div class="">
				@if (session()->has('success'))
					<div class="alert alert-success">
						{{ session()->get('success') }}
					</div>
				@endif
				@if (session()->has('error'))
					<div class="alert alert-danger">
						{{ session()->get('error') }}
					</div>
				@endif
				<div class="">
					<div class="">
						<div class="row">
							<section class="col-sm-9 col-xs-12">
								<h2 class="page-heading">
									{!! __('My account') !!} <small> {!! __('My Orders') !!}</small>
								</h2>
								<div class="col-main">
									<div class="dashboard">
										<div class="welcome-msg col-xs-12"> <strong>{!! __('Welcome') !!}</b> {{ Auth::user()->name }}</strong>

										</div>
										<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>
																	<b>{!! __('Subtotal') !!}</b> :<span class="pull-right text-right">{{ @$order->price }} {!! __('EGP') !!}</span>
																</li>
																<li>
																	<b>{{ __('Delivery') }}</b> : <span class="pull-right text-right">{{ @$order->delivery }} {!! __('EGP') !!}</span>
																</li>
																<li>
																	<b>{{ __('Order Total') }}</b> :<span class="pull-right text-right span-total" id="span-total" data-cart="">{{ @$order->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>
																	<b>{{ __('Mobile number') }}</b> :<span class="pull-right text-right">{{ @$order->address->phone }}</span>
																</li>
																<li>
																	<b>{{ __('City / District') }}</b> :<span class="pull-right text-right">{{ @$order->address->region }}</span>
																</li>
																<li>
																	<b>{{ __('Detailed address') }}</b> : <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">
															<h4>
                        @php
                        $status = $order->status ?? 0;
                        if ($order->publish == -1) {
                          $status = 9;
                        }
                        @endphp
                        @if (empty($order->publish))
                          {!! __('Status') !!} :
                          <small class="status-{{ $status }}">
                            {!! __('Order pending') !!}
                          </small>
                        @elseif ($order->publish == -1)
                          {!! __('Status') !!} : <small class="status-{{ $status }}">	{!! __('Canceled') !!}</small>
                        @else
                          {!! __('Status') !!}: <small class="status-{{ $status }}">
                            {!! transactionOrdr($order->status) !!}
                          </small>
                        @endif
                      </h4>
															<ul class="list-unstyled">
																<li>
																	<b>{!! __('Invoice Number') !!}</b> :<span class="pull-right text-right">{!! $order->order_number !!}</span>
																</li>
																<li>
																	<b>{!! __('Date') !!}</b> :<span class="pull-right text-right">{{ $order->created_at->format('d-m-Y') }}
																		<br>
																		{{ $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">
														<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-center"><strong>{!! __('Quantity') !!}</strong></td>
																				<td class="text-right"><strong>{!! __('Total') !!}</strong></td>
																			</tr>
																		</thead>
																		<tfoot>

																			<tr>
																				<td colspan="4" class="text-center">

																					<a href="{{ Route('site.account.home') }}"  class="blog-preview_btn small pull-left">{!! __('Back') !!}</a>

																				</td>

																			</tr>
																		</tfoot>
																		<tbody>
																			@foreach ($order->cart_items as $k => $item)

																				<tr>
																					<td>{!! $item->name !!}</td>
																					<td class="text-center">{!! $item->price !!} {{ __('EGP') }}</td>
																					<td class="text-center">{!! $item->qty !!}</td>
																					<td class="text-right">{{ $item->subtotal }} {{ __('EGP') }}</td>
																				</tr>
																			@endforeach

																			<tr>
																				<td></td>
																				<td></td>
																				<td class="text-left"><strong>{!! __('Subtotal') !!}</strong></td>
																				<td class="text-right">{{ @$order->price }} {!! __('EGP') !!}</td>
																			</tr>
																			<tr>
																				<td class="no-line"></td>
																				<td class="no-line"></td>
																				<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"></td>
																				<td class="no-line"></td>
																				<td class="no-line text-left"><strong>{{ __('Order Total') }}</strong></td>
																				<td class="no-line text-right">{{ @$order->price+@$order->delivery }} {!! __('EGP') !!}</td>
																			</tr>
																		</tbody>
																	</table>
																</div>
															</div>
														</div>
													</div>
												</div>

											</div>
										</div>

									</div>
							</section>
							<aside class="col-right sidebar col-sm-3 col-xs-12">
								@include('block.account.sidebar')
							</aside>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('scripts')
	<script type="text/javascript">
		(function(){
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				}
			});
			$('.quantity').on('blur', function(e) {
				e.preventDefault();
				var id = $(this).attr('data-id');
				$.ajax({
					type: "PUT",
					url: '{{ url("/cart") }}' + '/' + id,
					data: {
						'quantity': this.value,
					},
					success: function(data) {
						window.location.href = '{{ url('/cart') }}';
					}
				});
			});
		})();
	</script>
@endsection