@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"> <strong>{!! __('Welcome') !!} {{ Auth::user()->name }}</strong>
										</div>
										@if ($orders->count())
											<div class="recent-orders">
												<div class="table-responsive">
													<table class="data-table" id="my-orders-table">
														<thead>
															<tr class="first last">
																<th>#</th>
																<th>{!! __('Order No') !!}</th>
																<th>{!! __('Date') !!}</th>
																<th>{!! __('Status') !!}</th>
																<th></th>
															</tr>
														</thead>
														<tbody>
															@foreach ($orders as $key => $order)
																<tr class="first odd">
																	<td>{{ $loop->index + $orders->firstItem() }}</td>
																	<td><a href="{!! route('view.account.order',[$order->order_number]) !!}">{!! $order->order_number !!}</a> </td>
																	<td>{{ $order->created_at->format('Y/m/d - h:i') }} {{ __($order->created_at->format('a')) }}</td>
																	@php
																		$status = $order->status ?? 0;
																		if ($order->publish == -1) {
																			$status = 9;
																		}
																	@endphp
																	<td class="a-right status-{{ $status }}">
																		@if (empty($order->publish))
																			<span class="badge badge-info">{!! __('Order pending') !!}</span>
																		@elseif ($order->publish == -1)
																			<span class="badge badge-danger">{!! __('Canceled') !!}</span>
																			<span class="txt ">{!! __('in stage') !!}</span>
																			<span class="badge badge-info">{!! transactionOrdr($order->status) !!}</span>
																		@else
																			<span class="badge badge-info">{!! transactionOrdr($order->status) !!}</span>
																		@endif
																	</td>
																	<td class="a-center last"><span class="nobr"> <a href="{!! route('view.account.order',[$order->order_number]) !!}">{!! __('View Order') !!}</a> </td>
																	</tr>
																@endforeach
															</tbody>
														</table>
														{{ $orders->links() }}
													</div>
												</div>
											@else
												<div class="cart-collaterals row">
													<div class="totals text-center">
														<h3>{{ __('You have no items in your Shopping cart') }}</h3>
														<br>
														<br>
														<a href="{{ Route('product.index') }}"  class=" btn btn-primary checkout-page-button checkout-continue ">{!! __('Continue Shopping') !!}</a>
														<br>
													</div>
												</div>
											@endif
										</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