@if(!empty($action))
    @if($action == "doument_instruction")
        @php
            $download_link = @$download_template_link;
            $doc_desc = @$doc_desc;
            $allowed_extensions = @$allowed_extensions;
            $upload_file_size = @$upload_file_size;
        @endphp
        <div class="modal-content">
            <div class="modal-header bg-info text-white">
		<h5 class="modal-title mb-0">Upload Instructions</h5> 
		<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>  
	    </div>
            <div class="modal-body p-20"> 
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <ul class="list-style-num">
                            @if(!empty($doc_desc))
                            <li>{{ $doc_desc }}</li>
                            @endif
                            @if(!empty($download_link))
                                <li><strong><a href="{{ $download_link }}">Click Here</a></strong> to download document template.</li>
                                <li>Print and sign documents</li>
                                <li>Save scanned documents on your storing device ("memory stick" or "computer hard drive")</li>
                            @endif
                            <li>To upload file click on this <img src="{{ url('assets/images/file-upload.png') }}" style="width: 40px;"/> icon to locate file on your hard drive</li>
                            <li class="text-danger"><strong>Note: </strong>Max File size: {{ config('common.upload_file_size') }}MB, Supported file format: please only upload files with following extensions {{ $allowed_extensions }}.</li>
                        </ul>
                    </div>
                </div>
            </div> 
        </div>
    @elseif($action == "doument_instruction_newui")
        @php
            $download_link = @$download_template_link;
            $doc_desc = @$doc_desc;
            $allowed_extensions = @$allowed_extensions;
            $upload_file_size = @$upload_file_size;
        @endphp
        <div class="modal-content">
            <div class="modal-header bg-info text-white">
		<h5 class="modal-title mb-0">Upload Instructions</h5> 
		<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>  
	    </div>
            <div class="modal-body p-20"> 
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <ul class="list-style-num">
                            @if(!empty($doc_desc))
                            <li>{{ $doc_desc }}</li>
                            @endif
                            @if(!empty($download_template_link))
                                <li><strong><a href="{{ $download_template_link }}">Click Here</a></strong> to download document template.</li>
                                <li>Print and sign documents</li>
                                <li>Save scanned documents on your storing device ("memory stick" or "computer hard drive")</li>
                            @endif
                            <li>To upload file click on this  <input type="file" name="document_file" class="form-control upload_document_file" disabled="disabled"> icon to locate file on your hard drive</li>
                            <li class="text-danger"><strong>Note: </strong>Max File size: {{ config('common.upload_file_size') }}MB, Supported file format: please only upload files with following extensions {{ $allowed_extensions }}.</li>
                        </ul>
                    </div>
                </div>
            </div> 
        </div>
    @elseif($action == "view_ticket_popup")
    @php
          $subject = @$subject;
          $active_step_key = @$active_step_key;
    @endphp
    <div class="modal-content">
        <div class="modal-header bg-info text-white">
            <h5 class="modal-title mb-0">Contact Support</h5> 
            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>  
        </div>

        <div class="modal-body" style="max-height: 70vh; overflow-y: auto;">
            <form id="frm_update_int_con" name="frm_update_int_con" >

                <input type="hidden" value="{{$active_step_key}}" name="active_step_key" id="active_step_key">
                <input type="hidden" value="{{$subject}} Support" name="subject" id="subject">

                <div class="text-end mb-2"> 
                    <small class="text-muted">
                        All fields with <span class="text-danger">*</span> are required
                    </small>
                </div>

                <div class="mb-3">
                    <label class="form-label">Subject</label>
                    <input type="text" class="form-control" value="{{$subject}} Support" readonly>
                </div>

                <div class="mb-3">
                    <label class="form-label">
                        Question <span class="text-danger">*</span>
                    </label>
                    <textarea class="form-control"
                        rows="5"
                        maxlength="500"
                        name="question"
                        id="question"
                        placeholder="Ask your question..."
                        required></textarea>
                </div>

                <div class="text-end">
                    <button type="submit"
                        id="tic_submit"
                        onclick="return submitTicket();"
                        class="btn btn-info">
                        Submit
                    </button>
                </div> 
            </form>
        </div>
    </div>
    @elseif($action == "view_contact_support")
    <div class="modal-content">
        <div class="modal-header bg-info">
            <button type="button" class="close text-white" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title text-white">Contact Support</h4>
        </div>
        <div style="overflow-y: auto;padding: 15px;">
            <form name="frm_update_int_con" id="frm_update_int_con" >
                <input  type="hidden" value="contact-support" readonly="readonly" name="active_step_key" id="active_step_key">
                <div class="col-md-12 col-sm-12 col-xs-12 text-right"> 
                    <small class="required_instruction">
                        All fields with star (<span style="font-size: 15px;">*</span>) are required
                    </small>
                </div>
                <div class="col-xs-12 no-padding">
                    <div class="form-group">
                        <label class="control-label ">Subject </label>
                        <input class="form-control" type="text" name="subject" id="subject" placeholder="Enter your subject" required="required" value="Contact Support" readonly>
                    </div>
                </div>
                <div class="col-xs-12 no-padding">
                    <div class="form-group">
                        <label class="control-label">Question <small class="text-danger text-required">*</small></label>
                        <textarea class="form-control" rows="5" maxlength="500" name="question" style="resize: none;" id="question" placeholder="Ask your Question?" data-notempty="notempty" required="required"></textarea> 
                        <div class="help-block with-errors font-11"></div> 
                    </div>
                </div>
                <div class="col-xs-12 no-padding">
                    <div class="form-actions">
                        <button type="submit" name="tic_submit" id="tic_submit" onclick="return submitTicket(true);" class="btn btn-md btn-info m-b-10">Submit</button>  
                    </div>
                </div>
            </form>
        </div>
    </div>    
    @elseif($action == "view_invoice_pay")
    @php
          $stripe_url = @$stripe_url;
          $bank_wire_url = @$bank_wire_url;
    @endphp
    <div class="modal-content">
        <div class="modal-header bg-info text-white">
            <h5 class="modal-title mb-0">Invoice Pay</h5> 
            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>  
        </div>
        <div style="padding: 15px;">
            <div class="text-center m-t-20 m-b-10">
                <div class="row invoice_pay_ico_row">
                    <div class="col-sm-1"></div>
                    <div class="col-sm-5 text-right">
                        <a href="{{$stripe_url}}" target="_blank">
                        <button class="btn btn-info">
                            Click here to Pay using Credit/Debit Card <img src="{{asset($image_path.'card-icon.png')}}">
                        </button>
                        </a>
                    </div>
                    <div class="invoice_pay_ico_or" style="margin: 0 10px; float: left;"><h3><b>OR</b></h3></div>
                    <div class="col-sm-5 text-left">
                        <a href="{{$bank_wire_url}}" target="_blank">
                        <button class="btn btn-info">
                            Click here to Pay using Bank Wire <img src="{{asset($image_path.'bank_icon.png')}}">
                        </button>
                        </a>
                    </div>
                    <div class="col-sm-1"></div>
                </div>
            </div>
        </div>
    </div>
    @elseif($action == "view_invoice_transaction")
    <style>
        .table-bordered>tbody>tr>td{
            padding: 10px 8px !important;
        }
        .c_fieldset {
            padding: 0.6em 1.667em 0.667em;
        }
    </style>
    @php
        $transaction_data = @$transaction_data;
        $response_instalment_trans = @$response_instalment_trans;
        $invoice_id = @$invoice_id;
        $is_having_stripe_trans = @$is_having_stripe_trans;
        $accounting_invoice_status = @$accounting_invoice_status;
    @endphp
    <div class="modal-content">
	<div class="modal-header bg-info text-white">
            <h5 class="modal-title mb-0">Transaction for Invoice Number: {{$transaction_data[0]['invoice_number']}}</h5> 
            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>  
        </div>
	@if($transaction_data[0]['transaction_payment_type'] == 2)
            <h4 class=" trans_style">Initial Payment Transactions</h4>
        @endif
        <div class="clearfix"></div>
        <div style="overflow-y: auto; padding: 15px;">
            <table class="table table-bordered">
                <thead class="thead-light">
                    <tr>
                        <th class="text-center">Received Amount</th>
                        <th class="text-center">Payment Menthod</th>
                        <th class="text-center">Transaction Date</th>
                    </tr>
                </thead>
                <tbody>
                @if (!empty($transaction_data))
                    @foreach($transaction_data as $val)
                        <tr class="text-center">
                        <td>${{ $val['transaction_amount'] }} 
                                @if($accounting_invoice_status == 12)
