{% extends "base.html" %}
{% block title %}Future Log – Bullet Journal{% endblock %}
{% block content %}
<div class="page-head">
    <div>
        <h1>Future Log</h1>
        <p class="muted">Langfristiger Kalender – Aufgaben, die später erledigt werden.</p>
    </div>
</div>

<section class="card">
    <h2>Neuer Eintrag</h2>
    <form method="post" action="{{ url_for('journal.future') }}" class="note-form">
        <div class="note-form-row">
            <label>
                Monat
                <input type="month" name="month" required>
            </label>
            <label class="grow">
                Notiz
                <input type="text" name="note_text" required placeholder="Eintrag ins Future Log">
            </label>
            <button type="submit" class="btn btn-primary">Hinzufügen</button>
        </div>
    </form>
</section>

{% if grouped %}
    {% for month_key, entries in grouped.items() %}
    <section class="card">
        <h2>{{ month_key[5:7]|int }} / {{ month_key[0:4] }}</h2>
        <ul class="note-list">
            {% for e in entries %}
            <li class="note-item {{ 'is-done' if e.status == 'done' else '' }}">
                <span class="bullet">{{ '✓' if e.status == 'done' else '›' }}</span>
                <span class="note-text">{{ e.note_text }}</span>
                <form method="post" action="{{ url_for('journal.future') }}" class="inline">
                    <input type="hidden" name="toggle_id" value="{{ e.id }}">
                </form>
            </li>
            {% endfor %}
        </ul>
    </section>
    {% endfor %}
{% else %}
    <section class="card">
        <p class="muted">Noch keine Einträge im Future Log.</p>
    </section>
{% endif %}
{% endblock %}