{% extends "base.html" %}
{% block title %}Start – KielZeit{% endblock %}
{% block main_attrs %} class="wide"{% endblock %}
{% block content %}
{% if FEAT.punch %}{% include "_punch.html" %}{% endif %}

{% if open_requests %}
<div class="flash warn">{{ open_requests }} offene Urlaubsanträge —
  <a href="{{ url_for('absence.absences') }}">jetzt entscheiden</a></div>
{% endif %}

<div class="stat-grid">
  <div class="card stat">
    <div class="stat-label">Gleitzeit-Saldo</div>
    <div class="stat-value {{ 'neg' if saldo < 0 else 'pos' }}">{{ fmt_saldo(saldo) }}</div>
    <div class="hint">Stand letzter erfasster Tag</div>
  </div>
  <div class="card stat">
    <div class="stat-label">Diese Woche</div>
    <div class="stat-value">{{ fmt_hm(week_ist, '0:00') }}</div>
    <div class="hint">von {{ fmt_hm(week_soll, '0:00') }} Soll</div>
    <div class="bar"><div class="bar-fill" style="width: {{ (100 * week_ist / week_soll)|round|int if week_soll else 0 }}%"></div></div>
  </div>
  <div class="card stat">
    <div class="stat-label">{{ MONTH_NAMES[today.month-1] }}</div>
    <div class="stat-value">{{ fmt_hm(totals.ist, '0:00') }}</div>
    <div class="hint">von {{ fmt_hm(totals.plan_soll, '0:00') }} Monats-Soll
      {% if totals.missing %}· <span class="neg">{{ totals.missing }} Tage offen</span>{% endif %}</div>
    <div class="bar"><div class="bar-fill" style="width: {{ (100 * totals.ist / totals.plan_soll)|round|int if totals.plan_soll else 0 }}%"></div></div>
  </div>
  {% if konto %}
  <div class="card stat">
    <div class="stat-label">Urlaub {{ year }}</div>
    <div class="stat-value">{% if konto.entitled %}{{ konto.rest|round(1)|string|replace('.0','')|replace('.',',') }}{% else %}—{% endif %}</div>
    <div class="hint">{% if konto.entitled %}von {{ konto.entitled|round(1)|string|replace('.0','')|replace('.',',') }} Tagen übrig{% else %}kein Anspruch hinterlegt{% endif %}
      · <a href="{{ url_for('absence.absences') }}">beantragen</a></div>
  </div>
  {% endif %}
</div>

<div class="card">
  <h2>Jahresübersicht {{ year }}</h2>
  <div class="table-wrap">
  <svg class="heatmap" viewBox="0 0 {{ 13 * 54 + 30 }} 118" role="img" aria-label="Jahres-Heatmap">
    {% for lbl, row in [('Mo', 0), ('Mi', 2), ('Fr', 4)] %}
    <text x="0" y="{{ 22 + row * 13 }}" class="heat-lbl">{{ lbl }}</text>
    {% endfor %}
    {% for m in range(12) %}
    <text x="{{ 26 + (m * 4.42) * 13 }}" y="8" class="heat-lbl">{{ MONTH_NAMES[m][:3] }}</text>
    {% endfor %}
    {% for c in heat %}
    <rect x="{{ 24 + c.x * 13 }}" y="{{ 12 + c.y * 13 }}" width="11" height="11" rx="2"
          class="heat-{{ c.level }} {{ 'heat-future' if c.future }}"><title>{{ c.title }}</title></rect>
    {% endfor %}
  </svg>
  </div>
  <p class="hint">Farbe = Ist im Verhältnis zum Tages-Soll
    (<span class="heat-chip heat-0"></span> nichts erfasst
    <span class="heat-chip heat-1"></span> unter Soll
    <span class="heat-chip heat-3"></span> Soll erfüllt
    <span class="heat-chip heat-4"></span> deutlich drüber).</p>
</div>

<div class="dash-cols">
  <div class="card">
    <h2>Top-Kategorien im {{ MONTH_NAMES[today.month-1] }}</h2>
    {% if top_cats %}
    {% for c, m in top_cats %}
    <div class="cat-bar-row">
      <span class="cat-bar-label"><b>{{ c.code }}</b> {{ c.label|truncate(38) }}</span>
      <div class="bar"><div class="bar-fill" style="width: {{ (100 * m / cat_max)|round|int }}%"></div></div>
      <span class="cat-bar-val">{{ fmt_hm(m) }}</span>
    </div>
    {% endfor %}
    {% else %}
    <p class="hint">Noch keine Kategorien-Stunden in diesem Monat.</p>
    {% endif %}
  </div>
  <div class="card">
    <h2>Schnellzugriff</h2>
    <p><a href="{{ url_for('erfassen', year=today.year, month=today.month) }}">→ Monat erfassen</a></p>
    <p><a href="{{ url_for('reports.report_month', uid=current_user.id, year=today.year, month=today.month) }}">→ Mein Monatsblatt</a></p>
    <p><a href="{{ url_for('reports.report_year', uid=current_user.id, year=year) }}">→ Mein Summenblatt {{ year }}</a></p>
    {% if FEAT.absence %}<p><a href="{{ url_for('absence.absences') }}">→ Urlaub / Krankmeldung</a></p>{% endif %}
    {% if current_user.is_admin or current_user.can_report %}
    <p><a href="{{ url_for('reports.report_all', year=year) }}">→ Gesamtübersicht alle Benutzer</a></p>
    {% if FEAT.absence %}<p><a href="{{ url_for('absence.absence_plan', year=today.year, month=today.month) }}">→ Abwesenheits-Plan</a></p>{% endif %}
    {% endif %}
    {% if not uy %}
    <p class="flash warn">Für {{ year }} ist kein Wochenpensum hinterlegt.</p>
    {% endif %}
  </div>
</div>

<script>
window.KZ_CATS = {{ cats_json | safe }};
</script>
<script src="{{ url_for('static', filename='js/app.js') }}"></script>
{% endblock %}