<p><span class="text-danger">Currently your payment is not verified by our accounting administrator, once it will verify invoice download receipt will visible here</span></p>
                                @else
                                    <a href='{{route("invoice_download",[$invoice_id,"download_invoice_receipt"])}}' class="m-b-5 "><img class='cpointer' alt='Download Invoice Receipt'  title='Download Invoice Receipt' src="{{asset($image_path.'receipt.png')}}" width="25" height="30"></a>
                                @endif
                        </td>
                        <td>{{ $val['transaction_payment_method_name'] }} 
                            @if (!empty($val['st_id']) && !empty($val['payment_source']) && $val['transaction_fee'] != "0.00")
                                <br>(Stripe Fee - ${{$val['transaction_fee']}} - @if ($val['payment_source'] == 1) {{ config('common.stripe_transaction_fee') }} @elseif ($val['payment_source'] == 3) {{ config('common.internation_card_trans_fee') }} @endif%)
                                @if (!empty($val['paymnt_receipt_url']))
                                    <a target='_blank' href='{{$val['paymnt_receipt_url']}}' class='font-size-16'><img title='View stripe receipt' src="{{asset($image_path.'stripe.png')}}" class="vertical-align-middle"  width='25' height='25'></a>
                                @endif
                            @endif
                        </td>
                        <td>{{ date('M d, Y',strtotime($val['transaction_date']))}} </td>
                        </tr>
                    @endforeach
                @else
                <tr> 
                    <td colspan="100%">
                        Sorry! No data found
                    </td>
                </tr>
                @endif
                </tbody>
            </table>
        </div>
        @if (!empty($response_instalment_trans))
        <h4 class=" trans_style">Payment Plan Transactions</h4>
        <div class="clearfix"></div>
        <div style="overflow-y: auto; padding: 15px;">
            <table class="table table-bordered">
                <thead class="thead-light">
                    <tr>
                        <th class="text-center">Received Amount</th>
                        <th class="text-center">Payment Menthod</th>
                        <th class="text-center">Transaction Date</th>
                    </tr>
                </thead>
                <tbody>
                @if (!empty($response_instalment_trans))
                    @foreach($response_instalment_trans as $val)
                        <tr class="text-center">
                        <td>${{ $val['transaction_amount'] }} 
                            <a href='{{route("instalment_invoice_download",[$invoice_id,$val['st_id'],"download_transaction_invoice_receipt"])}}' class="m-b-5">
                                <img class='cpointer' alt='Download Invoice Receipt'  title='Download Invoice Receipt' src='{{asset($image_path.'receipt.png')}}' width="25" height="30" />
                            </a></td>
                        <td>{{ $val['transaction_payment_method_name'] }} 
                            @if (!empty($val['st_id']) && !empty($val['payment_source']) && $val['transaction_fee'] != "0.00")
                                <br>(Stripe Fee - ${{$val['transaction_fee']}} - @if ($val['payment_source'] == 1) {{ config('common.stripe_transaction_fee') }} @elseif ($val['payment_source'] == 3) {{ config('common.internation_card_trans_fee') }} @endif%)
                                @if (!empty($val['paymnt_receipt_url']))
                                <a target='_blank' href='{{$val['paymnt_receipt_url']}}' class='font-size-16'><img title='View stripe receipt' src="{{asset($image_path.'stripe.png')}}" class="vertical-align-middle"  width='25' height='25'></a>
                            @endif
                            @endif
                        </td>
                        <td>{{ date('M d, Y',strtotime($val['transaction_date']))}} </td>
                        </tr>
                    @endforeach
                @else
                <tr > 
                    <td colspan="100%">
                        Sorry! No data found
                    </td>
                </tr>
                @endif
                </tbody>
            </table>
        </div>
        @endif
        @if($accounting_invoice_status != 12)
        <div style="overflow-y: auto; padding: 15px;">
        <div class="col-md-12">
            <fieldset class="c_fieldset">
                <legend>Icon Detail</legend>
                <div class='m-b-10'><img src="{{asset($image_path.'receipt.png')}}" width="25" height="30"> is used to download invoice payment receipt
                @if($is_having_stripe_trans == 1 )
                    <img src="{{asset($image_path.'stripe.png')}}"  width='25' height='25'> is used to view stripe receipt
                @endif
                </div>
            </fieldset>
        </div>
        </div>
        @endif
    </div>
    @elseif($action == "view_document_history")
        @php
            $document_history = @$document_history;
            $doc_type_data = @$doc_type_data; 
        @endphp
	<div class="modal-content">
        <div class="modal-header bg-info text-white">
            <h5 class="modal-title mb-0">View Document History</h5> 
            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>  
        </div>

        <div class="modal-body" style="max-height: 70vh; overflow-y: auto;">
            <div class="row">
                    <div class="col-xs-12"> 
                        <h3 class="box-title">{{ @$doc_type_data['name'] }}</h3>
                        <div class="table-responsive">
                            <table class="table doc-history-table">
                                <thead>
                                    <tr>
                                        <th>Uploaded On</th>
                                        <th>Document Status</th>
                                        <th>Reject Reason</th>
                                        <th>Download</th>
                                        @if(config('common.app_interface') == 'admin' && $is_itn_user == 0)
                                        <th>Action</th>
                                        @endif
                                    </tr>
                                </thead>
                                <tbody>
                                    @if(!empty($document_history))
                                        @foreach($document_history as $document)
                                        <tr>
                                            <td>{{ dateformat($document['document_uploaded_converted_data']->dest_datetime,DISPLAY_DATETIME) }}</td>
                                            <td>
                                                @if(in_array($document['document_status'],array(2,4)))
                                                    <span class="label label-success">{{ $document['document_status_name'] }}</span>
                                                @elseif(in_array($document['document_status'],array(3,5)) )
                                                    <span class="label label-danger">{{ $document['document_status_name'] }}</span>
                                                @else
                                                    <span class="label label-info">{{ $document['document_status_name'] }}</span> 
                                                @endif 
                                                @if(!empty($document['document_status_date']) && (!empty($document['document_status'])))
                                                    <br/><br/><span class="text-muted">{{ dateformat($document['document_status_date'],'d M, Y') }}</span>
                                                @endif
                                            </td>
                                            <td>{!! $document['document_reject_reason'] !!}</td>
                                            <td>
                                                @if(!empty($document['document_download_link']))
                                                    @if(array_key_exists('document_download_code', $document))
                                                        @php
                                                            $dcode = encrypt([
                                                                        'dcode' => $document['document_download_code'], 
                                                                        'doc_filename' => $document['document_filename'] 
                                                                    ]);
                                                        @endphp
                                                        <a href="{{ route('download',array('dcode',$dcode)) }}"> 
                                                            <button type="button" class="btn btn-info">Download  <i class="fa fa-download"></i></button> 
                                                        </a>
                                                    @else
                                                        <a href="{{ $document['document_download_link'] }}">
                                                            <button type="button" class="btn btn-info">Download <i class="fa fa-download"></i></button> 
                                                        </a>
                                                    @endif
                                                @endif
                                            </td>
                                            @if(config('common.app_interface') == 'admin' && $is_itn_user == 0)
                                            <td> 
                                                <a class="btn btn-danger" onclick="return deleteDocument({{$document['document_id']}}, deleteDocCallBack)" title="Delete User Document">Delete</a>
                                            </td>
                                            @endif
                                        </tr>
                                        @endforeach
                                    @else
                                        <tr class="text-center">
                                            <td colspan="4">No Records Found!</td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div> 
                </div>
        </div>
    </div>
    @endif
@else
    <div class="modal-content">
        <div class="modal-header bg-info">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title">Failed to load data</h4>
        </div> 
        <div class="modal-body">
            <div class="row">
                <div class="col-xs-12">
                    Failed to load data
                </div>
            </div> 
        </div>
    </div> 
@endif