blog.js

/* =========================================
   FAVORITES MANAGER
   (Restored logic to make the Heart buttons work)
   ========================================= */
class FavoritesManager {
    constructor() {
        this.storageKey = 'agritech_favorite_blogs';
        this.favorites = JSON.parse(localStorage.getItem(this.storageKey)) || [];
        window.favoritesManager = this;
    }

    isFavorite(blogId) {
        return this.favorites.some(blog => blog.id === blogId);
    }

    addToFavorites(blogData) {
        if (this.isFavorite(blogData.id)) return false;

        blogData.addedAt = new Date().toISOString();
        this.favorites.push(blogData);
        this.save();

        this.showNotification(`Added to favorites: ${blogData.title}`, 'success');
        this.dispatchEvent(blogData.id, true);
        return true;
    }

    removeFromFavorites(blogId) {
        this.favorites = this.favorites.filter(blog => blog.id !== blogId);
        this.save();

        this.showNotification('Removed from favorites', 'error');
        this.dispatchEvent(blogId, false);
        return true;
    }

    getFavorites() {
        return this.favorites;
    }

    save() {
        localStorage.setItem(this.storageKey, JSON.stringify(this.favorites));
    }

    dispatchEvent(blogId, isFavorite) {
        const event = new CustomEvent('favoriteToggle', {
            detail: { blogId, isFavorite }
        });
        document.dispatchEvent(event);
    }

    showNotification(message, type = 'success') {
        const notification = document.createElement('div');
        notification.textContent = message;

        Object.assign(notification.style, {
            position: 'fixed',
            top: '20px',
            right: '20px',
            padding: '12px 20px',
            borderRadius: '8px',
            color: 'white',
            fontWeight: '500',
            zIndex: '10000',
            background: type === 'success' ? '#2c5f2d' : '#e74c3c',
            boxShadow: '0 4px 15px rgba(0,0,0,0.2)'
        });

        document.body.appendChild(notification);
        setTimeout(() => notification.remove(), 3000);
    }
}

if (!window.favoritesManager) {
    class FavoritesManager {
        constructor() {
            this.storageKey = 'agritech_favorite_blogs';
            this.favorites = JSON.parse(localStorage.getItem(this.storageKey)) || [];
            window.favoritesManager = this;
            // console.log('✅ FavoritesManager initialized');
        }

        isFavorite(blogId) {
            return this.favorites.some(blog => blog.id === blogId);
        }

        addToFavorites(blogData) {
            if (this.isFavorite(blogData.id)) return false;
            blogData.addedAt = new Date().toISOString();
            this.favorites.push(blogData);
            localStorage.setItem(this.storageKey, JSON.stringify(this.favorites));

            // Show notification
            const notification = document.createElement('div');
            notification.textContent = `Added to favorites: ${blogData.title}`;
            notification.style.cssText = 'position:fixed;top:20px;right:20px;background:#2c5f2d;color:white;padding:12px 20px;border-radius:8px;z-index:10000;';
            document.body.appendChild(notification);
            setTimeout(() => notification.remove(), 3000);

            // Dispatch event
            const event = new CustomEvent('favoriteToggle', {
                detail: { blogId: blogData.id, isFavorite: true, blogData }
            });
            document.dispatchEvent(event);

            return true;
        }

        removeFromFavorites(blogId) {
            this.favorites = this.favorites.filter(blog => blog.id !== blogId);
            localStorage.setItem(this.storageKey, JSON.stringify(this.favorites));

            // Dispatch event
            const event = new CustomEvent('favoriteToggle', {
                detail: { blogId, isFavorite: false }
            });
            document.dispatchEvent(event);

            return true;
        }

        getFavorites() {
            return this.favorites;
        }
    }

    // Initialize immediately
    new FavoritesManager();
}

