This field is currently fallow (no crop planted).

`; } view.innerHTML = content; tabs.details.click(); }; const renderCustomization = () => { const renderList = (key, listEl, deleteFn, addFn) => { listEl.innerHTML = ''; customizable[key].forEach((item, index) => { const li = document.createElement('li'); li.textContent = item; const btn = document.createElement('button'); btn.innerHTML = '×'; btn.className = 'ag-manager-delete-btn'; btn.onclick = () => { customizable[key].splice(index, 1); renderAll(); }; li.appendChild(btn); listEl.appendChild(li); }); }; renderList('crops', document.getElementById('crop-type-list')); renderList('resources', document.getElementById('resource-type-list')); // Render market price inputs const pricesContainer = document.getElementById('market-prices-container'); pricesContainer.innerHTML = ''; customizable.crops.forEach(crop => { const div = document.createElement('div'); div.className = 'setting-group'; div.style.display = 'inline-block'; div.style.margin = '10px'; div.innerHTML = `Market Price for ${crop} ($/yield unit) `; pricesContainer.appendChild(div); }); document.querySelectorAll('.market-price-input').forEach(input => input.addEventListener('input', renderOverview)); }; const getMarketPrices = () => { const prices = {}; document.querySelectorAll('.market-price-input').forEach(input => { prices[input.dataset.crop] = parseFloat(input.value) || 0; }); return prices; }; // --- EVENT LISTENERS --- generateBtn.addEventListener('click', buildDashboard); document.getElementById('add-crop-btn').addEventListener('click', () => { const input = document.getElementById('new-crop-type'); const val = input.value.trim(); if(val && !customizable.crops.includes(val)) { customizable.crops.push(val); input.value=''; renderAll(); } }); document.getElementById('add-resource-btn').addEventListener('click', () => { const input = document.getElementById('new-resource-type'); const val = input.value.trim(); if(val && !customizable.resources.includes(val)) { customizable.resources.push(val); input.value=''; renderAll(); } }); window.agSwitchTab = (evt, tabName) => { if (evt.currentTarget.classList.contains('disabled')) return; document.querySelectorAll('#ag-dashboard-container .ag-tab-content').forEach(tc => tc.style.display = 'none'); document.querySelectorAll('#ag-dashboard-container .ag-tab-button').forEach(tl => tl.classList.remove('active')); document.getElementById(tabName).style.display = 'block'; evt.currentTarget.classList.add('active'); }; // --- INITIALIZATION --- loadSampleData(); });