@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">
										<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>{!! __('Place delivery') !!}</th>
															<th><span class="nobr">{!! __('Order Total') !!}</span></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->address->region !!}</td>
																<td>{{  $order->price+$order->delivery }}</td>
																<td>{{ $order->created_at->format('Y/m/d - h:i') }} {{ __($order->created_at->format('a')) }}</td>
																@php
																@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('mobily.view.order',[$order->order_number]) !!}">{!! __('View Order') !!}</a> </td>
																</tr>
															@endforeach
														</tbody>
													</table>
													{{ $orders->links('vendor.pagination.mobile') }}
												</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