// Sample blog data - UPDATED with full content for "Read More" functionality
const defaultBlogPosts = [
    {
        id: 'sustainable-farming-2025',
        title: "Sustainable Farming Practices for 2025",
        category: "sustainability",
        description: "Discover innovative sustainable farming techniques that are revolutionizing agriculture.",
        image: "https://images.unsplash.com/photo-1500382017468-9049fed747ef?w=400&h=250&fit=crop",
        content: `
            <p><strong>Sustainability is no longer a choice; it's a necessity.</strong> As we move into 2025, modern agriculture is seeing a massive shift towards eco-friendly practices that not only protect the environment but also improve long-term yield.</p>
            
            <h4>1. Precision Irrigation</h4>
            <p>Water scarcity is a major concern. New drip irrigation systems powered by IoT sensors can reduce water usage by up to 40% by delivering water directly to the root zone only when moisture levels drop.</p>

            <h4>2. Regenerative Agriculture</h4>
            <p>Farmers are moving away from heavy tilling. No-till farming helps maintain soil structure, retain water, and sequester carbon. Cover crops like clover and rye are being used extensively to restore soil nutrients naturally.</p>
            
            <p>By adopting these methods, farmers can lower their input costs while ensuring their land remains fertile for generations to come.</p>
        `,
        author: "Dr. Sarah Green",
        date: "2025-01-10"
    },
    {
        id: 'ai-agriculture-revolution',
        title: "AI in Agriculture: The Next Revolution",
        category: "technology",
        description: "How artificial intelligence is transforming farming operations.",
        image: "https://images.unsplash.com/photo-1555255707-c07966088b7b?w=400&h=250&fit=crop",
        content: `
            <p>Artificial Intelligence is not just for tech companies—it is revolutionizing the farm. From predictive analytics to autonomous tractors, AI is helping farmers make smarter decisions.</p>

            <h4>Predictive Analytics</h4>
            <p>Using historical weather data and soil conditions, AI models can now predict crop yields with over 90% accuracy. This allows farmers to plan their supply chain logistics weeks in advance.</p>

            <h4>Drone Technology</h4>
            <p>Drones equipped with multispectral cameras can scan fields to detect early signs of pest infestations or nutrient deficiencies. This "precision spraying" means chemicals are only used exactly where needed, reducing cost and environmental impact.</p>

            <p>The future of farming is data-driven, and AI is the engine driving this change.</p>
        `,
        author: "Tech Farm Review",
        date: "2025-01-08"
    },
    {
        id: 'organic-pest-control',
        title: "Organic Pest Control Methods",
        category: "sustainability",
        description: "Natural ways to protect crops from pests without chemicals.",
        image: "https://images.unsplash.com/photo-1574323347407-f5e1ad6d020b?w=400&h=250&fit=crop",
        content: `
            <p>Chemical pesticides have long been the standard, but they come with heavy costs to biodiversity and soil health. Organic pest control is proving to be a powerful alternative.</p>

            <h4>Beneficial Insects</h4>
            <p>Introducing predators like Ladybugs and Lacewings can naturally control aphid populations. This biological warfare creates a balanced ecosystem where pests are managed without toxic sprays.</p>

            <h4>Neem Oil & Natural Sprays</h4>
            <p>Neem oil acts as a powerful repellent for over 200 species of chewing or sucking insects. Unlike synthetic chemicals, it is biodegradable and non-toxic to birds and mammals.</p>

            <p>Transitioning to organic control takes time, but the premium price of organic produce makes it a worthy investment.</p>
        `,
        author: "Organic Farming Association",
        date: "2025-01-05"
    },
    {
        id: "soil-health-basics",
        title: "Soil Health Basics Every Farmer Should Know",
        category: "farming-tips",
        description: "Healthy soil is the foundation of successful farming. Learn simple ways to improve it.",
        author: "Anita Verma",
        date: "February 10, 2025",
        image: "https://cdn.tractorkarvan.com/tr:f-webp/images/Blogs/soil-health-card-scheme/Soil-Health-Card-Scheme-Blog.jpg",
        content: `
            <p>Healthy soil leads to better crop growth and higher yields.</p>
            <h4>Key Tips</h4>
            <ul>
                <li>Add organic compost regularly</li>
                <li>Avoid over-tilling the land</li>
                <li>Test soil nutrients every season</li>
            </ul>
            <p>Improving soil health ensures long-term farm sustainability.</p>
        `
    },
    {
        id: "water-saving-irrigation",
        title: "Water-Saving Irrigation Techniques",
        category: "farming-tips",
        description: "Reduce water usage while maintaining crop productivity with smart irrigation.",
        author: "Ramesh Patel",
        date: "February 18, 2025",
        image: "https://images.unsplash.com/photo-1524486361537-8ad15938e1a3?w=800&fit=crop",
        content: `
            <p>Water management is crucial, especially in dry regions.</p>
            <h4>Best Practices</h4>
            <ul>
                <li>Use drip irrigation systems</li>
                <li>Water crops early in the morning</li>
                <li>Monitor soil moisture regularly</li>
            </ul>
            <p>Efficient irrigation saves resources and increases profitability.</p>
        `
    },
    {
        id: "natural-pest-control",
        title: "Natural Pest Control Methods",
        category: "farming-tips",
        description: "Protect crops using eco-friendly pest control methods instead of chemicals.",
        author: "Dr. Kunal Mehta",
        date: "March 02, 2025",
        image: "https://images.unsplash.com/photo-1605000797499-95a51c5269ae?w=800&fit=crop",
        content: `
            <p>Chemical pesticides can harm soil and crops.</p>
            <h4>Natural Solutions</h4>
            <ul>
                <li>Neem oil spray</li>
                <li>Introduce beneficial insects</li>
                <li>Practice crop rotation</li>
            </ul>
            <p>Natural pest control keeps farms safe and sustainable.</p>
        `
    },
    {
        id: "seasonal-crop-planning",
        title: "Seasonal Crop Planning for Better Yield",
        category: "farming-tips",
        description: "Choosing the right crop for the right season can significantly boost yield.",
        author: "Sunita Rao",
        date: "March 20, 2025",
        image: "https://i.ytimg.com/vi/v3lFfRBZkxY/maxresdefault.jpg",
        content: `
            <p>Seasonal planning helps farmers avoid losses.</p>
            <h4>Planning Tips</h4>
            <ul>
                <li>Understand local climate patterns</li>
                <li>Choose crops suited to the season</li>
                <li>Rotate crops yearly</li>
            </ul>
            <p>Smart planning leads to stable income and healthy soil.</p>
        `
    },

    {
        id: "maximize-yield-crop-rotation",
        title: "Maximize Yield with Crop Rotation",
        category: "farming-tips",
        description: "Learn how crop rotation improves soil health and boosts crop yield.",
        author: "Dr. R.K. Singh",
        date: "March 15, 2025",
        image: "https://images.unsplash.com/photo-1625246333195-78d9c38ad449?auto=format&fit=crop&w=800&q=80",
        content: `
            <p>Crop rotation is the practice of planting different crops sequentially on the same plot of land...</p>
        `
    },

    {
        id: "5",
        title: "Agri-Market Trends: Wheat Prices Soar",
        category: "market-trends", // Matches the button data-category="market-trends"
        author: "Market Watch Team",
        date: "March 18, 2025",
        image: "https://images.unsplash.com/photo-1574943320219-553eb213f72d?auto=format&fit=crop&w=800&q=80",
        content: "The global wheat market is experiencing a significant upturn this quarter due to changing climate patterns in major export zones. Farmers in India are seeing a 15% increase in MSP..."
    },
    {
        id: "6",
        title: "Starting an Organic Fertilizer Business",
        category: "business", // Matches the button data-category="business"
        author: "Amit Patel",
        date: "March 20, 2025",
        image: "https://images.unsplash.com/photo-1605000797499-95a51c5269ae?auto=format&fit=crop&w=800&q=80",
        content: "Turning farm waste into gold! Vermicomposting is one of the most profitable low-investment agri-businesses today. Here is a step-by-step guide to setting up your own unit..."
    },
    {
    id: "7",
    title: "Smart Sensors and IoT in Precision Agriculture",
    category: "technology",
    description: "How IoT-enabled smart sensors help farmers monitor soil, crops, and weather conditions in real time for data-driven farming decisions.",
    author: "AgriTech Research Team",
    date: "March 25, 2025",
    image: "https://images.unsplash.com/photo-1581092160562-40aa08e78837?w=800&fit=crop",
    content: `
        <p>Precision agriculture is transforming modern farming by integrating smart sensors and Internet of Things (IoT) technologies into everyday agricultural practices.</p>

        <h4>Real-Time Soil Monitoring</h4>
        <p>IoT-enabled soil sensors continuously track moisture levels, nutrient content, and temperature. This helps farmers optimize irrigation and fertilizer usage, reducing waste and improving crop health.</p>

        <h4>Crop Health & Weather Insights</h4>
        <p>Advanced sensors and weather stations provide real-time data on humidity, rainfall, and disease risk. Farmers can take timely action to prevent crop loss and increase productivity.</p>

        <h4>Data-Driven Decision Making</h4>
        <p>By combining sensor data with analytics dashboards, farmers can make informed decisions, improve yield quality, and adopt sustainable farming practices.</p>

        <p>Smart sensors and IoT are key pillars of the future of precision agriculture.</p>
    `
},

];

