{% 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>
                <div class="note-text">
                    <div>{{ e.note_text|linkify }}</div>
                    {% if e.refs|refs %}
                    <div class="refs">
                        {% for r in e.refs|refs %}
                        <a class="ref" href="{{ ref_href(r.type, r.value) }}" target="_blank" rel="noopener">
                            {{ ref_type_label(r.type) }} {{ r.value }}
                        </a>
                        {% endfor %}
                    </div>
                    {% endif %}
                    <span class="note-date">{{ e.month_date.strftime('%m/%Y') }}</span>
                </div>
                <span class="mini-actions">
                    <a href="{{ url_for('journal.edit_future', entry_id=e.id) }}" class="btn btn-small">Bearbeiten</a>
                    <form method="post" action="{{ url_for('journal.delete_future', entry_id=e.id) }}" class="inline"
                          onsubmit="return confirm('Eintrag wirklich löschen?');">
                        <button class="btn btn-small btn-danger">Löschen</button>
                    </form>
                </span>
            </li>
            {% endfor %}
        </ul>
    </section>
    {% endfor %}
{% else %}
    <section class="card">
        <p class="muted">Noch keine Einträge im Future Log.</p>
    </section>
{% endif %}
{% endblock %}