@if($invoices->count() > 0)
	@foreach($invoices as $key=>$data)

		<div class="order-panel">
			<div class="order-header">
				<h5 class="mb-0">#{{ $data->number }}</h5>
				@if($data->getInvoiceTotalRefundedAmount()>0)
				<span class="text-primary"> Refunded</span>
				@endif
				<span class="order-status text-uppercase text-primary">
					@if($data->paid_status == 2)
						Paid
					@elseif($data->paid_status == 1)
						PAYMENT IN PROCESS
					@else
						UNPAID
					@endif
				</span>
			</div>
			<div class="order-body">
				<div class="order-price">
					Order Total : <span class="current-price"> ${{ $data->getInvoiceTotal() }}</span>
				</div>
			</div>
			<div class="order-footer">
				<div class="row align-items-center">
					<div class="col-12 col-md-4">
						<div class="order-date">
							Order Date :  
							{{ date('d M, Y',strtotime($data->date_of_live)) }}
						</div>
					</div>
					<div class="col-12 col-md-4">
						<div class="order-date">
							No. of Items : 
							{{ $data->getTotalItemsOfInvoices() }}
						</div>
					</div>
					<div class="col-12 col-md-4">		
						<div class="order-button text-md-right">
							@if($data->paid_status == 0)
								<a href="{{ route('customer.checkout',$data->id) }}" class="btn btndark btn-xs text-uppercase"> Pay Now</a>
							@endif

							@if($data->paid_status == 3)
								<div class="order-deliever text-md-right">
									<span class="lnr lnr-thumbs-up"></span>
									<span>Successfully Delivered</span>
								</div>
							@elseif($data->paid_status == 1)
								<div class="order-deliever text-md-right">
									<span class="lnr lnr-thumbs-up"></span>
									<span>Payment in Process</span>
								</div>	
							@endif
								<a href="javascript:void(0);" onclick="viewOrder('{{ $data->date_of_live}}','{{ $data->id}}','{{ $data->number }}')" class="btn btnprimary btn-xs text-uppercase"> View Order</a>
							
						</div>
					</div>
				</div>
			</div>
		</div>
	@endforeach
@else
	<div class="order-panel text-center">No purchase here! </div>
@endif