// Tab switching functionality function switchTab(tabId) { // Hide all tab contents document.querySelectorAll('.tab-content').forEach(tab => { tab.classList.add('hidden'); tab.classList.remove('active'); }); // Deactivate all tabs document.querySelectorAll('.tab').forEach(tab => { tab.classList.remove('active', 'text-blue-600', 'dark:text-blue-400', 'border-blue-500'); tab.classList.add('text-gray-500', 'dark:text-gray-400'); }); // Show selected tab content document.getElementById(tabId).classList.remove('hidden'); document.getElementById(tabId).classList.add('active'); // Activate selected tab const activeTab = Array.from(document.querySelectorAll('.tab')).find(tab => tab.getAttribute('onclick').includes(tabId) ); if (activeTab) { activeTab.classList.add('active', 'text-blue-600', 'dark:text-blue-400', 'border-b-2', 'border-blue-500'); activeTab.classList.remove('text-gray-500', 'dark:text-gray-400'); } } // Modal functionality function openModal(content) { const modal = document.getElementById('orderModal'); const modalContent = document.getElementById('orderModalContent'); modalContent.innerHTML = content; modal.classList.remove('hidden'); document.body.style.overflow = 'hidden'; } function closeModal() { document.getElementById('orderModal').classList.add('hidden'); document.body.style.overflow = 'auto'; } // Close modal when clicking outside document.getElementById('orderModal').addEventListener('click', function(e) { if (e.target === this) { closeModal(); } }); // Simulate loading data document.addEventListener('DOMContentLoaded', function() { setTimeout(() => { document.getElementById('loading').classList.add('hidden'); document.getElementById('content').classList.remove('hidden'); // Sample data population document.getElementById('userName').textContent = 'علی محمدی'; document.getElementById('userUsername').textContent = '@alimohammadi'; document.getElementById('walletBalance').textContent = '1,250,000'; document.getElementById('activeSubs').textContent = '2'; document.getElementById('totalOrders').textContent = '7'; document.getElementById('infoUserId').textContent = 'USER-789456'; document.getElementById('infoPhone').textContent = '+98 912 345 6789'; document.getElementById('infoJoinDate').textContent = '1402/05/12'; document.getElementById('infoDiscount').textContent = '15%'; document.getElementById('infoTrial').classList.remove('hidden'); }, 1500); // Retry button functionality document.getElementById('retryButton').addEventListener('click', function() { document.getElementById('error').classList.add('hidden'); document.getElementById('loading').classList.remove('hidden'); setTimeout(() => { document.getElementById('loading').classList.add('hidden'); document.getElementById('content').classList.remove('hidden'); }, 1000); }); }); // Initialize feather icons if (typeof feather !== 'undefined') { feather.replace(); }