@extends('frontend.layouts.app')
@section('content')
<!-- Begin Chekout Area-->
<section class="my-profile-area mb-15 bg-F7F8FA">
	<div class="container">
		<div class="row">
        	@include('frontend.file.customer.sidebar')
		    <div class="col-12 col-md-9 pt-4">
		    	<div class="block_content-right text-dark p-3">
        			<!-- Invoice Info -->
				      <div class="row">
				        <!-- Company Info -->
				        <div class="col-md-6 col-6">
							<img src="/frontend/assets/img/core/logo.png" width="auto" height="85">
							<address style="width: 100%">
								JC Hardware & Construction Supply<br>
								{{$information->location}}
							</address>
				        </div>
				        <!-- END Company Info -->

				        <!-- Client Info -->
				        <div class="col-md-6 col-6 text-right">
							<address class="mb-0">
								#{{$order->invoice}}<br>
								@if($order->status == 1)
									<span class="badge bg-success">Deliverd</span>
								@elseif($order->status == 2)
									<span class="badge bg-warning">Panding</span>
								@elseif($order->status == 0)
									<span class="badge bg-danger">Rejected</span>
								@endif
							</address>
							<address>
								{{$order->name}}<br>
								@if($order->email)
								{{$order->email}}<br>
								@endif
								{{$order->phone}}<br>
								{{$order->address}}
							</address>
				        </div>
				        <!-- END Client Info -->
				      <!-- END Invoice Info -->
                  	<div class="table-responsive">
                  		<table class="table table-striped table-bordered">
				            <thead class="thead-default">
				              <tr class="text-dark">
				                <th class="text-center">Image</th>
				                <th class="text-center">Product Name</th>
				                <th class="text-center">Category</th>
				                <th class="text-center">Price</th>
				                <th class="text-center">Qty</th>
				                <th class="text-center">Total Price</th>
				              </tr>
				            </thead>
				            <tbody>
				            	@foreach($products as $product)
				                <tr class="text-darl">
				                  	<th class="text-center"><img style="width: 50px; height: 50px;" src="{{$product->product_img ? '/' . $product->product_img :  '/asset/backend_asset/assets/media/photos/file-image-svgrepo-com.svg'}}"></th>
				                  	<td class="text-center">{{$product->product_name}}</td>
				                  	<td class="text-center">{{$product->category_name}}</td>
				                 	<td class="text-center">$ {{$product->price}}</td>
				                  	<td class="text-center">
		                            	<span class="badge badge-pill badge-primary">{{$product->qty}}</span>
		                            </td>
		                            <td class="text-right">$ {{$product->total_price}}</td>
				                </tr>
				                @endforeach
				                <!-- <tr class="table-warning">
		                            <td colspan="5" class="font-w700 text-uppercase text-right">Sub Total</td>
		                            <td class="font-w700 text-right">$ {{$order->total_ammount}}</td>
		                        </tr> -->
				            </tbody>
	          			</table>
	          			<div class="row justify-content-end mb-2">
			                <div style="width: 45%">
			                    <table class="table table-hover">
			                        <thead>
			                            <tr>
			                                <td style="border: none; width : 70%;">Subtotal</td>
			                                <td style="border: none; width : 10%;">$</td>
			                                <td style="border: none; width : 20%;">{{$order->sub_total}}</td>
			                            </tr>
			                            <tr>
			                                <td style="border: none">Discount</td>
			                                <td style="border: none">@if($order->discount_type == 0) $ @endif</td>
			                                <td style="border: none">{{$order->discount}} @if($order->discount_type == 1) % @endif</td>
			                            </tr>
			                            <tr style="background: #ddd;">
			                                <td style="border: none">TOTAL AMOUNT</td>
			                                <td style="border: none">$</td>
			                                <td style="border: none">{{$order->total_ammount}}</td>
			                            </tr>
			                        </thead>
			                    </table>
			                </div>
			            </div>
                  	</div>
                  	<p class="fa-sm text-muted">
						{!! $information->return_policy !!}
				      </p>
                </div>
		    </div>
		</div>
	</div>
</section>
<!-- End Chekout Product Area-->
@endsection