weatherWidget = function weatherWidget(weatherData, isExpanded = false, onToggle = null, _lang, nbText){ const cardStyle = ` position: relative; width: 100%; max-width: 480px; background: white; border: 1px solid #ddd; border-radius: 8px; padding: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow-y: auto;`; if (!weatherData) { return html`

Weather Forecast

Select a Woreda to view forecast

`; } if (weatherData.error) { return html`

Error

${weatherData.error}

`; } const { location, forecast, current, mode } = weatherData; const items = Array.isArray(forecast) ? [...forecast].sort((a, b) => { const ak = a.sortKey ?? new Date(a.date).getTime(); const bk = b.sortKey ?? new Date(b.date).getTime(); return ak - bk; }) : []; const fmt1 = (v, unit) => v != null ? `${typeof v === 'number' ? v.toFixed(1) : v}${unit}` : '—'; const fmtInt = (v, unit) => v != null ? `${Math.round(v)}${unit}` : '—'; const extraRows = (day) => html`

${day.relativeHumidity != null ? html`💧 ${Math.round(day.relativeHumidity)}% humidity` : ''} ${day.cloudCover != null ? html`☁️ ${Math.round(day.cloudCover)}% cloud cover` : ''} ${day.rainSum != null ? html`🌧 ${day.rainSum.toFixed(1)}mm rain` : ''} ${day.et0 != null ? html`🌱 ET₀ ${day.et0.toFixed(1)}mm` : ''} ${day.soilTemperature != null ? html`🌡 soil ${day.soilTemperature.toFixed(1)}°C` : ''} ${day.soilMoisture != null ? html`🫧 ${(day.soilMoisture * 100).toFixed(0)}% soil moist.` : ''}

`; const currentPanel = (mode === "forecast" && current) ? html`

⚡ Current Conditions

🌡 Temp: ${fmtInt(current.temperature_2m, '°C')} 💧 Humidity: ${fmtInt(current.relative_humidity_2m, '%')} 🌧 Precip: ${fmt1(current.precipitation, 'mm')} 🌂 Rain: ${fmt1(current.rain, 'mm')} ☁️ Cloud: ${fmtInt(current.cloud_cover, '%')}

` : ''; return html`

${modeTitle}

${location.woreda} ${location.admin1 ? html` · ${location.admin1}` : ''} ${location.admin0 ? html` · ${location.admin0}` : ''}

${currentPanel} ${isExpanded ? html`

${items.map(day => html`

${day.dateFormatted}

${day.weatherIcon}

${fmtInt(day.tempAvg, '°C')}

${fmtInt(day.tempMin,'°C')} / ${fmtInt(day.tempMax,'°C')}

${day.precipitation != null ? `${day.precipitation.toFixed(1)}mm precip` : 'No precip data'}

${extraRows(day)}

`)}

` : html`

${items[0]?.weatherIcon || '☀️'}

${fmtInt(items[0]?.tempAvg, '°C')}

${fmtInt(items[0]?.tempMin,'°C')} / ${fmtInt(items[0]?.tempMax,'°C')}

${items[0] ? extraRows(items[0]) : ''}

`; }