script.js

document.addEventListener('DOMContentLoaded', function() {
    // 1. Display current verification timestamp
    updateTimestamp();

    // 2. Simulate verification success animation (already handled by CSS classes)
    console.log("Verification process initialized...");

    // 3. Dynamic Data Placeholder Comments
    /* 
       SCALABILITY NOTE:
       To load data from Firebase/SQL/API:
       
       fetch('https://api.mediahouse.co.za/v1/verify/MH-2025-001')
           .then(response => response.json())
           .then(data => {
               document.querySelector('.employee-details h3').textContent = data.name;
               document.getElementById('verificationCode').textContent = data.securityCode;
               // ... update other fields
           });
    */
});

/**
 * Updates the verification timestamp to the current date and time
 */
function updateTimestamp() {
    const timestampElement = document.getElementById('timestamp');
    if (timestampElement) {
        const now = new Date();
        const options = { 
            day: '2-digit', 
            month: 'short', 
            year: 'numeric', 
            hour: '2-digit', 
            minute: '2-digit', 
            second: '2-digit',
            hour12: false 
        };
        timestampElement.textContent = now.toLocaleString('en-GB', options);
    }
}

/**
 * Copies the unique verification code to the clipboard
 */
function copyCode() {
    const code = document.getElementById('verificationCode').textContent;
    navigator.clipboard.writeText(code).then(() => {
        // Simple visual feedback
        const btn = document.querySelector('button[onclick="copyCode()"]');
        const originalIcon = btn.innerHTML;
        btn.innerHTML = '<i class="bi bi-check2"></i>';
        btn.classList.replace('btn-outline-light', 'btn-success');
        
        setTimeout(() => {
            btn.innerHTML = originalIcon;
            btn.classList.replace('btn-success', 'btn-outline-light');
        }, 2000);
    }).catch(err => {
        console.error('Failed to copy: ', err);
    });
}

/**
 * Print functionality is handled by window.print() in the HTML
 * CSS handles the print-specific visibility
 */