{% extends "base.html" %}
{% block title %}Health · {{ app_name }}{% endblock %}

{% import "_chart.html" as ch %}
{#
  🔴 GAPS ARE DRAWN AS BREAKS, NOT JOINED — in core/chart.py, which is where that rule
  now lives for the whole app. history() returns a null for a day with no reading, and
  the natural single polyline would draw a straight line across a fortnight nobody
  measured: a picture of steady progress invented out of missing data. Same contract as
  the tiles above — unknown must not look like a value.
#}
{% block body %}
<h1>💚 Health <small class="hint">what your body did, and what the game did about it</small></h1>

{% if s.unavailable %}
<section class="card">
  <h2>Not on this instance</h2>
  <p>Health readings reach Latch through its JSON API, and the API is off when Latch is hosted for
     several people at once. Nothing is broken and nothing is missing from your log — this module
     simply has nothing to read here. Everything else in the game plays exactly the same.</p>
</section>
{% elif s.stale %}
<section class="card warn">
  <h2>The sync has stopped</h2>
  <p>Nothing has arrived {% if s.last_sync %}since {{ s.last_sync|local }} ({{ s.last_sync|rel(now) }}){% else %}ever{% endif %}.
     Rules are not firing, and the numbers below — if there are any — are old.</p>
  <p class="hint">Check <code>sync-health-to-latch.py</code> on the apps pod.</p>
</section>
{% endif %}

{% if s.recovery.on %}
<section class="card recovery">
  <h2>🛟 Recovery day</h2>
  {% for r in s.recovery.reasons %}<p class="voice">“{{ r.line }}”</p>{% endfor %}
  <p class="hint">Penalties are held back today. Rewards still count — moving at all on a day like
     this is worth more, not less.</p>
</section>
{% endif %}

<section class="card">
  <h2>{{ 'Today' if s.is_today else 'Latest readings' }}
    <small class="hint">{{ s.day }}{% if not s.is_today %} · {{ s.lag }} day{{ 's' if s.lag != 1 }} behind — Apple exports overnight, so today fills in tomorrow{% endif %}</small></h2>
  <div class="tiles">
    {% for t in s.tiles %}
    <div class="tile{{ ' unknown' if not t.known }}">
      <span class="k">{{ t.label }}</span>
      <span class="v">
        {%- if not t.known -%}—
        {%- elif t.metric == 'mood_valence' -%}{{ '%+.2f'|format(t.value) }}
        {%- elif t.value == t.value|round(0) -%}{{ t.value|int }}
        {%- else -%}{{ '%.1f'|format(t.value) }}{%- endif -%}
        {% if t.known and t.unit %}<small>{{ t.unit }}</small>{% endif %}
      </span>
      <span class="s">{{ t.source if t.known else 'no reading' }}</span>
    </div>
    {% endfor %}
  </div>
  {% if not s.any %}
  <p class="hint">Nothing measured for today yet. That is not the same as a zero — no rule can
     fire on a day nobody measured, in either direction.</p>
  {% endif %}
  <form method="post" action="/health/apply"><button>Apply today's rules</button></form>
</section>

{% for q in s.quiet %}
<section class="card quiet">
  <h2>⚠ {{ q.label }} stopped</h2>
  <p>{% if q.last %}Nothing logged for <strong>{{ q.days }} days</strong> — last was {{ q.last }}.
     {% else %}Never logged.{% endif %}</p>
  <p class="hint">Shown rather than hidden on purpose: a blank space reads as "fine", and the point
     of tracking this is to notice when it stops.</p>
</section>
{% endfor %}

<section class="card">
  <h2>Rules</h2>
  <div class="tblwrap">
  <table class="tbl">
    <tr><th>rule</th><th>today</th><th>reading</th><th>effect</th></tr>
    {% for r in s.rules %}
    <tr>
      <td>{{ r.rule.title }}</td>
      <td>
        {%- if r.state is none -%}<span class="unknown">unknown</span>
        {%- elif r.withheld and r.state -%}<span class="badge">held back</span>
        {%- elif r.fired -%}<span class="badge ok">fired</span>
        {%- elif r.state -%}<span class="badge">ready</span>
        {%- else -%}<span class="hint">no</span>{%- endif -%}
      </td>
      <td class="hint">
        {%- if r.value is none -%}no reading
        {%- else -%}{{ '%g'|format(r.value) }} vs {{ '%g'|format(r.threshold) }}{%- endif -%}
      </td>
      <td class="hint">
        {%- if r.rule.xp %}+{{ r.rule.xp }} xp{% endif -%}
        {%- if r.rule.seconds %}{{ ' · ' if r.rule.xp }}{{ (r.rule.seconds // 60)|abs }} min {{ 'off' if r.rule.seconds < 0 else 'on' }}{% endif -%}
        {%- if r.rule.recovery %} eases the day{% endif -%}
      </td>
    </tr>
    {% endfor %}
  </table>
  </div>
</section>

<section class="card chartcard">
  <h2>Last 30 days <small class="hint">to {{ trend_end or '—' }}</small></h2>
  {# Ends at the last day the export covered, not today: Apple delivers overnight, so a
     chart drawn to today falls off a cliff at the right-hand edge every single day. #}
  <div class="chartgrid">
    {% for c in trends %}
    <div class="chartcell"><h4 class="sub">{{ c.title }}</h4>{{ ch.line(c) }}</div>
    {% endfor %}
  </div>
  <p class="hint">A day with no reading is a break in the line, never a zero — about a quarter
    of days carry none. <a href="/guide/progress#trends">📖 how these are drawn</a></p>
</section>
{% endblock %}