{* Admin RICA verification template *}
<div class="tablebg">
    <table class="datatable" width="100%" border="0" cellspacing="1" cellpadding="3">
        <tr>
            <td class="datatitle">
                <img src="images/icons/addonmodules.png" class="absmiddle" width="16" height="16" /> 
                RICA Document Verification
            </td>
        </tr>
    </table>
    
    <br />
    
    <!-- Statistics Cards -->
    <table width="100%" cellspacing="10" cellpadding="0" border="0">
        <tr>
            <td width="20%" align="center" class="fieldarea" style="background:#f8f9fa; border:1px solid #dee2e6; padding:15px;">
                <strong style="font-size:20px; color:#007bff;">{$stats.pending}</strong><br>
                <small>Pending Verification</small>
            </td>
            <td width="20%" align="center" class="fieldarea" style="background:#f8f9fa; border:1px solid #dee2e6; padding:15px;">
                <strong style="font-size:20px; color:#28a745;">{$stats.verified}</strong><br>
                <small>Verified</small>
            </td>
            <td width="20%" align="center" class="fieldarea" style="background:#f8f9fa; border:1px solid #dee2e6; padding:15px;">
                <strong style="font-size:20px; color:#dc3545;">{$stats.rejected}</strong><br>
                <small>Rejected</small>
            </td>
            <td width="20%" align="center" class="fieldarea" style="background:#f8f9fa; border:1px solid #dee2e6; padding:15px;">
                <strong style="font-size:20px; color:#6c757d;">{$stats.avg_processing_time}h</strong><br>
                <small>Avg Processing Time</small>
            </td>
            <td width="20%" align="center" class="fieldarea" style="background:#f8f9fa; border:1px solid #dee2e6; padding:15px;">
                <strong style="font-size:20px; color:#17a2b8;">{$stats.todays_submissions}</strong><br>
                <small>Today's Submissions</small>
            </td>
        </tr>
    </table>
    
    <br />
    
    <!-- Action Buttons -->
    <p>
        <a href="?action=list" class="btn {if $action eq 'list' or !$action}primary{else}default{/if}">Verification Queue</a>
        <a href="?action=bulk_approve" class="btn {if $action eq 'bulk_approve'}primary{else}default{/if}">Bulk Actions</a>
        <a href="?action=analytics" class="btn {if $action eq 'analytics'}primary{else}default{/if}">Analytics</a>
    </p>
    
    {if $action eq 'list' or !$action}
        <!-- Filters -->
        <form method="GET" style="background:#f8f9fa; padding:15px; margin-bottom:20px;">
            <table width="100%" cellspacing="5" cellpadding="0" border="0">
                <tr>
                    <td width="150">
                        <strong>Status:</strong><br>
                        <select name="status" class="form-control">
                            <option value="pending" {if $filters.status eq 'pending' or !$filters.status}selected{/if}>Pending</option>
                            <option value="verified" {if $filters.status eq 'verified'}selected{/if}>Verified</option>
                            <option value="rejected" {if $filters.status eq 'rejected'}selected{/if}>Rejected</option>
                            <option value="additional_required" {if $filters.status eq 'additional_required'}selected{/if}>Additional Required</option>
                        </select>
                    </td>
                    <td width="200">
                        <strong>Search:</strong><br>
                        <input type="text" name="client_search" value="{$filters.client_search}" placeholder="Client name, email, or DID" class="form-control">
                    </td>
                    <td>
                        <br>
                        <input type="submit" value="Filter" class="btn primary">
                        <a href="?action=list" class="btn">Clear</a>
                    </td>
                </tr>
            </table>
        </form>
        
        <!-- Verification List -->
        <table class="datatable" width="100%" border="0" cellspacing="1" cellpadding="3">
            <tr>
                <td class="datatitle">Submitted</td>
                <td class="datatitle">DID Number</td>
                <td class="datatitle">Client</td>
                <td class="datatitle">Status</td>
                <td class="datatitle">Documents</td>
                <td class="datatitle">Actions</td>
            </tr>
            {foreach $submissions as $submission}
                <tr>
                    <td>
                        {if $submission->submitted_at}
                            {$submission->submitted_at|date_format:"%Y-%m-%d %H:%M"}
                        {else}
                            Not submitted
                        {/if}
                    </td>
                    <td>
                        <strong>{$submission->did_number}</strong><br>
                        <small>{$submission->area_code}</small>
                    </td>
                    <td>
                        <strong>{$submission->firstname} {$submission->lastname}</strong><br>
                        <small>{$submission->email}</small><br>
                        <small>Service #{$submission->service_id}</small>
                    </td>
                    <td>
                        {if $submission->rica_status eq 'pending'}
                            <span style="color:#ffc107;">Pending</span>
                        {elseif $submission->rica_status eq 'verified'}
                            <span style="color:#28a745;">Verified</span>
                        {elseif $submission->rica_status eq 'rejected'}
                            <span style="color:#dc3545;">Rejected</span>
                        {else}
                            <span style="color:#6c757d;">{$submission->rica_status|ucfirst}</span>
                        {/if}
                    </td>
                    <td>
                        {if $submission->id_document_path}✓ ID {/if}
                        {if $submission->proof_address_path}✓ Address {/if}
                        {if $submission->business_registration_path}✓ Business {/if}
                        {if !$submission->id_document_path and !$submission->proof_address_path}
                            <span style="color:#dc3545;">No documents</span>
                        {/if}
                    </td>
                    <td>
                        {if $submission->docs_id}
                            <a href="?action=view&id={$submission->id}" class="btn info small">View</a>
                        {/if}
                        {if $submission->rica_status eq 'pending'}
                            <input type="button" value="Approve" class="btn success small" onclick="approveRICA({$submission->id})">
                            <input type="button" value="Reject" class="btn danger small" onclick="rejectRICA({$submission->id})">
                            <input type="button" value="Request More" class="btn warning small" onclick="requestAdditional({$submission->id})">
                        {/if}
                        <input type="button" value="Note" class="btn small" onclick="addNote({$submission->id})">
                    </td>
                </tr>
            {/foreach}
        </table>
        
        {if $total_pages > 1}
            <p align="center">
                {for $i=1 to $total_pages}
                    {if $i eq $current_page}
                        <strong>{$i}</strong>
                    {else}
                        <a href="?action=list&page={$i}">{$i}</a>
                    {/if}
                    {if $i < $total_pages} | {/if}
                {/for}
            </p>
        {/if}
        
    {elseif $action eq 'view'}
        {if $error}
            <div class="errorbox">{$error}</div>
        {else}
            <!-- Individual Submission View -->
            <table width="100%" cellspacing="0" cellpadding="5" border="0">
                <tr>
                    <td width="70%" valign="top">
                        <!-- Client Information -->
                        <div class="tablebg" style="margin-bottom:20px;">
                            <table class="datatable" width="100%" border="0" cellspacing="1" cellpadding="3">
                                <tr><td class="datatitle" colspan="2">Client Information</td></tr>
                                <tr>
                                    <td class="fieldlabel" width="150">Name:</td>
                                    <td class="fieldarea">{$submission->firstname} {$submission->lastname}</td>
                                </tr>
                                <tr>
                                    <td class="fieldlabel">Email:</td>
                                    <td class="fieldarea">{$submission->email}</td>
                                </tr>
                                <tr>
                                    <td class="fieldlabel">Service:</td>
                                    <td class="fieldarea">#{$submission->service_id} - {$submission->service_name}</td>
                                </tr>
                                <tr>
                                    <td class="fieldlabel">DID Number:</td>
                                    <td class="fieldarea">{$submission->did_number}</td>
                                </tr>
                            </table>
                        </div>
                        
                        <!-- Documents -->
                        <div class="tablebg" style="margin-bottom:20px;">
                            <table class="datatable" width="100%" border="0" cellspacing="1" cellpadding="3">
                                <tr><td class="datatitle" colspan="2">Submitted Documents</td></tr>
                                <tr>
                                    <td class="fieldarea" colspan="2">
                                        {if $submission->id_document_path}
                                            <div style="display:inline-block; margin:10px;">
                                                <strong>Identity Document</strong><br>
                                                <img src="../../../uploads/rica_documents/{$submission->id_document_path}" 
                                                     style="max-width:200px; max-height:150px; border:1px solid #ddd;" 
                                                     onclick="viewDocument(this.src)">
                                            </div>
                                        {/if}
                                        
                                        {if $submission->proof_address_path}
                                            <div style="display:inline-block; margin:10px;">
                                                <strong>Proof of Address</strong><br>
                                                <img src="../../../uploads/rica_documents/{$submission->proof_address_path}" 
                                                     style="max-width:200px; max-height:150px; border:1px solid #ddd;" 
                                                     onclick="viewDocument(this.src)">
                                            </div>
                                        {/if}
                                        
                                        {if $submission->business_registration_path}
                                            <div style="display:inline-block; margin:10px;">
                                                <strong>Business Registration</strong><br>
                                                <img src="../../../uploads/rica_documents/{$submission->business_registration_path}" 
                                                     style="max-width:200px; max-height:150px; border:1px solid #ddd;" 
                                                     onclick="viewDocument(this.src)">
                                            </div>
                                        {/if}
                                        
                                        {if $submission->additional_info}
                                            <div class="infobox" style="margin-top:15px;">
                                                <strong>Additional Info:</strong> {$submission->additional_info}
                                            </div>
                                        {/if}
                                    </td>
                                </tr>
                            </table>
                        </div>
                        
                        {if $submission->rica_status eq 'pending'}
                            <!-- Verification Actions -->
                            <div class="tablebg">
                                <table class="datatable" width="100%" border="0" cellspacing="1" cellpadding="3">
                                    <tr><td class="datatitle">Verification Actions</td></tr>
                                    <tr>
                                        <td class="fieldarea">
                                            <input type="button" value="✓ Approve Verification" class="btn success" onclick="approveRICA({$submission->id})">
                                            <input type="button" value="✗ Reject Verification" class="btn danger" onclick="rejectRICA({$submission->id})">
                                            <input type="button" value="? Request Additional Documents" class="btn warning" onclick="requestAdditional({$submission->id})">
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        {/if}
                    </td>
                    <td width="30%" valign="top">
                        <!-- Status -->
                        <div class="tablebg" style="margin-bottom:20px;">
                            <table class="datatable" width="100%" border="0" cellspacing="1" cellpadding="3">
                                <tr><td class="datatitle">Verification Status</td></tr>
                                <tr>
                                    <td class="fieldarea" align="center" style="padding:20px;">
                                        {if $submission->rica_status eq 'pending'}
                                            <span style="font-size:18px; color:#ffc107;">⏳ Pending</span>
                                        {elseif $submission->rica_status eq 'verified'}
                                            <span style="font-size:18px; color:#28a745;">✓ Verified</span>
                                        {elseif $submission->rica_status eq 'rejected'}
                                            <span style="font-size:18px; color:#dc3545;">✗ Rejected</span>
                                        {elseif $submission->rica_status eq 'additional_required'}
                                            <span style="font-size:18px; color:#ffc107;">? Additional Required</span>
                                        {/if}
                                        <br><br>
                                        <small>Submitted: {$submission->submitted_at|date_format:"%Y-%m-%d %H:%M"}</small>
                                        {if $submission->verified_at}
                                            <br><small>Verified: {$submission->verified_at|date_format:"%Y-%m-%d %H:%M"}</small>
                                        {/if}
                                    </td>
                                </tr>
                            </table>
                        </div>
                        
                        <!-- Verification History -->
                        <div class="tablebg">
                            <table class="datatable" width="100%" border="0" cellspacing="1" cellpadding="3">
                                <tr><td class="datatitle">Verification History</td></tr>
                                {foreach $verification_history as $history}
                                    <tr>
                                        <td class="fieldarea">
                                            <strong>{$history->action}</strong><br>
                                            <small>{$history->created_at|date_format:"%Y-%m-%d %H:%M"}</small><br>
                                            <small>By: {$history->admin_name}</small>
                                            {if $history->notes}
                                                <br><small style="color:#666;">Note: {$history->notes}</small>
                                            {/if}
                                        </td>
                                    </tr>
                                {/foreach}
                            </table>
                        </div>
                    </td>
                </tr>
            </table>
        {/if}
        
    {elseif $action eq 'bulk_approve'}
        <!-- Bulk Actions -->
        <div class="infobox">
            Select multiple submissions below to perform bulk actions. Only pending submissions can be bulk approved or rejected.
        </div>
        
        <form method="POST" id="bulkForm">
            <input type="hidden" name="bulk_action" id="bulk_action" value="">
            
            <p>
                <input type="button" value="Approve Selected" class="btn success" onclick="bulkAction('approve')">
                <input type="button" value="Reject Selected" class="btn danger" onclick="bulkAction('reject')">
                <input type="button" value="Export Selected" class="btn" onclick="bulkAction('export')">
            </p>
            
            <table class="datatable" width="100%" border="0" cellspacing="1" cellpadding="3">
                <tr>
                    <td class="datatitle"><input type="checkbox" onclick="toggleAll(this)"></td>
                    <td class="datatitle">Submitted</td>
                    <td class="datatitle">DID Number</td>
                    <td class="datatitle">Client</td>
                    <td class="datatitle">Documents</td>
                </tr>
                {foreach $pending_submissions as $submission}
                    <tr>
                        <td><input type="checkbox" name="submission_ids[]" value="{$submission->id}"></td>
                        <td>{$submission->submitted_at|date_format:"%Y-%m-%d %H:%M"}</td>
                        <td>{$submission->did_number}</td>
                        <td>{$submission->firstname} {$submission->lastname}</td>
                        <td>
                            {if $submission->id_document_path}✓ ID {/if}
                            {if $submission->proof_address_path}✓ Address {/if}
                        </td>
                    </tr>
                {/foreach}
            </table>
        </form>
        
    {elseif $action eq 'analytics'}
        <!-- Analytics Dashboard -->
        <table width="100%" cellspacing="0" cellpadding="10" border="0">
            <tr>
                <td width="50%" valign="top">
                    <!-- Processing Times -->
                    <div class="tablebg">
                        <table class="datatable" width="100%" border="0" cellspacing="1" cellpadding="3">
                            <tr><td class="datatitle" colspan="2">Average Processing Times</td></tr>
                            <tr>
                                <td class="fieldlabel">Today:</td>
                                <td class="fieldarea">{$analytics.avg_time_today} hours</td>
                            </tr>
                            <tr>
                                <td class="fieldlabel">This Week:</td>
                                <td class="fieldarea">{$analytics.avg_time_week} hours</td>
                            </tr>
                            <tr>
                                <td class="fieldlabel">This Month:</td>
                                <td class="fieldarea">{$analytics.avg_time_month} hours</td>
                            </tr>
                        </table>
                    </div>
                </td>
                <td width="50%" valign="top">
                    <!-- Approval Rates -->
                    <div class="tablebg">
                        <table class="datatable" width="100%" border="0" cellspacing="1" cellpadding="3">
                            <tr><td class="datatitle" colspan="2">Approval Rates</td></tr>
                            <tr>
                                <td class="fieldlabel">Approved:</td>
                                <td class="fieldarea">{$analytics.approval_rate}%</td>
                            </tr>
                            <tr>
                                <td class="fieldlabel">Rejected:</td>
                                <td class="fieldarea">{$analytics.rejection_rate}%</td>
                            </tr>
                            <tr>
                                <td class="fieldlabel">Additional Required:</td>
                                <td class="fieldarea">{$analytics.additional_rate}%</td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
        </table>
        
        <!-- Monthly Trends -->
        <div class="tablebg" style="margin-top:20px;">
            <table class="datatable" width="100%" border="0" cellspacing="1" cellpadding="3">
                <tr><td class="datatitle" colspan="5">Monthly Submission Trends</td></tr>
                <tr>
                    <td class="datatitle">Month</td>
                    <td class="datatitle">Submissions</td>
                    <td class="datatitle">Approved</td>
                    <td class="datatitle">Rejected</td>
                    <td class="datatitle">Avg Time</td>
                </tr>
                {foreach $monthly_trends as $trend}
                    <tr>
                        <td>{$trend->month}</td>
                        <td>{$trend->total_submissions}</td>
                        <td style="color:#28a745;">{$trend->approved}</td>
                        <td style="color:#dc3545;">{$trend->rejected}</td>
                        <td>{$trend->avg_processing_time}h</td>
                    </tr>
                {/foreach}
            </table>
        </div>
    {/if}
