@if($preOrders->count() > 0)
	@foreach($preOrders as $key => $data)
		@php
			$invoice = $data->invoice->first();
		@endphp

		<div class="order-panel">
			<div class="order-header">
				<h5 class="mb-0">Order : #{{ $invoice->number ?? "" }}</h5>
				
				@php
					$order_status_txt = '';
					$orderStatus = $invoice->order_status;
					if($orderStatus == 4){
						$order_status_txt = "";  //To be Packed
					}else if($orderStatus == 7){ // Box Payment Process
						$order_status_txt = " Payment In Process";
					}else if($orderStatus == 5){
						$order_status_txt = ""; //Open Box 
					}else if($orderStatus == 8){
						$order_status_txt = " To be Shipped";
					}else if($orderStatus == 6){
						$order_status_txt = " Shipped";
					}else if($orderStatus == 10){
						$order_status_txt = "Self-collection";
					}		
				    
				@endphp
				
				<span class="text-primary">{{ $order_status_txt }}</span>
				<a href="javascript:void(0);" onclick="viewOrder('{{ $invoice->id }}','{{$invoice->number}}','regular','preorder')" data-id="{{ $data->id }}" class="btn btnprimary btn-xs text-uppercase">				
					View Order
				</a>				
			</div>
			<div class="order-body">
				<ul class="list-unstyled mb-0 order-list d-flex flex-wrap box-order-list">
					<li class="text-center text-md-left">
						Order Date : <span>{{ date('d M, Y',strtotime($data->date_of_live)) }}</span>
					</li>
					<li class="text-center">
						No. of Items : <span>{{ $invoice->getTotalItemsOfInvoices() }}</span>
					</li>
					<li class="text-center text-md-right">
						Order Total : <span>${{ $invoice->total_payment ?? 0 }}</span>
					</li>
					
					@if($invoice->tracking_number!=NULL && $invoice->tracking_number!="")
    					<li class="text-center text-md-right">
        					<a href="{{ config('constants.tracking_url').$invoice->tracking_number }}" target="blank" class="btn btndark btn-xs text-uppercase mt-3">
        						Track Order
        					</a>
        				</li>
				    @endif
				</ul>
			</div>
		</div>
	@endforeach
@else
	<div class="order-panel text-center">No purchase here! </div>
@endif