// Initialize blogPosts with defaults + user posts
let userPosts = JSON.parse(localStorage.getItem('agritech_user_posts')) || [];
let blogPosts = [...defaultBlogPosts, ...userPosts];

// Default fallback image (inline SVG data URL) for missing or broken images
const DEFAULT_BLOG_IMAGE = 'data:image/svg+xml;utf8,' + encodeURIComponent(`
    <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
        <rect width="100%" height="100%" fill="#e6f4ea"/>
        <g fill="#2e7d32">
            <circle cx="150" cy="150" r="80" />
            <rect x="250" y="110" width="520" height="80" rx="8"/>
        </g>
        <text x="50%" y="85%" font-family="Arial, Helvetica, sans-serif" font-size="32" fill="#2e7d32" text-anchor="middle">AgriTech — Image unavailable</text>
    </svg>
`);

// Global variables
let currentPage = 0;
const postsPerPage = 6;
let filteredPosts = [...blogPosts];
let currentCategory = 'all';
let searchQuery = '';
let currentModalPostId = null;
let _lastFocusedElement = null;

// Wait for DOM and FavoritesManager to be ready
document.addEventListener('DOMContentLoaded', function () {
    // Slight delay to ensure FavoritesManager is attached
    setTimeout(() => {
        if (!window.favoritesManager) {
            window.favoritesManager = new FavoritesManager();
        }

        displayPosts();
        setupEventListeners();
        updateFavoriteCounter();
        openBlogFromQuery();
    }, 50);
});

