{* Client area RICA document upload template *}
<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">
            <i class="fa fa-upload"></i> RICA Document Upload for DID: {$did_number}
        </h3>
    </div>
    <div class="panel-body">
        {include file="$template/includes/alert.tpl" type="info" msg="RICA (Regulation of Interception of Communications) verification is required for all DID numbers in South Africa. Please upload the required documents below."}

        {if $rica_status}
            {if $rica_status eq 'verified'}
                {include file="$template/includes/alert.tpl" type="success" msg="Your RICA documentation has been verified successfully. Your DID number is now active."}
            {elseif $rica_status eq 'pending'}
                {include file="$template/includes/alert.tpl" type="warning" msg="Your documents are being reviewed. This typically takes 1-3 business days."}
            {elseif $rica_status eq 'rejected'}
                {include file="$template/includes/alert.tpl" type="danger" msg="Your documents were rejected: `$rejection_reason`. Please review the requirements and upload new documents."}
            {/if}
        {/if}

        {if $rica_status neq 'verified'}
            <form id="ricaUploadForm" enctype="multipart/form-data" method="post" action="{$smarty.server.PHP_SELF}">
                <input type="hidden" name="a" value="productdetails" />
                <input type="hidden" name="id" value="{$serviceid}" />
                <input type="hidden" name="modop" value="custom" />
                <input type="hidden" name="ac" value="rica_upload_submit" />
                <input type="hidden" name="did_number" value="{$did_number}" />

                <div class="form-group">
                    <label for="id_document">Identity Document <span class="text-danger">*</span></label>
                    <input type="file" class="form-control" id="id_document" name="id_document" accept="image/*,.pdf" required>
                    <div class="help-block">
                        <strong>Accepted:</strong> South African ID Book, Smart ID Card, or Passport<br>
                        <strong>Format:</strong> PDF, JPG, PNG (max 5MB)<br>
                        <strong>Requirements:</strong> Clear, readable, all corners visible
                    </div>
                </div>

                <div class="form-group">
                    <label for="proof_of_address">Proof of Address <span class="text-danger">*</span></label>
                    <input type="file" class="form-control" id="proof_of_address" name="proof_of_address" accept="image/*,.pdf" required>
                    <div class="help-block">
                        <strong>Accepted:</strong> Municipal bill, bank statement, lease agreement (not older than 3 months)<br>
                        <strong>Format:</strong> PDF, JPG, PNG (max 5MB)<br>
                        <strong>Requirements:</strong> Must show full name and residential address
                    </div>
                </div>

                {if $business_registration_required}
                    <div class="form-group">
                        <label for="business_registration">Business Registration Certificate <span class="text-danger">*</span></label>
                        <input type="file" class="form-control" id="business_registration" name="business_registration" accept="image/*,.pdf" required>
                        <div class="help-block">
                            <strong>Required for business accounts:</strong> CIPC registration certificate<br>
                            <strong>Format:</strong> PDF, JPG, PNG (max 5MB)
                        </div>
                    </div>
                {/if}

                <div class="form-group">
                    <label for="additional_info">Additional Information (Optional)</label>
                    <textarea class="form-control" id="additional_info" name="additional_info" rows="3" 
                              placeholder="Any additional information that might help with verification"></textarea>
                </div>

                <div class="checkbox">
                    <label>
                        <input type="checkbox" id="terms_agreement" name="terms_agreement" required>
                        I confirm that all uploaded documents are authentic and belong to me/my organization. 
                        I understand that providing false information is a criminal offense.
                    </label>
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-lg" id="submitBtn">
                        <i class="fa fa-upload"></i> Upload Documents
                    </button>
                    <a href="{$smarty.server.PHP_SELF}?a=productdetails&id={$serviceid}" class="btn btn-default btn-lg">
                        <i class="fa fa-arrow-left"></i> Back to Service
                    </a>
                </div>
            </form>
        {else}
            <div class="text-center">
                <p class="lead text-success">
                    <i class="fa fa-check-circle fa-3x"></i><br>
                    Your RICA verification is complete!
                </p>
                <a href="{$smarty.server.PHP_SELF}?a=productdetails&id={$serviceid}" class="btn btn-success btn-lg">
                    <i class="fa fa-arrow-left"></i> Back to Service
                </a>
            </div>
        {/if}
    </div>
</div>

