@extends('frontend.frontend_layout')

@section('content')

<main id="main">
	<!-- Begin Dahsboard 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-houses-fill mr-2"></i> Order Details
									</h1>
								</div>

								<!-- Order Information Start -->
								<div class="col-md-6">
									<div class="section-right">
										<div class="checkout-content checkout-cart">
											<h2 class="secondary-title">Order Information</h2>
											<table class="table table-bordered table-striped table-responsive">
												<tr>
													<th width="35%">Invoice No</th>
													<td>{{ $orderDetails->invoice_no }}</td>
												</tr>
												{{-- @isset($orderDetails->transaction_id) --}}
													<tr>
														<th width="35%">Transaction Id</th>
														<td>{{ $orderDetails->transaction_id }}</td>
													</tr>
												{{-- @endisset												 --}}
												<tr>
													<th width="35%">Payment By</th>
													@if ($orderDetails->payment_method == 'COD')
														<td>Cash on Delivery</td>
													@else
														<td>{{ $orderDetails->payment_method }}</td>
													@endif
													
												</tr>
												<tr>
													<th width="35%">Total Amount</th>
													<td>$ {{ $orderDetails->amount }}</td>
												</tr>
												<tr>
													<th width="35%">Order Status</th>
													<td>
														<span class="badge bg-danger bright">
															{{ ucwords($orderDetails->status) }}
														</span>
													</td>
												</tr>
											</table>
										</div>
									</div>
								</div>

								<!-- Shipping Information Start -->
								<div class="col-md-6">
									<div class="section-right">
										<div class="checkout-content checkout-cart">
											<h2 class="secondary-title">Shipping Information</h2>
											<table class="table table-bordered table-striped table-responsive">
												<tr>
													<th width="35%">Name</th>
													<td>{{ $orderDetails->name }}</td>
												</tr>
												<tr>
													<th width="35%">Phone</th>
													<td>{{ $orderDetails->phone }}</td>
												</tr>
												<tr>
													<th width="35%">Email</th>
													<td>{{ $orderDetails->email }}</td>
												</tr>
												<tr>
													<th width="35%">Address</th>
													<td>{{ $orderDetails->address }}</td>
												</tr>
												<tr>
													<th width="35%">City</th>
													<td>{{ $orderDetails->city }}</td>
												</tr>
												<tr>
													<th width="35%">State</th>
													<td>{{ $orderDetails->state }}</td>
												</tr>
												<tr>
													<th width="35%">Zip Code</th>
													<td>{{ $orderDetails->zip_code }}</td>
												</tr>
											</table>
										</div>
									</div>
								</div>

								<!-- Order Items Start -->
								<div class="col-md-12 mt-4">
									<div class="section-right">
										<div class="checkout-content checkout-cart">
											<table class="table table-bordered table-responsive table-striped">
												<tr>
													<th style="background: #cb0004; color: white;">Image</th>
													<th style="background: #cb0004; color: white;">Product Name</th>
													<th style="background: #cb0004; color: white;">Sublevels Name</th>
													<th style="background: #cb0004; color: white;">Price</th>
													<th style="background: #cb0004; color: white;">Quantity</th>
													<th style="background: #cb0004; color: white;">Total</th>
												</tr>
												@foreach ($orderItems as $item)
													<tr>													
														<td>
															@if (!empty($item->product->image) && file_exists($item->product->image))
																<img src="{{ asset($item->product->image) }}" alt="Image" style="width: 60px; height: 60px;">
															@else
																<img src="{{ asset('common/no-image.jpg') }}" alt="Image" style="width: 60px; height: 60px;">
															@endif
														</td>
														<td>{{ $item->product->name }}</td>
														<td>
															@if($item->product_level)
															@isset($item->product_level)
																@php
																$order_product_levels = explode(',', $item->product_level);
																@endphp                                            
																	@foreach ($order_product_levels as $order_product_level)
																		@php
																		$subleveltitle = App\Models\SubLevel::getTitle($order_product_level);
																		echo $subleveltitle['title'].', ';
																		@endphp
																	@endforeach                                            
															@endisset                                        
															@endif
														</td>
														<td>$ {{ $item->product->price }}</td>
														<td>{{ $item->qty }}</td>
														<td>$ {{ $item->qty * $item->price }}</td>
													</tr>	
												@endforeach											
											</table>
										</div>
									</div>
								</div>


							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Dahsboard  Area-->
</main>
<!-- End #main -->
@endsection