function openBlogFromQuery() {
    const params = new URLSearchParams(window.location.search);
    const blogId = params.get('id');

    if (!blogId) return;

    const post = blogPosts.find((item) => item.id === blogId);
    if (!post) return;

    openModal(blogId);
}



// Setup event listeners
function setupEventListeners() {
    // Search functionality
    document.getElementById('searchInput').addEventListener('input', function () {
        searchQuery = this.value.toLowerCase();
        filterPosts();
    });
    // Specific listener for the enhanced modal close button
    const closeBlogBtn = document.getElementById('closeBlogModal');
    if (closeBlogBtn) {
        closeBlogBtn.addEventListener('click', closeModalHandler);
    }

    // Filter buttons
    document.querySelectorAll('.filter-btn').forEach(button => {
        button.addEventListener('click', function () {
            document.querySelectorAll('.filter-btn').forEach(btn => btn.classList.remove('active'));
            this.classList.add('active');
            currentCategory = this.dataset.category;
            filterPosts();
        });
    });

    // Load more button
    document.getElementById('loadMoreBtn').addEventListener('click', loadMorePosts);

    // Modal functionality
    document.querySelector('.close').addEventListener('click', closeModalHandler);

    window.addEventListener('click', function (event) {
        if (event.target === document.getElementById('blogModal')) {
            closeModalHandler();
        }
    });

    // Modal favorite button
    document.getElementById('modalFavoriteBtn').addEventListener('click', toggleModalFavorite);

    // Keyboard handling for blog modal: ESC close and focus trap
    document.addEventListener('keydown', function (event) {
        const blogModal = document.getElementById('blogModal');
        if (!blogModal) return;

        const isOpen = blogModal.style.display === 'block';

        if (!isOpen) return;

        if (event.key === 'Escape') {
            closeModalHandler();
        }

        if (event.key === 'Tab') {
            // Focus trap within modal
            const focusableSelectors = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"])';
            const focusable = Array.from(blogModal.querySelectorAll(focusableSelectors)).filter(el => el.offsetParent !== null);
            if (focusable.length === 0) return;

            const first = focusable[0];
            const last = focusable[focusable.length - 1];

            if (event.shiftKey) {
                if (document.activeElement === first) {
                    event.preventDefault();
                    last.focus();
                }
            } else {
                if (document.activeElement === last) {
                    event.preventDefault();
                    first.focus();
                }
            }
        }
    });

    // Event delegation for favorite buttons
    document.addEventListener('click', function (e) {
        if (e.target.closest('.favorite-btn')) {
            e.preventDefault();
            e.stopPropagation();
            const button = e.target.closest('.favorite-btn');
            const blogId = button.getAttribute('data-blog-id');

            // console.log('🎯 Favorite button clicked:', blogId);
            toggleFavorite(blogId);
        }
    });

    // Create Post Modal
    const createPostBtn = document.getElementById('createPostBtn');
    if (createPostBtn) {
        createPostBtn.addEventListener('click', () => {
            const modal = document.getElementById('createPostModal');
            modal.style.display = 'block';
            document.body.style.overflow = 'hidden';
            createPostBtn.setAttribute('aria-expanded', 'true');

            setTimeout(() => {
                const firstField = document.getElementById('postTitle');
                if (firstField) {
                    firstField.focus();
                }
            }, 50);
        });
    }

    const closeCreateModal = document.getElementById('closeCreateModal');
    if (closeCreateModal) {
        closeCreateModal.addEventListener('click', () => {
            document.getElementById('createPostModal').style.display = 'none';
            document.body.style.overflow = 'auto';
            if (createPostBtn) {
                createPostBtn.setAttribute('aria-expanded', 'false');
                createPostBtn.focus();
            }
        });
    }

    // Handle Create Post Form Submission
    const createPostForm = document.getElementById('createPostForm');
    if (createPostForm) {
        createPostForm.addEventListener('submit', handleCreatePost);
    }

    // Close create modal on clicking outside
    window.addEventListener('click', function (event) {
        if (event.target === document.getElementById('createPostModal')) {
            document.getElementById('createPostModal').style.display = 'none';
            document.body.style.overflow = 'auto';
            if (createPostBtn) {
                createPostBtn.setAttribute('aria-expanded', 'false');
            }
        }
    });

    document.addEventListener('keydown', function (event) {
        if (event.key === 'Escape') {
            const modal = document.getElementById('createPostModal');
            if (modal && modal.style.display === 'block') {
                modal.style.display = 'none';
                document.body.style.overflow = 'auto';
                if (createPostBtn) {
                    createPostBtn.setAttribute('aria-expanded', 'false');
                    createPostBtn.focus();
                }
            }
        }
    });
}

