@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">
					<i class="fas fa-cart-arrow-down"></i>
					{{ __('message.orders') }} 
				</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.name') }}</th>
												<th>{{ __('message.phone') }}</th>
												<th>{{ __('message.vip') }}</th>
												<th>{{ __('message.product') }}</th>
												<th>{{ __('message.product name') }}</th>
												<th>{{ __('message.price') }}</th>
												<th>{{ __('message.commission') }}</th>
												<th>{{ __('message.date') }}</th>
												<th>{{ __('message.action') }}</th>
											</tr>
										</thead>
										<tbody>
																						@foreach($orders as $index =>$order)
																					    <tr>
										      <th scope="row">{{$index+1}}</th>
										      <td>
										      	{{$order->customer->user->actual_name??''}}
										      </td>
										      <td>
										      	{{$order->customer->phone??''}}
										      </td>
										      <td>
										      	{{$order->customerVip->title??''}}|{{$order->customerVip->order}} {{__('message.orders')}}
										      </td>
										      <td>
										      	<img src='{{asset("/storage")."/".$order->product->thumbnail??""}}' style="hight:50px;">
										      </td>
										       <td>
										      	{{$order->product->product_title??''}}
										      </td>
										      <td class="credit">
										      	{{number_format($order->product->price??0,2)}} THB
										      </td>
										      <td class="credit">
										      	{{number_format($order->product->commission->price??0,2)}} THB
										      </td>
										      <td>
										      	 {{ $order->created_at->format('d/m/Y h:i') }}
										      </td>
										      <td>
										      	<a class="btn btn-sm btn-danger btn-xs btn-action" @if($order->is_confirm==1) disabled style="opacity: 0.5;"  @else href="{{route('admin.order.delete',$order)}}" @endif>
                                                <span
                                                    style="white-space: nowrap;"><i class="fa fa-trash"></i>
                                                    {{ __('message.delete') }}</span></a>
										      </td>
										    @endforeach
										    <tr style="background:#bdc2d5">
										    	<td colspan="6" 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>
										    	<td colspan="2">
										    	</td>
										    </tr>
										    
										</tbody>
									</table>	
									{{ $orders->appends($_GET)->links() }}
						        </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