@extends('main')
@section('styles')
@endsection
@section('content')
	<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">{!! __('My Orders') !!}</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>
	<section class="cart-wrap">
		<div class="section-content">
			<div class="container">
				@if (session()->has('success_message'))
					<div class="alert alert-success">
						{{ session()->get('success_message') }}
					</div>
				@endif
				@if (session()->has('error_message'))
					<div class="alert alert-danger">
						{{ session()->get('error_message') }}
					</div>
				@endif
				<div class="main-container col2-right-layout">
					<div class="container">
						<div class="row">
							<section class="col-sm-9 col-xs-12">
								<div class="col-main">
									<div class="dashboard">
										@if ($orders->count())
											<div class="recent-orders">
												<div class="table-responsive">
													<table class="table 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('mobily.view.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
																	@endphp
																	<td class="a-right status-{{ $order->status ?? 0 }}">
																		{!! transactionOrdr($order->status) !!}
																	</td>
																	<td class="a-center last"><span class="nobr"> <a href="{!! route('mobily.view.order',[$order->order_number]) !!}">{!! __('View Order') !!}</a> </td>
																	</tr>
																@endforeach
															</tbody>
														</table>
														{{ $orders->links('vendor.pagination.mobile') }}
													</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('mobily.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')
						}
					});
				})();
			</script>
		@endsection