</div>

<!-- JavaScript Functions -->
<script type="text/javascript">
{literal}
function approveRICA(id) {
    if (confirm('Are you sure you want to approve this RICA verification?')) {
        window.location.href = '?action=approve&id=' + id;
    }
}

function rejectRICA(id) {
    var reason = prompt('Please provide a reason for rejection:');
    if (reason) {
        window.location.href = '?action=reject&id=' + id + '&reason=' + encodeURIComponent(reason);
    }
}

function requestAdditional(id) {
    var request = prompt('What additional documents/information is required?');
    if (request) {
        window.location.href = '?action=request_additional&id=' + id + '&request=' + encodeURIComponent(request);
    }
}

function addNote(id) {
    var note = prompt('Add a note to this submission:');
    if (note) {
        window.location.href = '?action=add_note&id=' + id + '&note=' + encodeURIComponent(note);
    }
}

function viewDocument(src) {
    window.open(src, 'Document', 'width=800,height=600,scrollbars=yes');
}

function toggleAll(checkbox) {
    var checkboxes = document.getElementsByName('submission_ids[]');
    for (var i = 0; i < checkboxes.length; i++) {
        checkboxes[i].checked = checkbox.checked;
    }
}

function bulkAction(action) {
    var checkboxes = document.getElementsByName('submission_ids[]');
    var checked = false;
    
    for (var i = 0; i < checkboxes.length; i++) {
        if (checkboxes[i].checked) {
            checked = true;
            break;
        }
    }
    
    if (!checked) {
        alert('Please select at least one submission.');
        return;
    }
    
    if (action === 'approve' && confirm('Are you sure you want to approve all selected submissions?')) {
        document.getElementById('bulk_action').value = 'approve';
        document.getElementById('bulkForm').submit();
    } else if (action === 'reject') {
        var reason = prompt('Please provide a reason for bulk rejection:');
        if (reason) {
            document.getElementById('bulk_action').value = 'reject:' + reason;
            document.getElementById('bulkForm').submit();
        }
    } else if (action === 'export') {
        document.getElementById('bulk_action').value = 'export';
        document.getElementById('bulkForm').submit();
    }
}
{/literal}
</script>