@extends('main')
@section('styles')
	<style media="screen">
	.table > thead > tr > th {
		vertical-align: bottom;
		border-bottom: 2px solid #ddd;
		text-align: center;
		background: #f9f9f9;
	}
	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
		padding: 5px;
	}
</style>
@endsection
@section('content')
	<div class="breadcrumbs">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<ul>
						<li class="home">
							<a href="{{ Route('site.home.page') }}">{{ __('Home') }} <span>/</span></a>
						</li>
						<li>
							<a href="{{ Route('site.account.home') }}">{{ __('My account') }} <span>/</span></a>
						</li>
						<li>
							{{ __('My Orders') }}
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="main-container col2-right-layout">
		<div class="main container">
			<div class="row">
				@if (isDesktop())
					<div class="col-right sidebar col-sm-3 col-xs-12">
						@include('block.account.sidebar')
					</div>
				@endif
				<div class="col-sm-9 col-xs-12">
					<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>
				@if (!isDesktop())
					<div class="col-right sidebar col-sm-3 col-xs-12">
						@include('block.account.sidebar')
					</div>
				@endif
			</div>
		</div>
	</div>
@endsection
@section('scripts')
@endsection