@extends('main')
@section('styles')
@endsection
@section('page-title')
@endsection
@section('content')
	<div class="breadcrumb">
		<div class="">
			<div class="breadcrumb-inner">
				<ul class="list-inline list-unstyled">
					<li><a href="{{ Route('site.home.page') }}">{{ __('Home') }}</a></li>
					<li><a href="{{ Route('site.account.home') }}">{{ __('My account') }}</a></li>
					<li class='active'>{!! __("Sign in") !!}</li>
				</ul>
			</div>
		</div>
	</div>
	<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
				<h2 class="page-heading">
					{!! __('My account') !!} <small> {!! __('My Orders') !!}</small>
				</h2>
				<div class="dashboard">
					@if (isDesktop())
						<h2 class="page-heading">
							<small> {!! __('My Orders') !!}</small>
						</h2>
					@endif
					<div class="welcome-msg"> <strong>{!! __('Welcome') !!}</b> {{ Auth::user()->name }}</strong>
					</div>
					@if ($orders->count())
						<div class="table-responsive">
							<table class="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') }}</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="badge2">{!! __('Canceled') !!}</span>
													<span class="txt ">{!! __('in stage') !!}</span>
													<span class="badge2">{!! transactionOrdr($order->status) !!}</span>
												@else
													<span class="badge2">{!! 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>
					@else
						<div class="cart-collaterals ">
							<div class="totals text-center">
								<h3>{{ __('Start shopping now') }}</h3>
								<br>
								<a href="{{ Route('product.index') }}" class=" btn btn-primary checkout-page-button checkout-continue ">{!! __('Our products') !!}</a>
								<br>
							</div>
						</div>
					@endif
				</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