{# Overview panel: disk capacity forecast from hourly rollups (services.forecast). Context: smp, rules #}
{% set fc = smp.get('forecast') or {} %}
{% set slope = fc.get('disk_slope_pct_per_day') %}{% set eta = fc.get('disk_eta_days') %}{% set now_pct = fc.get('disk_now') %}{% set series = fc.get('disk_series') or [] %}
<div class="panel" style="{% if eta is not none and eta <= rules.get('disk_forecast_days', 7) and rules.get('disk_forecast_days', 7) > 0 %}border-color:rgba(245,179,66,.5){% endif %}">
  <div class="small muted" style="margin-bottom:6px">Disk forecast <span class="dim">· worst mount, {{ fc.get('window_days', 7) }}-day trend</span></div>
  {% if slope is none %}
  <div class="small">Not enough history yet: the forecast needs at least 6 hourly rollups (about 6 h of reporting).</div>
  {% else %}
  {% if eta is not none and slope > 0 %}
  <div style="font-size:16px;font-weight:650">Disk full in ~{{ eta|round(0)|int if eta >= 2 else eta }} day{{ 's' if eta != 1 }} at the current rate <span class="{% if eta <= 7 %}err{% elif eta <= 30 %}warn{% else %}muted{% endif %}" style="font-weight:500">(+{{ '%.2f'|format(slope) }} %/day)</span></div>
  <div class="xs dim">{{ now_pct }}% used now{% if fc.get('disk_eta_threshold_days') is not none %} · reaches the {{ fc.get('disk_threshold') }}% alert threshold in {{ fc.disk_eta_threshold_days }} days{% endif %} · alert when ≤ {{ rules.get('disk_forecast_days', 7) }} days</div>
  {% else %}
  <div style="font-size:16px;font-weight:650">Disk usage stable <span class="muted" style="font-weight:500">({{ '%+.2f'|format(slope) }} %/day, {{ now_pct }}% used)</span></div>
  <div class="xs dim">No growth trend over the last {{ fc.get('disk_days', 7) }} days.</div>
  {% endif %}
  {% if series|length >= 2 %}
  {# history in the left 60 % of the chart, projection (dashed) for the same span of days on the right #}
  {% set n = series|length %}{% set hist_w = 360 %}{% set days = fc.get('disk_days') or 1 %}
  {% set last = series[-1] %}{% set proj_end = [[last + (slope or 0) * days, 100]|min, 0]|max %}
  <svg class="spark" style="height:70px;margin-top:8px" viewBox="0 0 600 70" preserveAspectRatio="none">
    {% for g in (25, 50, 75) %}<line x1="0" x2="600" y1="{{ 66 - g / 100 * 60 }}" y2="{{ 66 - g / 100 * 60 }}" stroke="rgba(255,255,255,.06)"/>{% endfor %}
    {% if rules.get('disk_pct') %}<line x1="0" x2="600" y1="{{ 66 - rules.get('disk_pct') / 100 * 60 }}" y2="{{ 66 - rules.get('disk_pct') / 100 * 60 }}" stroke="rgba(255,92,122,.35)" stroke-dasharray="3 3"/>{% endif %}
    <polyline fill="none" stroke="#f5b342" stroke-width="1.8" points="{% for y in series %}{{ '%.1f'|format(loop.index0 * hist_w / (n - 1)) }},{{ '%.1f'|format(66 - ([[y, 100]|min, 0]|max) / 100 * 60) }} {% endfor %}"/>
    <line x1="{{ hist_w }}" x2="600" y1="{{ '%.1f'|format(66 - ([[last, 100]|min, 0]|max) / 100 * 60) }}" y2="{{ '%.1f'|format(66 - proj_end / 100 * 60) }}" stroke="{% if eta is not none and slope > 0 %}#ff5c7a{% else %}#8d99b4{% endif %}" stroke-width="1.6" stroke-dasharray="5 4"/>
    <line x1="{{ hist_w }}" x2="{{ hist_w }}" y1="4" y2="66" stroke="rgba(255,255,255,.12)"/>
  </svg>
  <div class="xs dim" style="display:flex;justify-content:space-between"><span>{{ days|round(1) }} days of history</span><span>now</span><span>projection +{{ days|round(1) }} days</span></div>
  {% endif %}
  {% if fc.get('mem_slope_pct_per_day') is not none %}<div class="xs dim" style="margin-top:6px">Memory: {{ '%+.2f'|format(fc.mem_slope_pct_per_day) }} %/day{% if fc.get('mem_eta_days') is not none and fc.mem_slope_pct_per_day > 0 %} · full in ~{{ fc.mem_eta_days|round(0)|int }} days{% else %} · stable{% endif %}</div>{% endif %}
  {% endif %}
</div>