{% extends "base.html" %}
{% block title %}Monate | {{ app_name }}{% endblock %}
{% block content %}
  <section class="page-hero">
    <div>
      <div class="eyebrow">Monatsverwaltung</div>
      <h1>Monate vorbereiten und sperren</h1>
    </div>
    <form method="post" action="{{ url_for('months.create') }}" class="inline-form">
      <input type="month" name="label" required>
      <button class="primary-button" type="submit">Monat anlegen</button>
    </form>
  </section>

  <section class="panel">
    {% for month in months %}
      <div class="month-row">
        <div>
          <strong>{{ month.label }}</strong>
          <small>
            {% if month.auto_created %}automatisch erstellt{% else %}manuell erstellt{% endif %}
            {% if month.is_locked %} · gesperrt{% endif %}
          </small>
        </div>
        <div class="row-actions">
          <a class="ghost-button" href="{{ url_for('planning.detail', label=month.label) }}">Öffnen</a>
          <form method="post" action="{{ url_for('months.toggle_lock', label=month.label) }}">
            <button class="ghost-button" type="submit">{{ "Entsperren" if month.is_locked else "Sperren" }}</button>
          </form>
        </div>
      </div>
    {% endfor %}
  </section>
{% endblock %}