@extends('templates.'.$template.'.layouts.default')

<!-- TODO: add seo fields here -->

@section('content')

	<div class="section1-customerSubscription account account-addresses-section my-orders">
		<div class="container">
			<div class="row">

				<div class="col-sm-3 account-menu-column">
					@include("templates.$template.account.common.sidebar")
				</div>

				<div class="col-lg-9 col-sm-12">
					<div class="right-content">

						<button class="btn-menu-account"><i class="fa fa-arrow-left" aria-hidden="true"></i></button>

						@include("templates.$template.account.common.tabs")

						<div class="box">
							<div>
								<div class="head color3">
									<i class="fa fa-address-book-o" aria-hidden="true"></i>
									<h3 class="h3">{{ trans('translations.my-orders') }}</h3>
								</div>
								<div class="body">
									<div id="my-orders-container" class="my-orders-container">
										@if(count($orders) > 0)
											@foreach ($orders as $order)
												<div class="row wrap-row" id="order-{{ $order->id }}">
													<div class="col-sm-12">
														<div class="row">
															<div class="col-xs-12 col-sm-8 col-md-9">
																<div class="order-nr">{{ trans('translations.order-no') }} {{ $order->id }}</div>
																<div class="date">{{ trans('translations.date') }} {{ $order->date }} | {{ trans('translations.total') }}: {{ $order->total }} Lei</div>
															</div>
															<div class="col-xs-12 col-sm-4 col-md-3 buttons">
																<a href="{{ route('view-order', $order->id) }}" title="Details" class="btn dark nobg transition small">{{ trans('translations.detalii-comanda') }}</a>
															</div>
														</div>
														<div class="footer-orders-container">
															{{-- <p>Produse vandute si livrate de WineBox</p>
															<p>Subtotal: 183<sup>96</sup> Lei</p> --}}
															<p class="status success">{{ $order->getStatus() }}</p>
														</div>
													</div>
												</div>
											@endforeach
										@else
											<div clas="empty-results">{{ trans('translations.nu-ai-nicio-comanda') }}</div>
										@endif
									</div>
								</div>
							</div>
							<div class="save-changes">
								<div class="row">
									<div class="wrap-to-Vcenter">
										<div class="col-sm-12 col-md-12">
											<div id="orders-notifications"></div>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>

			</div>
		</div>
	</div>
@endsection

{{-- Page script --}}
@section('script')
	<script type="text/javascript">

    </script>
@endsection