@extends('frontend.frontend_layout')

@section('content')
<main id="main">
	<!-- Begin Chekout Area-->
	<section class="my-account-area mb-15 bg-F7F8FA pt-150">
		<div class="container">
			<div class="row">
				<div class="col-12 col-md-3">
					@include('frontend.user.sidebar')
				</div>
				<div class="col-12 col-md-9">
					<div class="seller-dashboard-main-content-area">
						<div class="content-wrapper">
							<div class="row">
								<div class="col-md-12">
									<h1 class="page-header">
										<i class="bi bi-list-ul mr-2"></i> My Order
									</h1>
								</div>
								<!-- Quick Link -->
								<div class="col-md-12">
									<div class="quick-link-wrap mb-3">
										<div class="row">
											<div class="col-md-3">
												<a href="{{ route('user.order', 'pending') }}">
													<button type="button"
														class="btn mb-2 mb-md-0 btn-primary btn-block btn-round">
														<i class="fa fa-plus"></i>
														Add New Order
													</button>
												</a>
											</div>
											<div class="col-md-3">
												<a href="{{ route('user.order', 'processing') }}">
													<button type="button"
														class="btn mb-2 mb-md-0 btn-success btn-block btn-round">
														<i class="fa fa-check"></i>
														Approved Order
													</button>
												</a>
											</div>
											<div class="col-md-3">
												<a href="{{ route('user.order', 'delivered') }}">
													<button type="button"
														class="btn mb-2 mb-md-0 btn-warning btn-block btn-round text-white">
														<i class="fa fa-crosshairs"></i>
														Delivered Order
													</button>
												</a>
											</div>
											<div class="col-md-3">
												<a href="{{ route('user.order', 'cancel') }}">
													<button type="button"
														class="btn mb-2 mb-md-0 btn-danger btn-block btn-round">
														<i class="fa fa-trash"></i>
														Rejected Order
													</button>
												</a>
											</div>
										</div>
									</div>
								</div>
								<!-- All Ads List -->
								<div class="col-md-12">
									<div class="table-responsive">
										<table class="table table-striped table-bordered">
											<thead class="thead-default">
												<tr>
													<th>Date</th>
													<th>Total</th>
													<th>Payment</th>
													<th>Invoice No</th>
													<th class="hidden-md-down">Status</th>
													<th class="text-center">Action</th>
												</tr>
											</thead>
											<tbody>
												@foreach ($orders as $order)
													<tr>
														<td>
															{{ $order->order_date }}
														</td>
														<td>$ {{ $order->amount }}</td>
														<td class="hidden-md-down">{{ $order->payment_method }}</td>
														<td>#invoice-{{ $order->invoice_no }}</td>
														<td>
															<span class="badge bg-danger bright">
																{{ ucwords($order->status) }}
															</span>
														</td>
														<td class="text-center">
															<a href="{{ route('user.order.details', $order->id) }}" class="bi bi-eye-fill bg-info btn btn-sm text-white" title="Order Details"></a>
															<a href="{{ route('invoice.download', $order->id) }}" class="bi bi-file-earmark-pdf btn btn-sm btn-danger" title="Download Invoice"></a>
														</td>
													</tr>
												@endforeach
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Chekout Product Area-->
</main>
<!-- End #main -->
@endsection