{% extends "base.html" %}
{% block title %}{{ MONTH_NAMES[month-1] }} {{ year }} – KielZeit{% endblock %}
{% block main_attrs %} class="wide"{% endblock %}
{% block content %}
{% if show_punch %}{% include "_punch.html" %}{% endif %}
<div class="card">
  <div class="month-head">
    <h1>Erfassen — {{ MONTH_NAMES[month-1] }} {{ year }}</h1>
    <div class="month-nav">
      <a class="btn-light" href="{{ url_for('erfassen', year=prev_y, month=prev_m) }}">‹ {{ MONTH_NAMES[prev_m-1] }}</a>
      <a class="btn-light" href="{{ url_for('erfassen', year=today.year, month=today.month) }}">Heute</a>
      <a class="btn-light" href="{{ url_for('erfassen', year=next_y, month=next_m) }}">{{ MONTH_NAMES[next_m-1] }} ›</a>
    </div>
  </div>

  {% if not uy %}
  <div class="flash warn">Für {{ year }} ist noch kein Wochenpensum hinterlegt — Soll ist überall 0.
    {% if current_user.is_admin %}<a href="{{ url_for('admin.admin_user_edit', uid=current_user.id, jahr=year) }}">Jetzt eintragen</a>{% else %}Bitte an die Administration wenden.{% endif %}</div>
  {% endif %}

  <div class="table-wrap">
  <table class="days">
    <thead>
      <tr>
        <th>Datum</th><th>Typ</th><th>ein</th><th>aus</th><th>Pause</th>
        <th class="num">Ist</th><th class="num">Soll</th><th class="num">Saldo</th>
        <th class="num" title="Auf Kategorien verteilte Stunden">Kat ∑</th>
        <th>Bemerkung</th><th></th>
      </tr>
    </thead>
    <tbody>
    {% for d in days %}
      {% set wd = d.date.weekday() %}
      <tr class="{{ 'weekend' if wd >= 5 }} {{ 'holiday' if d.holiday }} {{ 'today' if d.date == today }}"
          data-day="{{ d.json }}">
        <td class="date">{{ weekday_short[wd] }} {{ d.date.strftime('%d.%m.') }}
          {% if d.holiday %}<span class="tag holiday-tag">{{ d.holiday }}</span>{% endif %}</td>
        <td>{% if d.entry and d.day_type != 'arbeit' %}<span class="tag">{{ DAY_TYPES[d.day_type] }}</span>{% endif %}</td>
        <td>{{ fmt_hm(d.entry.start_min if d.entry else None) }}</td>
        <td>{{ fmt_hm(d.entry.end_min if d.entry else None) }}</td>
        <td>{{ fmt_hm(d.entry.pause_min if d.entry else None) }}</td>
        <td class="num">{{ fmt_hm(d.ist) }}</td>
        <td class="num muted">{{ fmt_hm(d.soll) if d.counted else fmt_hm(d.plan_soll) }}</td>
        <td class="num {{ 'neg' if d.saldo < 0 else 'pos' }}">{% if d.counted %}{{ fmt_saldo(d.saldo) }}{% endif %}</td>
        <td class="num {{ 'warn-cell' if d.ist and d.cat_min != d.ist }}"
            {% if d.ist and d.cat_min != d.ist %}title="Kategorien-Summe weicht vom Ist ab"{% endif %}>
          {{ fmt_hm(d.cat_min) }}</td>
        <td class="note">{{ d.entry.note if d.entry else '' }}</td>
        <td><button type="button" class="btn-mini edit-day">Bearbeiten</button></td>
      </tr>
    {% endfor %}
    </tbody>
    <tfoot>
      <tr>
        <th colspan="5">Total (erfasste Tage)</th>
        <th class="num">{{ fmt_hm(totals.ist, '0:00') }}</th>
        <th class="num">{{ fmt_hm(totals.soll, '0:00') }}</th>
        <th class="num {{ 'neg' if totals.saldo_end < 0 else 'pos' }}">{{ fmt_saldo(totals.saldo_end) }}</th>
        <th class="num">{{ fmt_hm(totals.cat, '0:00') }}</th>
        <th colspan="2"></th>
      </tr>
    </tfoot>
  </table>
  </div>

  <p class="hint">
    Monats-Soll gesamt: <b>{{ fmt_hm(totals.plan_soll, '0:00') }}</b>
    · Urlaubstage: <b>{{ totals.urlaub|round(1)|string|replace('.0','')|replace('.',',') }}</b>
    {% if totals.missing %} · <span class="neg">⚠ {{ totals.missing }} vergangene Arbeitstage ohne Eintrag</span>{% endif %}
    · <a href="{{ url_for('reports.report_month', uid=current_user.id, year=year, month=month) }}">Monatsblatt ansehen</a>
  </p>
</div>

<dialog id="day-dialog">
  <form method="dialog" class="day-form">
    <h2 id="dlg-title">Tag bearbeiten</h2>
    <input type="hidden" id="dlg-date">
    <div class="row3">
      <label>Tagestyp
        <select id="dlg-type">
          {% for key, label in DAY_TYPES.items() %}
          <option value="{{ key }}">{{ label }}</option>
          {% endfor %}
        </select>
      </label>
      <label>ein <input type="text" id="dlg-start" placeholder="9:00" inputmode="numeric"></label>
      <label>aus <input type="text" id="dlg-end" placeholder="17:30" inputmode="numeric"></label>
      <label>Pause <input type="text" id="dlg-pause" placeholder="0:30" inputmode="numeric"></label>
    </div>
    <label>Bemerkung <input type="text" id="dlg-note" maxlength="300"></label>
    <h3>Stunden auf Kategorien verteilen <small>(H:MM oder 1,5)</small></h3>
    <div id="cat-rows"></div>
    <button type="button" class="btn-light" id="add-cat">+ Kategorie</button>
    <p class="hint" id="dlg-check"></p>
    <p class="flash error" id="dlg-error" hidden></p>
    <div class="dlg-actions">
      <button type="button" id="dlg-save">Speichern</button>
      <button type="button" class="btn-light" id="dlg-clear" title="Alle Angaben dieses Tages löschen">Tag leeren</button>
      <button type="button" class="btn-light" id="dlg-cancel">Abbrechen</button>
    </div>
  </form>
</dialog>

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