{% extends "base.html" %}
{% block title %}{{ weekday }} – Bullet Journal{% endblock %}
{% block content %}
<div class="page-head">
    <div>
        <h1>{{ weekday }}, {{ target.strftime('%d.%m.%Y') }}</h1>
        <p class="muted">
            <a href="{{ url_for('journal.day', date_str=prev.strftime('%Y-%m-%d')) }}" class="btn btn-small">← Vortag</a>
            {% if target.strftime('%Y-%m-%d') != today_str %}
            <a href="{{ url_for('journal.day', date_str=today_str) }}" class="btn btn-small">Heute</a>
            {% endif %}
            <a href="{{ url_for('journal.day', date_str=nxt.strftime('%Y-%m-%d')) }}" class="btn btn-small">Nächster Tag →</a>
        </p>
    </div>
</div>

<section class="card">
    <h2>Neue Notiz</h2>
    <form method="post" action="{{ url_for('journal.day', date_str=target.strftime('%Y-%m-%d')) }}" class="note-form">
        <div class="note-form-row">
            <label>
                Bullet
                <select name="bullet">
                    <option value=".">• Aufgabe</option>
                    <option value="x">✕ Termin</option>
                    <option value="-">– Notiz</option>
                    <option value="?">? Frage</option>
                </select>
            </label>
            <label class="grow">
                Notiz
                <input type="text" name="note_text" required placeholder="Was ist zu tun?">
            </label>
            <label>
                Priorität
                <select name="priority">
                    <option value="0">Niedrig</option>
                    <option value="1">Mittel</option>
                    <option value="2">Hoch</option>
                </select>
            </label>
            <button type="submit" class="btn btn-primary">Hinzufügen</button>
        </div>
    </form>
</section>

<section class="card">
    <h2>Notizen</h2>
    {% if notes %}
    <div class="notes-table">
        <div class="notes-header">
            <span>Bullet</span>
            <span>Notiz</span>
            <span>Priorität</span>
            <span>Aktionen</span>
        </div>
        {% for n in notes %}
        <div class="notes-row {{ 'is-done' if n.status == 'done' else '' }}">
            <span class="bullet bullet-{{ n.bullet_type }}" title="{{ bullet_labels.get(n.bullet_type, '') }}">{{ n.bullet_type }}</span>
            <span class="note-text">{{ n.note_text }}</span>
            <span class="priority-badge priority-{{ n.priority }}">{{ ['Niedrig','Mittel','Hoch'][n.priority] if n.priority <= 2 else n.priority }}</span>
            <span class="actions">
                <form method="post" action="{{ url_for('journal.mark_done', note_id=n.id) }}" class="inline">
                    <button class="btn btn-small {{ 'btn-success' if n.status != 'done' else '' }}">
                        {{ 'Erledigt' if n.status != 'done' else 'Wieder öffnen' }}
                    </button>
                </form>
                <form method="post" action="{{ url_for('journal.move_note', note_id=n.id) }}" class="inline move-form">
                    <input type="date" name="target_date" class="move-date" title="In anderen Tag verschieben">
                    <button type="submit" class="btn btn-small" name="target" value="date">Verschieben</button>
                    <button type="submit" class="btn btn-small btn-future" name="target" value="future">→ Future Log</button>
                </form>
            </span>
        </div>
        {% endfor %}
    </div>
    {% else %}
    <p class="muted">Noch keine Notizen für diesen Tag.</p>
    {% endif %}
</section>
{% endblock %}