@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">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Upload Instructions</h4>
            </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 == "view_ticket_popup")
    @php
          $subject = @$subject;
          $active_step_key = @$active_step_key;
    @endphp
    <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="{{$active_step_key}}" readonly="readonly" name="active_step_key" id="active_step_key">
                <input class="form-control" type="hidden" value="{{$subject}} Support" readonly="readonly" name="subject" id="subject">
                <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>
                        <label class="form-control" >{{$subject}} Support</label>
                    </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();" class="btn btn-md btn-info m-b-10">Submit</button>  
                    </div>
                </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_document_history")
        @php
            $document_history = @$document_history;
            $doc_type_data = @$doc_type_data; 
        @endphp
        <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">View Document History</h4>
            </div> 
            <div class="modal-body">
                <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'],'d M, Y') }}</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)) }}">
                                                            <img class="file-download" src="{{ url('assets/images/file-download.png') }}" />
                                                        </a>
                                                    @else
                                                        <a href="{{ $document['document_download_link'] }}">
                                                            <img class="file-download" src="{{ url('assets/images/file-download.png') }}" />
                                                        </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