{% extends "base.html" %}
{% block title %}Future Log – 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 (Kalender)
                <input type="date" 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>
        <div class="note-form-row ref-row">
            <label>
                Verweis-Typ
                <select name="ref_type">
                    <option value="">– kein –</option>
                    <option value="email">📧 E-Mail</option>
                    <option value="link">🔗 Link/URL</option>
                    <option value="phone">📞 Telefon</option>
                    <option value="mention">@ Erwähnung</option>
                </select>
            </label>
            <label class="grow">
                Verweis
                <input type="text" name="ref_value" placeholder="z. B. name@firma.de (optional)">
            </label>
        </div>
    </form>
</section>

{% if grouped %}
    {% for month_key, entries in grouped.items() %}
    <section class="card">
        <div class="day-head">
            <h2>{{ month_key[5:7]|int }} / {{ month_key[0:4] }}
                {% if month_key == today_str %}<span class="pill">aktuell</span>{% endif %}
            </h2>
            <div class="day-head-stats">
                <span class="pill open">{{ month_stats[month_key].open }} offen</span>
                <span class="pill done">{{ month_stats[month_key].done }} erledigt</span>
                <span class="pill">{{ month_stats[month_key].total }} gesamt</span>
            </div>
        </div>
        <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 %}
                </div>
                <span class="note-date">{{ e.month_date.strftime('%m/%Y') }}</span>
                <span class="mini-actions">
                    <form method="post" action="{{ url_for('journal.toggle_future', entry_id=e.id) }}" class="inline">
                        <button class="btn btn-small {{ 'btn-success' if e.status != 'done' else '' }}">
                            {{ 'Erledigt' if e.status != 'done' else 'Wieder öffnen' }}
                        </button>
                    </form>
                    <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. Füge oben deinen ersten Eintrag hinzu.</p>
    </section>
{% endif %}
{% endblock %}