// Update favorite counter
function updateFavoriteCounter() {
    if (window.favoritesManager) {
        const favorites = window.favoritesManager.getFavorites();
        const count = favorites.length;
        document.querySelectorAll('.favorite-count').forEach(element => {
            element.textContent = count;
            if (count > 0) {
                element.style.display = 'inline-flex';
            } else {
                element.style.display = 'none';
            }
        });
    }
}

// Filter posts
function filterPosts() {
    filteredPosts = blogPosts.filter(post => {
        const matchesSearch =
    post.title.toLowerCase().includes(searchQuery) ||
    (post.description && post.description.toLowerCase().includes(searchQuery)) ||
    (post.category && post.category.toLowerCase().includes(searchQuery));
        const matchesCategory = currentCategory === 'all' || post.category === currentCategory;
        return matchesSearch && matchesCategory;
    });

    currentPage = 0;
    document.getElementById('blogGrid').innerHTML = '';
    displayPosts();
}

// Display posts with favorite buttons
function displayPosts() {
    const blogGrid = document.getElementById('blogGrid');
    const startIndex = currentPage * postsPerPage;
    const endIndex = startIndex + postsPerPage;
    const postsToShow = filteredPosts.slice(startIndex, endIndex);

    if (postsToShow.length === 0 && startIndex === 0) {
        blogGrid.innerHTML = '<div style="grid-column: 1/-1; text-align: center; padding: 3rem; color: #666;">No posts found.</div>';
        document.getElementById('loadMoreBtn').style.display = 'none';
        return;
    }

    postsToShow.forEach(post => {
        const isFavorite = window.favoritesManager ? window.favoritesManager.isFavorite(post.id) : false;
        const favoriteIcon = isFavorite ? 'fas fa-heart' : 'far fa-heart';
        const favoriteClass = isFavorite ? 'favorite-btn active' : 'favorite-btn';

        const postElement = document.createElement('div');
        postElement.className = 'blog-card';
        postElement.innerHTML = `
            <img src="${post.image || DEFAULT_BLOG_IMAGE}" alt="${post.title}" onerror="this.onerror=null;this.src='${DEFAULT_BLOG_IMAGE}';">
            <button
                class="${favoriteClass}"
                data-blog-id="${post.id}"
                aria-label="${isFavorite ? 'Remove blog from favorites' : 'Add blog to favorites'}"
                aria-pressed="${isFavorite}"
                >
                    <i class="${favoriteIcon}" aria-hidden="true"></i>
                </button>
            </button>
            <div class="card-content">
                <span class="card-category">${post.category.replace('-', ' ')}</span>
                <h3 class="card-title">${post.title}</h3>

                <p class="card-description">${post.description || ''}</p>
    
                <div class="card-footer">
                <div class="card-meta">
                    <span class="card-author">By ${post.author}</span>
                    <span class="card-date">${post.date}</span>
                </div>
                <button class="read-more-btn"style="margin-top:16px" onclick="openModal('${post.id}')">Read More</button>
            </div>
        `;
        blogGrid.appendChild(postElement);
    });

    

    if (loadMoreBtn) {
        loadMoreBtn.style.display = 
            (currentPage + 1) * postsPerPage >= filteredPosts.length ? 'none' : 'inline-block';
    }
}