<!-- RICA Requirements Information -->
<div class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
            <a data-toggle="collapse" href="#ricaRequirements">
                <i class="fa fa-question-circle"></i> RICA Requirements & Guidelines
            </a>
        </h4>
    </div>
    <div id="ricaRequirements" class="panel-collapse collapse">
        <div class="panel-body">
            <div class="row">
                <div class="col-md-6">
                    <h5>Acceptable Identity Documents:</h5>
                    <ul>
                        <li>South African ID Book (green cover)</li>
                        <li>South African Smart ID Card</li>
                        <li>Valid South African Passport</li>
                        <li>Valid foreign passport (with valid visa/permit)</li>
                    </ul>

                    <h5>Acceptable Proof of Address:</h5>
                    <ul>
                        <li>Municipal account (water, electricity, rates)</li>
                        <li>Bank statement</li>
                        <li>Lease agreement (signed and witnessed)</li>
                        <li>Telephone account</li>
                        <li>Insurance statement</li>
                    </ul>
                </div>
                <div class="col-md-6">
                    <h5>Document Quality Requirements:</h5>
                    <ul>
                        <li>All text must be clearly readable</li>
                        <li>All four corners must be visible</li>
                        <li>No shadows or glare obscuring information</li>
                        <li>Document must be in full color (for ID documents)</li>
                        <li>File size should not exceed 5MB</li>
                    </ul>

                    <h5>Business Account Additional Requirements:</h5>
                    <ul>
                        <li>CIPC registration certificate</li>
                        <li>Authorized signatory resolution</li>
                        <li>Director's ID documents</li>
                        <li>Business address verification</li>
                    </ul>
                </div>
            </div>

            {include file="$template/includes/alert.tpl" type="warning" msg="<strong>Important Notes:</strong><br>• All documents must be current and valid<br>• Proof of address must not be older than 3 months<br>• Processing typically takes 1-3 business days<br>• Rejected documents will include specific feedback for resubmission<br>• Your DID will remain inactive until RICA verification is complete"}
        </div>
    </div>
</div>

<script>
$(document).ready(function() {
    $('#ricaUploadForm').on('submit', function(e) {
        e.preventDefault();
        
        var formData = new FormData(this);
        var submitBtn = $('#submitBtn');
        
        // Validate file sizes
        var maxSize = 5 * 1024 * 1024; // 5MB
        var oversizedFiles = [];
        
        $('input[type="file"]').each(function() {
            if (this.files[0] && this.files[0].size > maxSize) {
                oversizedFiles.push($(this).prev('label').text());
            }
        });
        
        if (oversizedFiles.length > 0) {
            alert('The following files are too large (max 5MB): ' + oversizedFiles.join(', '));
            return;
        }
        
        // Disable submit button and show loading
        submitBtn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Uploading...');
        
        $.ajax({
            url: '{$smarty.server.PHP_SELF}',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {
                try {
                    var data = JSON.parse(response);
                    if (data.success) {
                        alert('Documents uploaded successfully! You will be notified once verification is complete.');
                        location.reload();
                    } else {
                        alert('Upload failed: ' + data.message);
                        submitBtn.prop('disabled', false).html('<i class="fa fa-upload"></i> Upload Documents');
                    }
                } catch(e) {
                    // If not JSON, assume it's a page reload (successful upload)
                    location.reload();
                }
            },
            error: function() {
                alert('Upload failed. Please try again.');
                submitBtn.prop('disabled', false).html('<i class="fa fa-upload"></i> Upload Documents');
            }
        });
    });
    
    // File input validation
    $('input[type="file"]').on('change', function() {
        var file = this.files[0];
        var maxSize = 5 * 1024 * 1024; // 5MB
        var allowedTypes = ['image/jpeg', 'image/png', 'image/jpg', 'application/pdf'];
        
        if (file) {
            if (file.size > maxSize) {
                alert('File is too large. Maximum size is 5MB.');
                $(this).val('');
                return;
            }
            
            if (!allowedTypes.includes(file.type)) {
                alert('Invalid file type. Please upload JPG, PNG, or PDF files only.');
                $(this).val('');
                return;
            }
            
            // Show file name
            $(this).next('.help-block').prepend('<div class="text-success"><i class="fa fa-file"></i> ' + file.name + ' selected</div>');
        }
    });
});
</script>