@extends('layouts.back-end.body')

@section('content')	
<div class="app-content pt-3 p-md-3 p-lg-4">
	<div class="container-xl">

	<div class="row g-3 mb-4 align-items-center justify-content-between">
				<div class="col-auto">
				<h1 class="app-page-title app-page-header"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-people" viewBox="0 0 16 16">
  <path d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8Zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022ZM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816ZM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/>
</svg> {{ __('message.ordered products for customer') }}: <a href="{{route('customer.index')}}?q={{$customer->phone}}"> {{$customer->phone}}</a> </span></h1>
				</div>
 				<div class="col-auto">
					     <div class="page-utilities">
						    <div class="row g-2 justify-content-start justify-content-md-end align-items-center">
							    <div class="col-auto">
									<div class="table-search-form row gx-1 align-items-center">
										<div class="col-auto">
                                        <a href="#" onclick="window.history.back();"><button type="button" class="btn app-btn-secondary">
                                        	<i class="fas fa-hand-point-left"></i>
											{{ __('message.go back') }}</button></a>
					                    </div>
									</div>
							    </div><!--//col-->
						    </div><!--//row-->
					    </div><!--//table-utilities-->
				    </div><!--//col-auto-->
			    </div><!--//row-->

                <div class="tab-content" id="orders-table-tab-content">
			        <div class="tab-pane fade show active" id="orders-all" role="tabpanel" aria-labelledby="orders-all-tab">
					    <div class="app-card app-card-orders-table shadow-sm mb-5">
					    	

						    <div class="app-card-body" style="padding-bottom: 10px;">

							    <div class="table-responsive tables-view">
									@include('back-end.customer.script') 
									<table id="" class="table dataTable no-footer" aria-describedby="approve-table_info" style="width:100%"> 
										<!-- customer-table -->
										<thead>
											<tr>
												<th>{{ __('message.no') }}</th>
												<th>{{ __('message.vip') }}</th>
												<th>{{ __('message.image') }}</th>
												<th>{{ __('message.product') }}</th>
												<th>{{ __('message.price') }}</th>
												<th>{{ __('message.commission') }}</th>
											</tr>
										</thead>
										<tbody>
																						@foreach($productTakens as $index =>$productTaken)
																					    <tr>
										      <th scope="row">{{$index+1}}</th>
										      <td>
										      	{{$productTaken->customerVip->title??''}}
										      </td>
										      <td>
										      	<img src='{{asset("/storage")."/".$product->thumbnail??""}}' style="hight:50px;">
										      </td>
										      <td>
										      	{{$product->product_title??''}}
										      </td>
										      <td class="credit">
										      	{{number_format($product->price??'0',2).' THB'}}
										      </td>
										      <td class="credit">
										      	{{number_format($product->commission->price??'0',2).' THB'}}
										      </td>
										    @endforeach
										    @if($next_product)
										    <tr style="background-color: #d08e8e;">
										      <th scope="row">{{ __('message.next') }}</th>
										      <td>
										      	{{$productTaken->customerVip->title??''}}
										      </td>
										      <td>
										      	<img src='{{asset("/storage")."/".$next_product->thumbnail??""}}' style="hight:50px;">
										      </td>
										      <td>
										      	{{$next_product->product_title??''}}
										      </td>
										      <td class="credit">
										      	{{number_format($next_product->price??'0',2).' THB'}}
										      </td>
										      <td class="credit">
										      	{{number_format($next_product->commission->price??'0',2).' THB'}}
										      </td>
										    </tr>
										    @endif
										    <tr style="background:#bdc2d5">
										    	<td colspan="4" style="font-weight: bold;text-align: center;">
										    		{{ __('message.total') }} :
										    	</td>
										    	<td class="credit">
										    		{{number_format($totalPrice,2).' THB'}}
										    	</td>
										    	<td class="credit">
										    		{{number_format($totalCommission,2).' THB'}}
										    	</td>
										    </tr>
										</tbody>
									</table>	
									
						        </div><!--//table-responsive-->
						    </div><!--//app-card-body-->		
						</div><!--//app-card-->
			        </div><!--//tab-pane-->
				</div><!--//tab-content-->
</div>
@include('back-end.customer.form')					    
@if (session('status'))
    <div class="alert alert-success">
        {{ session('status') }}
    </div>
@endif
          
@endsection