// Toggle favorite
function toggleFavorite(blogId) {
    // console.log('🔄 Toggling favorite for:', blogId);

    if (!window.favoritesManager) {
        alert('❌ Favorites feature not loaded');
        return;
    }

    const post = blogPosts.find(p => p.id === blogId);
    if (!post) {
        // console.error('❌ Post not found:', blogId);
        return;
    }

    const isFavorite = window.favoritesManager.isFavorite(blogId);

    if (isFavorite) {
        window.favoritesManager.removeFromFavorites(blogId);
    } else {
        window.favoritesManager.addToFavorites({
            id: blogId,
            title: post.title,
            description: post.description,
            category: post.category,
            image: post.image,
            author: post.author,
            date: post.date,
            content: post.content
        });
    }

    updateFavoriteButtons(blogId);
    updateFavoriteCounter();
}

// Update favorite buttons
function updateFavoriteButtons(blogId) {
    const buttons = document.querySelectorAll(`.favorite-btn[data-blog-id="${blogId}"]`);
    const isFavorite = window.favoritesManager.isFavorite(blogId);

    buttons.forEach(button => {
        const icon = button.querySelector('i');
        button.classList.toggle('active', isFavorite);
        icon.className = isFavorite ? 'fas fa-heart' : 'far fa-heart';

        button.setAttribute(
        'aria-label',
        isFavorite ? 'Remove blog from favorites' : 'Add blog to favorites'
        );
        button.setAttribute('aria-pressed', isFavorite);

    });

    if (currentModalPostId === blogId) {
        updateModalFavoriteButton();
    }
}

