// Generic function to toggle any category deals
function toggleCategoryDeals(categoryName) {
    const content = document.getElementById(`${categoryName}-deals-content`);
    const text = document.getElementById(`${categoryName}-deals-text`);
    
    if (content.classList.contains('hidden')) {
        // Show the deals
        content.classList.remove('hidden');
        content.classList.add('block');
        text.innerHTML = 'Hide Deals ←';
        
        // Add smooth animation
        content.style.opacity = '0';
        content.style.transform = 'translateY(-10px)';
        
        setTimeout(() => {
            content.style.transition = 'all 0.3s ease-out';
            content.style.opacity = '1';
            content.style.transform = 'translateY(0)';
        }, 10);
        
    } else {
        // Hide the deals
        content.style.transition = 'all 0.3s ease-in';
        content.style.opacity = '0';
        content.style.transform = 'translateY(-10px)';
        
        setTimeout(() => {
            content.classList.add('hidden');
            content.classList.remove('block');
            text.innerHTML = 'View Deals →';
        }, 300);
    }
}

// Specific toggle functions for each category
function toggleFashionDeals() {
    toggleCategoryDeals('fashion');
}

function toggleElectronicsDeals() {
    toggleCategoryDeals('electronics');
}

function toggleFoodDeals() {
    toggleCategoryDeals('food');
}

function toggleBeautyDeals() {
    toggleCategoryDeals('beauty');
}

function toggleTravelDeals() {
    toggleCategoryDeals('travel');
}

function toggleHomeDeals() {
    toggleCategoryDeals('home');
}

// Copy coupon code to clipboard functionality
function copyCouponCode(code, button) {
    navigator.clipboard.writeText(code).then(() => {
        const originalText = button.innerHTML;
        button.innerHTML = 'Copied! ✓';
        button.classList.add('bg-green-500');
        button.classList.remove('bg-[var(--primary-color)]');
        
        setTimeout(() => {
            button.innerHTML = originalText;
            button.classList.remove('bg-green-500');
            button.classList.add('bg-[var(--primary-color)]');
        }, 2000);
    });
}

// Initialize the page
function init() {
    // Make toggle functions globally available
    window.toggleFashionDeals = toggleFashionDeals;
    window.toggleElectronicsDeals = toggleElectronicsDeals;
    window.toggleFoodDeals = toggleFoodDeals;
    window.toggleBeautyDeals = toggleBeautyDeals;
    window.toggleTravelDeals = toggleTravelDeals;
    window.toggleHomeDeals = toggleHomeDeals;
    window.copyCouponCode = copyCouponCode;
}

// Cleanup function
function teardown() {
    // Remove global functions
    delete window.toggleFashionDeals;
    delete window.toggleElectronicsDeals;
    delete window.toggleFoodDeals;
    delete window.toggleBeautyDeals;
    delete window.toggleTravelDeals;
    delete window.toggleHomeDeals;
    delete window.copyCouponCode;
}

// Export the required functions
export { init, teardown };