@php
$invoice_details = @$step_verified_data['invoice_details'];
$invoices = $invoice_details['invoice_data'];
@endphp
<div class="app-status-panel-content">
    <div class="row invoice_section">
        <div class="col-sm-12 mb-4">
            <div class="d-flex flex-column flex-sm-row align-items-center"> 
                <h3 class="mb-2 mb-sm-0 text-center flex-grow-1 d-inline-b">
                    Pay The Program Fees
                </h3>  
            </div>    
        </div>
	@if(!empty($invoices))
	    @foreach($invoices as $invoice)
		@if (in_array($invoice['accounting_invoice_status'], array(4)))
		    <div class="col-sm-12">
			@if($loop->first)
			    <p>Kindly complete the payment for your Program Fees. You can pay via Debit or Credit Card, or via Bank Wire. You can download the payment instructions here:</p>
			    <p><a href="{{$invoice_details['instruction_url']}}" targer="_blank"><button type="button" class="btn btn-info btn-xs-block">Download Instructions</button></a></p>
			@endif
			<div id='invoice_box'>
			    <p>Your Invoice Number is #{{ $invoice['invoice_number'] }}. You can download your Invoice from here:</p>
			    <p><a href='{{route("invoice_download",[$invoice['invoice_id'],"download_invoice"])}}' class="download_btn" title='Download Invoice'><button type="button" class="btn btn-info btn-xs-block">Download Invoice</button></a></p> 
			    <p>Please proceed with your payment:</p> 
			    <p><a href="{{$invoice['stripe_url']}}"  title='Pay Via Debit Or Credit Card'><button target="" class="btn btn-info">Pay Via Debit Or Credit Card </button></a> <a href="{{$invoice['bank_wire_url']}}"  title='Pay Via Bank Wire'><button  target="" class="btn btn-info">Pay Via Bank Wire</button></a></p> 
			</div>
			<div class="clearfix p-10"></div>
		    </div>
		
		@elseif (in_array($invoice['accounting_invoice_status'],array(5,7,10)) && $invoice['last_invoice_transaction_total_amount'] > 0 && $invoice['void'] != 1)
		    <div class="col-sm-12">
			<div id='invoice_box'>
			    <p>Thank you! Your payment for Invoice #{{ $invoice['invoice_number'] }} has been confirmed.</p>
			    <p>You can download your Invoice and Payment Receipt here:</p>
			    <div class="d-flex flex-wrap gap-2">
				<a href='{{route("invoice_download",[$invoice['invoice_id'],"download_invoice"])}}' class="download_btn" title='Download Invoice'><button class="btn btn-info me-2">Download Invoice</button></a>
				@if($invoice['payment_type'] == 2)
				    <a onclick="viewPopupInvoice('{{ $invoice['invoice_id'] }}');" class="download_btn" title='Download Invoice Receipt'><button class="btn btn-info">View Transaction & Download Payment Receipt</button></a>
				@else
				    <a href='{{route("invoice_download",[$invoice['invoice_id'],"download_invoice_receipt"])}}' class="download_btn" title='Download Invoice Receipt'><button class="btn btn-info">Download Payment Receipt</button></a>
				@endif
			    </div>   
			</div>
			<div class="clearfix p-10"></div>
			@if($loop->last)
			    <div class="d-flex justify-content-end align-items-center gap-2 mt-3">

				<button type="button"
				    class="btn btn-success"
				    onclick="return viewPopup('Determine your eligibility','{@$active_step_key}');">
				    Support <i class="mdi mdi-help-circle-outline step-help"></i>
				</button>

				<button type="button" class="btn btn-info" onclick="loadStepContent('{{ $next_step_key }}')">
				    Next Step
				</button>

			    </div>
			@endif
		    </div>
		@endif
	    @endforeach
	@else
	    <p>Your invoice details will be available shortly.....</p>
	@endif
    </div>
</div> 

<script type="text/javascript">
    function viewPopupInvoice(invoice_id){
	show_popup('modal-lg');
        var url = "{{ route('show.invoice.transaction-newui',['id' => ':invoice_id']) }}";
        url = url.replace(':invoice_id',invoice_id);
        get_common_ajax(url,"",'modal-lg');
    }
</script>