// Load more posts
function loadMorePosts() {
    currentPage++;
    displayPosts();
}

// Open modal
function openModal(postId) {
    const post = blogPosts.find(p => p.id === postId);
    if (!post) return;

    currentModalPostId = postId;
    document.getElementById('modalTitle').textContent = post.title;
    document.getElementById('modalCategory').textContent = post.category.replace('-', ' ');
    const modalImg = document.getElementById('modalImage');
    modalImg.src = post.image || DEFAULT_BLOG_IMAGE;
    modalImg.onerror = function () { this.onerror = null; this.src = DEFAULT_BLOG_IMAGE; };

    document.getElementById('modalContent').innerHTML = post.content;

    // Populate author and date if available
    const authorEl = document.getElementById('modal-Author');
    const dateEl = document.getElementById('modal-Date');
    if (authorEl) authorEl.textContent = (post.author ? 'By ' + post.author : '');
    if (dateEl) dateEl.textContent = (post.date ? post.date : '');

    updateModalFavoriteButton();
    const blogModal = document.getElementById('blogModal');
    // save last focused element to restore later
    _lastFocusedElement = document.activeElement;

    blogModal.style.display = 'block';
    document.body.style.overflow = 'hidden';

    // set focus to close button for accessibility
    setTimeout(() => {
        const closeBtn = document.getElementById('closeBlogModal');
        if (closeBtn) closeBtn.focus();
        // ensure modal-content is focusable for screen readers
        const modalContent = blogModal.querySelector('.modal-content');
        if (modalContent) modalContent.focus();
    }, 50);
}

// Close modal
function closeModalHandler() {
    const blogModal = document.getElementById('blogModal');
    if (blogModal) blogModal.style.display = 'none';
    document.body.style.overflow = 'auto';
    currentModalPostId = null;

    // restore focus to the previously focused element
    try {
        if (_lastFocusedElement && typeof _lastFocusedElement.focus === 'function') {
            _lastFocusedElement.focus();
        }
    } catch (e) {
        // ignore
    }
}

// Update modal favorite button
function updateModalFavoriteButton() {
    if (!window.favoritesManager || !currentModalPostId) return;

    const isFavorite = window.favoritesManager.isFavorite(currentModalPostId);
    const button = document.getElementById('modalFavoriteBtn');
    const icon = button.querySelector('i');

    button.classList.toggle('active', isFavorite);
    icon.className = isFavorite ? 'fas fa-heart' : 'far fa-heart';

    button.setAttribute(
    'aria-label',
    isFavorite ? 'Remove blog from favorites' : 'Add blog to favorites'
    );
    button.setAttribute('aria-pressed', isFavorite);

}

// Toggle favorite from modal
function toggleModalFavorite() {
    if (currentModalPostId) {
        toggleFavorite(currentModalPostId);
    }
}

