@if($box->count() > 0)
	@foreach($box as $key => $data)
		@php
			$isPreOrder = false;
			$invoiceType = "regular";
			if($data instanceof \App\Models\PreOrder){
				$isPreOrder = true;
				$invoiceType = "preorder";
			}
		@endphp

		<div class="order-panel">
			<div class="order-header">
				<h5 class="mb-0">Order : #{{ ($isPreOrder) ? $data->invoice->number : $data->number }}</h5>
				
				@php
					$order_status_txt = '';
					if($data->order_status == 4){
						$order_status_txt = "";  //To be Packed
					}else if($data->order_status == 7){ // Box Payment Process
						$order_status_txt = " Payment In Process";
					}else if($data->order_status == 5){
						$order_status_txt = ""; //Open Box 
					}else if($data->order_status == 8){
						$order_status_txt = " To be Shipped";
					}else if($data->order_status == 6){
						$order_status_txt = " Shipped";
					}else if($data->order_status == 10){
						$order_status_txt = "Self-collection";
					}
					
				    if(!$isPreOrder && $data->getInvoiceTotalRefundedAmount() > 0){
				        if($order_status_txt!=''){
				            $order_status_txt .= ", Refunded";
				        }else{
				            $order_status_txt .= "Refunded";
				        }
    				}
				@endphp
				
				<span class="text-primary">{{ $order_status_txt }}</span>
				<a href="javascript:void(0);" onclick="viewOrder('{{ $data->id }}','{{ ($isPreOrder) ? $data->invoice->number : $data->number }}','{{ $invoiceType }}','{{ $currentTab}}')" 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>{{ $data->created_at->format('d M, Y') }}</span>
					</li>
					<li class="text-center">
						No. of Items : <span>{{ $data->getTotalItemsOfInvoices() }}</span>
					</li>
					<li class="text-center text-md-right">
						Order Total : <span>${{ $data->getTotalOfArrivedItems() }}</span>
					</li>
					
					@if($data->tracking_number!=NULL && $data->tracking_number!="")
    					<li class="text-center text-md-right">
        					<a href="{{ config('constants.tracking_url').$data->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