{% extends "base.html" %}
{% block title %}Dashboard – Bullet Journal{% endblock %}
{% block content %}
<div class="page-head">
    <div>
        <h1>Dashboard</h1>
        <p class="muted">Woche ab {{ monday.strftime('%d.%m.%Y') }}</p>
    </div>
    <a href="{{ url_for('journal.week') }}" class="btn">Zur Wochenübersicht</a>
</div>

<section class="card">
    <h2>Diese Woche</h2>
    <div class="week-grid">
        {% for day in day_summary %}
        <a class="day-card" href="{{ url_for('journal.day', date_str=day.date.strftime('%Y-%m-%d')) }}">
            <span class="day-name">{{ day.weekday }}</span>
            <span class="day-date">{{ day.date.strftime('%d.%m.') }}</span>
            <span class="day-stats">
                {% if day.total > 0 %}
                    <span class="pill open">{{ day.open }} offen</span>
                    <span class="pill done">{{ day.done }} erledigt</span>
                {% else %}
                    <span class="pill none">leer</span>
                {% endif %}
            </span>
        </a>
        {% endfor %}
    </div>
</section>

{% if overdue %}
<section class="card">
    <h2>Überfällige Aufgaben</h2>
    <ul class="note-list">
        {% for n in overdue %}
        <li class="note-item">
            <span class="bullet bullet-{{ n.bullet_type }}">{{ n.bullet_type }}</span>
            <div class="note-text">
                <div>{{ 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 %}
            </div>
            <span class="note-date">{{ n.note_date.strftime('%d.%m.%Y') }}</span>
            <form method="post" action="{{ url_for('journal.mark_done', note_id=n.id) }}" class="inline">
                <button class="btn btn-small">Erledigt</button>
            </form>
        </li>
        {% endfor %}
    </ul>
</section>
{% endif %}
{% endblock %}