Status: ${data.status}
Visa Information
Visa Type: ${data.visa_type}
Expiry Date: ${data.expiry_date}
Country: ${data.country}
`;
}
}
// ============================================
// 10. ACCESSIBILITY - High Contrast Mode
// ============================================
const highContrastToggle = document.querySelector('#high-contrast-toggle');
if (highContrastToggle) {
highContrastToggle.addEventListener('click', function() {
document.body.classList.toggle('high-contrast');
localStorage.setItem('highContrast', document.body.classList.contains('high-contrast'));
});
// Load saved preference
if (localStorage.getItem('highContrast') === 'true') {
document.body.classList.add('high-contrast');
}
}
// ============================================
// 11. PROGRESS INDICATOR for forms
// ============================================
const formInputs = document.querySelectorAll('form input, form textarea');
formInputs.forEach(input => {
input.addEventListener('focus', function() {
const progressBar = document.querySelector('.progress-fill');
if (progressBar) {
const filled = document.querySelectorAll('form input:valid, form textarea:valid').length;
const total = formInputs.length;
const percentage = (filled / total) * 100;
progressBar.style.width = percentage + '%';
}
});
});
// ============================================
// 12. DYNAMIC BREADCRUMB
// ============================================
function updateBreadcrumb() {
const breadcrumb = document.querySelector('.breadcrumbs');
if (breadcrumb) {
const path = window.location.pathname.split('/').filter(p => p);
let html = '