{# shared pieces of the app overviews #}
{% macro short(v) -%}{% set u = v / 1000 %}{{ ('%gM'|format((u / 1000000)|round(1))) if u|abs >= 1000000 else ('%gk'|format((u / 1000)|round(1))) if u|abs >= 1000 else '%g'|format(u|round(0)) }}{%- endmacro %}

{% macro month_bars(months, series, peak, scale, currency, l1, l2=None) %}
<div class="chart">
  <div class="gridlines">{% for v in scale %}<div><span>{{ short(v) }}</span></div>{% endfor %}</div>
  {% for m in months %}{% set v = series[m] %}
    <div class="m" title="{{ m }} — {{ t(l1) }}: {{ v[0]|money(currency) }}{% if l2 %} · {{ t(l2) }}: {{ v[1]|money(currency) }}{% endif %}">
      <div class="bars">
        <div class="bar rev" style="height:{{ [v[0], 0]|max / peak * 100 }}%"></div>
        {% if l2 %}<div class="bar exp" style="height:{{ [v[1], 0]|max / peak * 100 }}%"></div>{% endif %}
      </div>
      <span class="lbl">{{ m[5:] }}/{{ m[2:4] }}</span>
    </div>
  {% endfor %}
</div>
{% endmacro %}

{% macro change(cur, prev) -%}
  {%- if prev -%}{% set pct = (cur - prev) / (prev if prev > 0 else -prev) * 100 %}
  <span class="delta {{ 'flat' if pct|abs < 0.05 else ('good' if pct >= 0 else 'bad') }}">{{ '▲' if pct >= 0 else '▼' }} {{ '%.1f'|format(pct|abs) }}%</span>{{ t('vs last month') }}
  {%- else -%}{{ t('This month') }}{%- endif -%}
{%- endmacro %}