// Theme toggle
document.getElementById('themeToggle').addEventListener('click', function () {
    const isDark = document.documentElement.hasAttribute('data-theme');
    const icon = document.getElementById('themeIcon');
    const text = document.getElementById('themeText');

    if (isDark) {
        document.documentElement.removeAttribute('data-theme');
        icon.textContent = '🌙';
        text.textContent = 'Dark Mode';
    } else {
        document.documentElement.setAttribute('data-theme', 'dark');
        icon.textContent = '☀️';
        text.textContent = 'Light Mode';
    }
});

// Listen for favorite changes
document.addEventListener('favoriteToggle', function (event) {
    // console.log('📢 Favorite event:', event.detail);
    updateFavoriteButtons(event.detail.blogId);
    updateFavoriteCounter();
});

// Handle Create Post
function handleCreatePost(e) {
    e.preventDefault();

    const title = document.getElementById('postTitle').value;
    const category = document.getElementById('postCategory').value;
    const description = document.getElementById('postContent').value.slice(0, 120) + '...';
    const image = document.getElementById('postImage').value;
    const tags = document.getElementById('postTags').value
        .split(',')
        .map(tag => tag.trim())
        .filter(Boolean);
    const author = document.getElementById('postAuthor').value || 'AgriTech Contributor';
    const content = document.getElementById('postContent').value;

    const newPost = {
        id: 'user-post-' + Date.now(),
        title,
        category,
        description,
        image,
        tags,
        author,
        date: new Date().toLocaleDateString('en-US', {
            year: 'numeric',
            month: 'long',
            day: 'numeric'
        }),
        content,
        isUserPost: true
    };

    const userPosts = JSON.parse(localStorage.getItem('agritech_user_posts')) || [];
    userPosts.unshift(newPost);
    localStorage.setItem('agritech_user_posts', JSON.stringify(userPosts));

    blogPosts.unshift(newPost);
    filterPosts();

    document.getElementById('createPostModal').style.display = 'none';
    document.body.style.overflow = 'auto';
    document.getElementById('createPostForm').reset();

    alert('✅ Blog post published successfully!');
}

/* =========================================
   MULTILINGUAL DYNAMIC BLOG SUPPORT
   ========================================= */
let originalBlogTitles = {};
let originalBlogDescriptions = {};

async function updateBlogTranslations(lang) {
    if (!lang) {
        lang = localStorage.getItem('agritech-lang') || 'en';
    }

    if (lang === 'en') {
        // Restore original English titles/descriptions
        blogPosts.forEach(post => {
            if (originalBlogTitles[post.id]) post.title = originalBlogTitles[post.id];
            if (originalBlogDescriptions[post.id]) post.description = originalBlogDescriptions[post.id];
        });
        filterPosts();
        return;
    }

    // Cache original English text first
    blogPosts.forEach(post => {
        if (!originalBlogTitles[post.id]) originalBlogTitles[post.id] = post.title;
        if (!originalBlogDescriptions[post.id]) originalBlogDescriptions[post.id] = post.description;
    });

    if (window.i18nManager && typeof window.i18nManager.translateBatch === 'function') {
        try {
            const titles = blogPosts.map(p => originalBlogTitles[p.id] || p.title);
            const translatedTitles = await window.i18nManager.translateBatch(titles, lang);
            if (translatedTitles && translatedTitles.length === blogPosts.length) {
                blogPosts.forEach((p, idx) => {
                    p.title = translatedTitles[idx];
                });
            }
        } catch (err) {
            console.debug('Dynamic blog translation fallback:', err);
        }
    }

    filterPosts();
}

window.addEventListener('languageChanged', (e) => {
    const lang = e.detail ? e.detail.lang : 'en';
    updateBlogTranslations(lang);
});

document.addEventListener('DOMContentLoaded', () => {
    const initialLang = localStorage.getItem('agritech-lang') || 'en';
    if (initialLang && initialLang !== 'en') {
        setTimeout(() => updateBlogTranslations(initialLang), 300);
    }
});