{% 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>
        <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 oder https://... (optional)">
            </label>
            <span class="ref-hint muted">Optional – wird als klickbarer Verweis gespeichert.</span>
        </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>
            <div class="note-cell">
                <div class="note-text">{{ n.note_text|linkify }}</div>
                {% if n.refs|refs %}
                <div class="refs">
                    {% for r in n.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 %}
                {% if n.moved_from_date %}
                <div class="moved-hint">↩ verschoben von {{ n.moved_from_date.strftime('%d.%m.%Y') }}</div>
                {% endif %}
            </div>
            <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>
                <span class="move-ctrl">
                    <input type="date" id="move-date-{{ n.id }}" class="move-date" title="Zieldatum wählen">
                    <form method="post" action="{{ url_for('journal.move_note', note_id=n.id) }}" class="inline">
                        <input type="hidden" name="target_date" id="move-target-{{ n.id }}">
                        <button type="submit" class="btn btn-small" name="target" value="date" id="move-btn-{{ n.id }}" disabled>Verschieben</button>
                    </form>
                    <form method="post" action="{{ url_for('journal.move_note', note_id=n.id) }}" class="inline">
                        <button type="submit" class="btn btn-small btn-future" name="target" value="future">→ Future Log</button>
                    </form>
                </span>
                <a href="{{ url_for('journal.edit_note', note_id=n.id) }}" class="btn btn-small">Bearbeiten</a>
                <form method="post" action="{{ url_for('journal.delete_note', note_id=n.id) }}" class="inline"
                      onsubmit="return confirm('Diese Notiz wirklich löschen?');">
                    <button class="btn btn-small btn-danger">Löschen</button>
                </form>
            </span>
        </div>
        {% endfor %}
    </div>
    {% else %}
    <p class="muted">Noch keine Notizen für diesen Tag.</p>
    {% endif %}
</section>
{% endblock %}