{"id":825,"date":"2026-07-21T08:02:00","date_gmt":"2026-07-21T08:02:00","guid":{"rendered":"https:\/\/farm-balers.com\/?page_id=825"},"modified":"2026-07-21T08:02:11","modified_gmt":"2026-07-21T08:02:11","slug":"blog","status":"publish","type":"page","link":"https:\/\/farm-balers.com\/nn\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.farm-balers-hub-wrap html {<!-- [et_pb_line_break_holder] -->    scroll-behavior: smooth !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.farm-balers-hub-wrap .wp-post-title {<!-- [et_pb_line_break_holder] -->    white-space: normal !important;<!-- [et_pb_line_break_holder] -->    overflow: visible !important;<!-- [et_pb_line_break_holder] -->    text-overflow: clip !important;<!-- [et_pb_line_break_holder] -->    word-break: break-word;<!-- [et_pb_line_break_holder] -->    overflow-wrap: break-word;<!-- [et_pb_line_break_holder] -->    line-height: 1.4;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.farm-balers-hub-wrap .spinner {<!-- [et_pb_line_break_holder] -->    border: 3px solid rgba(22, 163, 74, 0.1);<!-- [et_pb_line_break_holder] -->    width: 36px;<!-- [et_pb_line_break_holder] -->    height: 36px;<!-- [et_pb_line_break_holder] -->    border-radius: 50%;<!-- [et_pb_line_break_holder] -->    border-left-color: #16a34a;<!-- [et_pb_line_break_holder] -->    animation: spin 1s linear infinite;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes spin {<!-- [et_pb_line_break_holder] -->    0% { transform: rotate(0deg); }<!-- [et_pb_line_break_holder] -->    100% { transform: rotate(360deg); }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.farm-balers-hub-wrap .sidebar-link.active {<!-- [et_pb_line_break_holder] -->    border-left-color: #16a34a !important;<!-- [et_pb_line_break_holder] -->    background-color: #f0fdf4 !important;<!-- [et_pb_line_break_holder] -->    color: #15803d !important;<!-- [et_pb_line_break_holder] -->    font-weight: 600 !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Fix Divi default box-shadow\/padding override *\/<!-- [et_pb_line_break_holder] -->.farm-balers-hub-wrap .rounded-xl {<!-- [et_pb_line_break_holder] -->    border-radius: 0.75rem !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Tailwind CSS Inline Config (Divi compatible, no external script conflict fix) --><!-- [et_pb_line_break_holder] --><script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->tailwind.config = {<!-- [et_pb_line_break_holder] -->    theme: {<!-- [et_pb_line_break_holder] -->        extend: {<!-- [et_pb_line_break_holder] -->            colors: {<!-- [et_pb_line_break_holder] -->                brand: {<!-- [et_pb_line_break_holder] -->                    50: '#f0fdf4',<!-- [et_pb_line_break_holder] -->                    100: '#dcfce7',<!-- [et_pb_line_break_holder] -->                    600: '#16a34a',<!-- [et_pb_line_break_holder] -->                    700: '#15803d',<!-- [et_pb_line_break_holder] -->                    800: '#166534',<!-- [et_pb_line_break_holder] -->                    900: '#14532d'<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Main Module Wrapper (Isolate all content from Divi global CSS) --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"farm-balers-hub-wrap max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 bg-gray-50 text-gray-800 font-sans antialiased\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <!-- Hero Header --><!-- [et_pb_line_break_holder] -->    <\/p>\n<header class=\"mb-10 text-center md:text-left border-b border-gray-200 pb-6\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h1 class=\"text-3xl sm:text-4xl font-extrabold text-gray-900 tracking-tight\"><!-- [et_pb_line_break_holder] -->            Balers Application Scenarios &#038; Knowledge Hub<!-- [et_pb_line_break_holder] -->        <\/h1>\n<p><!-- [et_pb_line_break_holder] -->        <pee class=\"mt-2 text-lg text-gray-600 max-w-3xl\"><!-- [et_pb_line_break_holder] -->            Explore our comprehensive collection of farm baler operational guides, industry application scenarios, and technical support documentation.<!-- [et_pb_line_break_holder] -->        <\/pee><!-- [et_pb_line_break_holder] -->    <\/header>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- Main Content & Sidebar Grid Container --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"grid grid-cols-1 lg:grid-cols-4 gap-8 relative items-start\"><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <main class=\"lg:col-span-3 space-y-12\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Latest Posts Section --><!-- [et_pb_line_break_holder] -->            <\/p>\n<section id=\"latest-posts-section\" class=\"bg-white rounded-xl p-6 shadow-sm border border-gray-100\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"flex items-center justify-between mb-6 pb-3 border-b border-gray-100\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2 class=\"text-2xl font-bold text-gray-900 flex items-center gap-2\"><!-- [et_pb_line_break_holder] -->                        <span class=\"w-2.5 h-6 bg-brand-600 rounded-full inline-block\"><\/span><!-- [et_pb_line_break_holder] -->                        Latest Technical Articles<!-- [et_pb_line_break_holder] -->                    <\/h2>\n<p><!-- [et_pb_line_break_holder] -->                    <span class=\"text-xs font-semibold uppercase tracking-wider text-brand-700 bg-brand-50 px-3 py-1 rounded-full\"><!-- [et_pb_line_break_holder] -->                        Fresh Updates<!-- [et_pb_line_break_holder] -->                    <\/span><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <!-- Container for WP API latest posts output --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div id=\"latest-posts-list\" class=\"grid grid-cols-1 md:grid-cols-2 gap-6\"><!-- [et_pb_line_break_holder] -->                    <!-- Loading Skeleton Placeholder --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"col-span-full flex flex-col items-center justify-center py-12\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"spinner mb-3\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"text-sm text-gray-500 font-medium\">Fetching latest blog articles&#8230;<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <!-- Dynamic Category Collections Container --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div id=\"dynamic-category-collections\" class=\"space-y-12\"><!-- [et_pb_line_break_holder] -->                <!-- Dynamically populated via REST API --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/main><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<aside class=\"lg:col-span-1 sticky top-8 space-y-6\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"bg-white rounded-xl p-5 shadow-sm border border-gray-100 max-h-[85vh] overflow-y-auto\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3 class=\"text-lg font-bold text-gray-900 mb-4 pb-2 border-b border-gray-100 flex items-center justify-between\"><!-- [et_pb_line_break_holder] -->                    <span>Category Directory<\/span><!-- [et_pb_line_break_holder] -->                    <svg class=\"w-5 h-5 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><!-- [et_pb_line_break_holder] -->                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h7\"><\/path><!-- [et_pb_line_break_holder] -->                    <\/svg><!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <!-- Category Tree Sidebar Links --><!-- [et_pb_line_break_holder] -->                <\/p>\n<nav id=\"sidebar-category-nav\" class=\"space-y-1\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"flex items-center justify-center py-6\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"spinner\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/nav>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/aside>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Core Functional Script (All original logic unchanged) --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->(function() {<!-- [et_pb_line_break_holder] -->    \/\/ Configuration constants<!-- [et_pb_line_break_holder] -->    const DOMAIN = 'https:\/\/farm-balers.com';<!-- [et_pb_line_break_holder] -->    const API_BASE = `${DOMAIN}\/wp-json\/wp\/v2`;<!-- [et_pb_line_break_holder] -->    const POSTS_PER_CAT = 6;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ DOM Target Elements<!-- [et_pb_line_break_holder] -->    const latestContainer = document.getElementById('latest-posts-list');<!-- [et_pb_line_break_holder] -->    const dynamicCollectionsContainer = document.getElementById('dynamic-category-collections');<!-- [et_pb_line_break_holder] -->    const sidebarNav = document.getElementById('sidebar-category-nav');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Helper to sanitize text strings<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    function decodeHTML(html) {<!-- [et_pb_line_break_holder] -->        const txt = document.createElement('textarea');<!-- [et_pb_line_break_holder] -->        txt.innerHTML = html;<!-- [et_pb_line_break_holder] -->        return txt.value;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Format ISO Date string to readable English date<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    function formatDate(dateString) {<!-- [et_pb_line_break_holder] -->        const options = { year: 'numeric', month: 'short', day: 'numeric' };<!-- [et_pb_line_break_holder] -->        return new Date(dateString).toLocaleDateString('en-US', options);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * STREAMING_CHUNK:Fetching latest articles from WordPress REST API<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    async function fetchLatestPosts() {<!-- [et_pb_line_break_holder] -->        try {<!-- [et_pb_line_break_holder] -->            const response = await fetch(`${API_BASE}\/posts?per_page=6&_fields=id,title,link,date,excerpt`);<!-- [et_pb_line_break_holder] -->            if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            const posts = await response.json();<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            if (!posts || posts.length === 0) {<!-- [et_pb_line_break_holder] -->                latestContainer.innerHTML = `<pee class=\"col-span-full text-center py-6 text-gray-500\">No recent articles found.<\/pee>`;<!-- [et_pb_line_break_holder] -->                return;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            latestContainer.innerHTML = posts.map(post => `<!-- [et_pb_line_break_holder] -->                <\/p>\n<article class=\"p-5 rounded-lg border border-gray-100 bg-gray-50 hover:bg-white hover:shadow-md transition-all duration-200 flex flex-col justify-between\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"text-xs text-gray-400 font-medium mb-2\">${formatDate(post.date)}<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"wp-post-title text-base font-bold text-gray-900 mb-3 hover:text-brand-600\"><!-- [et_pb_line_break_holder] -->                            <a href=\"${post.link}\" target=\"_top\" class=\"hover:underline\"><!-- [et_pb_line_break_holder] -->                                ${decodeHTML(post.title.rendered)}<!-- [et_pb_line_break_holder] -->                            <\/a><!-- [et_pb_line_break_holder] -->                        <\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"text-xs text-gray-600 line-clamp-3 mb-4 leading-relaxed\"><!-- [et_pb_line_break_holder] -->                            ${post.excerpt ? post.excerpt.rendered.replace(\/<[^>]+>\/g, '') : ''}<!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <a href=\"${post.link}\" target=\"_top\" class=\"inline-flex items-center text-xs font-semibold text-brand-600 hover:text-brand-700 transition-colors pt-2 border-t border-gray-200\/60\"><!-- [et_pb_line_break_holder] -->                        Read Full Article <!-- [et_pb_line_break_holder] -->                        <svg class=\"w-3.5 h-3.5 ml-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                    <\/a><!-- [et_pb_line_break_holder] -->                <\/article>\n<p><!-- [et_pb_line_break_holder] -->            `).join('');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        } catch (error) {<!-- [et_pb_line_break_holder] -->            console.error('Error fetching latest posts:', error);<!-- [et_pb_line_break_holder] -->            latestContainer.innerHTML = `<!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"col-span-full p-4 rounded-md bg-red-50 text-red-600 text-sm text-center\"><!-- [et_pb_line_break_holder] -->                    Failed to load latest posts. Please refresh or try again later.<!-- [et_pb_line_break_holder] -->                <\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * STREAMING_CHUNK:Fetching WP categories and constructing nested scenario trees<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    async function loadCategoryCollections() {<!-- [et_pb_line_break_holder] -->        try {<!-- [et_pb_line_break_holder] -->            \/\/ Fetch up to 100 categories<!-- [et_pb_line_break_holder] -->            const response = await fetch(`${API_BASE}\/categories?per_page=100&_fields=id,name,slug,parent,count,link`);<!-- [et_pb_line_break_holder] -->            if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            const categories = await response.json();<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ Filter categories that have at least 1 post<!-- [et_pb_line_break_holder] -->            const activeCategories = categories.filter(cat => cat.count > 0);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            if (activeCategories.length === 0) {<!-- [et_pb_line_break_holder] -->                dynamicCollectionsContainer.innerHTML = `<pee class=\"text-gray-500 py-6 text-center\">No scenario categories found.<\/pee>`;<!-- [et_pb_line_break_holder] -->                sidebarNav.innerHTML = `<pee class=\"text-xs text-gray-400 text-center py-2\">No categories available<\/pee>`;<!-- [et_pb_line_break_holder] -->                return;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ Separate top-level categories and sub-categories<!-- [et_pb_line_break_holder] -->            const parentMap = new Map();<!-- [et_pb_line_break_holder] -->            const parentCats = [];<!-- [et_pb_line_break_holder] -->            const childCats = [];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            activeCategories.forEach(cat => {<!-- [et_pb_line_break_holder] -->                parentMap.set(cat.id, cat);<!-- [et_pb_line_break_holder] -->                if (cat.parent === 0) {<!-- [et_pb_line_break_holder] -->                    parentCats.push(cat);<!-- [et_pb_line_break_holder] -->                } else {<!-- [et_pb_line_break_holder] -->                    childCats.push(cat);<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ Clear loading elements<!-- [et_pb_line_break_holder] -->            dynamicCollectionsContainer.innerHTML = '';<!-- [et_pb_line_break_holder] -->            sidebarNav.innerHTML = '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ Process Parent Categories first<!-- [et_pb_line_break_holder] -->            for (const parentCat of parentCats) {<!-- [et_pb_line_break_holder] -->                await renderCategorySection(parentCat, null);<!-- [et_pb_line_break_holder] -->                renderSidebarItem(parentCat, false);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ Find and render subcategories under this parent<!-- [et_pb_line_break_holder] -->                const children = childCats.filter(child => child.parent === parentCat.id);<!-- [et_pb_line_break_holder] -->                for (const childCat of children) {<!-- [et_pb_line_break_holder] -->                    await renderCategorySection(childCat, parentCat.name);<!-- [et_pb_line_break_holder] -->                    renderSidebarItem(childCat, true);<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ Handle orphan child categories (if parent has 0 posts but child has posts)<!-- [et_pb_line_break_holder] -->            for (const childCat of childCats) {<!-- [et_pb_line_break_holder] -->                const parentExistsInActive = parentCats.some(p => p.id === childCat.parent);<!-- [et_pb_line_break_holder] -->                if (!parentExistsInActive) {<!-- [et_pb_line_break_holder] -->                    const parentName = parentMap.has(childCat.parent) ? parentMap.get(childCat.parent).name : 'General Category';<!-- [et_pb_line_break_holder] -->                    await renderCategorySection(childCat, parentName);<!-- [et_pb_line_break_holder] -->                    renderSidebarItem(childCat, true);<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ Initialize scroll observer for sidebar active highlighting<!-- [et_pb_line_break_holder] -->            initScrollSpy();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        } catch (error) {<!-- [et_pb_line_break_holder] -->            console.error('Error fetching categories:', error);<!-- [et_pb_line_break_holder] -->            dynamicCollectionsContainer.innerHTML = `<!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"p-6 bg-red-50 text-red-600 rounded-lg text-center text-sm\"><!-- [et_pb_line_break_holder] -->                    Unable to load category scenario collections.<!-- [et_pb_line_break_holder] -->                <\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->            sidebarNav.innerHTML = `<pee class=\"text-xs text-red-500 text-center\">Failed to load index<\/pee>`;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * STREAMING_CHUNK:Rendering category section DOM modules and fetching respective posts<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    async function renderCategorySection(category, parentName) {<!-- [et_pb_line_break_holder] -->        const sectionId = `cat-section-${category.id}`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Create Section Element<!-- [et_pb_line_break_holder] -->        const sectionEl = document.createElement('section');<!-- [et_pb_line_break_holder] -->        sectionEl.id = sectionId;<!-- [et_pb_line_break_holder] -->        sectionEl.className = 'bg-white rounded-xl p-6 shadow-sm border border-gray-100 scroll-mt-8';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Badge markup for subcategories<!-- [et_pb_line_break_holder] -->        const parentBadge = parentName <!-- [et_pb_line_break_holder] -->            ? `<span class=\"text-xs font-medium bg-gray-100 text-gray-600 px-2.5 py-1 rounded-md mb-1 inline-block\"><!-- [et_pb_line_break_holder] -->                 Class: ${decodeHTML(parentName)}<!-- [et_pb_line_break_holder] -->               <\/span>` <!-- [et_pb_line_break_holder] -->            : '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        sectionEl.innerHTML = `<!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"flex flex-col sm:flex-row sm:items-center justify-between mb-6 pb-3 border-b border-gray-100 gap-2\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div><!-- [et_pb_line_break_holder] -->                    ${parentBadge}<!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2 class=\"text-2xl font-bold text-gray-900 flex items-center gap-2\"><!-- [et_pb_line_break_holder] -->                        <span class=\"w-2.5 h-6 bg-brand-600 rounded-full inline-block\"><\/span><!-- [et_pb_line_break_holder] -->                        ${decodeHTML(category.name)}<!-- [et_pb_line_break_holder] -->                    <\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"text-sm text-gray-500 font-medium\"><!-- [et_pb_line_break_holder] -->                    Total Articles: <span class=\"text-brand-700 font-semibold\">${category.count}<\/span><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <!-- Posts Grid --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div id=\"posts-grid-${category.id}\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-6\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"col-span-full flex justify-center py-8\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"spinner\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <!-- Footer View All Button --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"pt-4 border-t border-gray-100 flex justify-end\"><!-- [et_pb_line_break_holder] -->                <a href=\"${category.link}\" target=\"_top\" class=\"inline-flex items-center px-4 py-2 bg-brand-50 text-brand-700 hover:bg-brand-600 hover:text-white rounded-lg text-sm font-semibold transition-all duration-200\"><!-- [et_pb_line_break_holder] -->                    Explore All ${decodeHTML(category.name)} Articles<!-- [et_pb_line_break_holder] -->                    <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                <\/a><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        `;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        dynamicCollectionsContainer.appendChild(sectionEl);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Fetch posts belonging to this specific category<!-- [et_pb_line_break_holder] -->        try {<!-- [et_pb_line_break_holder] -->            const res = await fetch(`${API_BASE}\/posts?categories=${category.id}&per_page=${POSTS_PER_CAT}&_fields=id,title,link,date,excerpt`);<!-- [et_pb_line_break_holder] -->            const posts = await res.json();<!-- [et_pb_line_break_holder] -->            const postsGrid = document.getElementById(`posts-grid-${category.id}`);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            if (!posts || posts.length === 0) {<!-- [et_pb_line_break_holder] -->                postsGrid.innerHTML = `<pee class=\"col-span-full text-center py-4 text-gray-400 text-sm\">No posts in this category yet.<\/pee>`;<!-- [et_pb_line_break_holder] -->                return;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            postsGrid.innerHTML = posts.map(post => `<!-- [et_pb_line_break_holder] -->                <\/p>\n<article class=\"p-4 rounded-lg border border-gray-100 bg-gray-50\/50 hover:bg-white hover:border-brand-100 hover:shadow-md transition-all duration-200 flex flex-col justify-between\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div><!-- [et_pb_line_break_holder] -->                        <time class=\"text-[11px] text-gray-400 font-medium block mb-2\">${formatDate(post.date)}<\/time><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"wp-post-title text-sm font-bold text-gray-900 mb-2 hover:text-brand-600\"><!-- [et_pb_line_break_holder] -->                            <a href=\"${post.link}\" target=\"_top\" class=\"hover:underline\"><!-- [et_pb_line_break_holder] -->                                ${decodeHTML(post.title.rendered)}<!-- [et_pb_line_break_holder] -->                            <\/a><!-- [et_pb_line_break_holder] -->                        <\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <a href=\"${post.link}\" target=\"_top\" class=\"inline-flex items-center text-xs font-semibold text-brand-600 hover:text-brand-800 transition-colors mt-3 pt-2 border-t border-gray-200\/50\"><!-- [et_pb_line_break_holder] -->                        View Scenario <!-- [et_pb_line_break_holder] -->                        <svg class=\"w-3 h-3 ml-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                    <\/a><!-- [et_pb_line_break_holder] -->                <\/article>\n<p><!-- [et_pb_line_break_holder] -->            `).join('');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        } catch (err) {<!-- [et_pb_line_break_holder] -->            console.error(`Error loading posts for category ${category.id}:`, err);<!-- [et_pb_line_break_holder] -->            const postsGrid = document.getElementById(`posts-grid-${category.id}`);<!-- [et_pb_line_break_holder] -->            postsGrid.innerHTML = `<pee class=\"col-span-full text-center py-4 text-red-500 text-xs\">Error loading posts.<\/pee>`;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * STREAMING_CHUNK:Rendering hierarchical sidebar links with smooth navigation<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    function renderSidebarItem(category, isChild) {<!-- [et_pb_line_break_holder] -->        const targetId = `cat-section-${category.id}`;<!-- [et_pb_line_break_holder] -->        const a = document.createElement('a');<!-- [et_pb_line_break_holder] -->        a.href = `#${targetId}`;<!-- [et_pb_line_break_holder] -->        a.dataset.target = targetId;<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/\/ Style differentiate parent vs child<!-- [et_pb_line_break_holder] -->        if (isChild) {<!-- [et_pb_line_break_holder] -->            a.className = 'sidebar-link block pl-7 pr-3 py-1.5 text-xs text-gray-600 hover:text-brand-600 hover:bg-gray-50 rounded-md border-l-2 border-transparent transition-all truncate';<!-- [et_pb_line_break_holder] -->            a.innerHTML = `<span class=\"text-gray-300 mr-1.5\">\u2022<\/span>${decodeHTML(category.name)}`;<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->            a.className = 'sidebar-link block px-3 py-2 text-sm font-semibold text-gray-800 hover:text-brand-600 hover:bg-gray-50 rounded-md border-l-2 border-transparent transition-all truncate mt-1';<!-- [et_pb_line_break_holder] -->            a.textContent = decodeHTML(category.name);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Smooth scroll listener<!-- [et_pb_line_break_holder] -->        a.addEventListener('click', function(e) {<!-- [et_pb_line_break_holder] -->            e.preventDefault();<!-- [et_pb_line_break_holder] -->            const targetSection = document.getElementById(targetId);<!-- [et_pb_line_break_holder] -->            if (targetSection) {<!-- [et_pb_line_break_holder] -->                targetSection.scrollIntoView({ behavior: 'smooth', block: 'start' });<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        sidebarNav.appendChild(a);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * STREAMING_CHUNK:Setting up scroll observer to update active sidebar link<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    function initScrollSpy() {<!-- [et_pb_line_break_holder] -->        const sections = document.querySelectorAll('section[id^=\"cat-section-\"]');<!-- [et_pb_line_break_holder] -->        const sidebarLinks = document.querySelectorAll('.sidebar-link');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        window.addEventListener('scroll', () => {<!-- [et_pb_line_break_holder] -->            let current = '';<!-- [et_pb_line_break_holder] -->            sections.forEach(section => {<!-- [et_pb_line_break_holder] -->                const sectionTop = section.offsetTop;<!-- [et_pb_line_break_holder] -->                if (pageYOffset >= sectionTop - 100) {<!-- [et_pb_line_break_holder] -->                    current = section.getAttribute('id');<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            sidebarLinks.forEach(link => {<!-- [et_pb_line_break_holder] -->                link.classList.remove('active');<!-- [et_pb_line_break_holder] -->                if (link.dataset.target === current) {<!-- [et_pb_line_break_holder] -->                    link.classList.add('active');<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Initial Execution on DOM ready<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    document.addEventListener('DOMContentLoaded', () => {<!-- [et_pb_line_break_holder] -->        fetchLatestPosts();<!-- [et_pb_line_break_holder] -->        loadCategoryCollections();<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->})();<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-825","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/farm-balers.com\/nn\/wp-json\/wp\/v2\/pages\/825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/farm-balers.com\/nn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/farm-balers.com\/nn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/farm-balers.com\/nn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/farm-balers.com\/nn\/wp-json\/wp\/v2\/comments?post=825"}],"version-history":[{"count":4,"href":"https:\/\/farm-balers.com\/nn\/wp-json\/wp\/v2\/pages\/825\/revisions"}],"predecessor-version":[{"id":831,"href":"https:\/\/farm-balers.com\/nn\/wp-json\/wp\/v2\/pages\/825\/revisions\/831"}],"wp:attachment":[{"href":"https:\/\/farm-balers.com\/nn\/wp-json\/wp\/v2\/media?parent=825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}