script.js

// 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();
}