{% extends "base.html" %}
{% block title %}Wochenübersicht – Bullet Journal{% endblock %}
{% block content %}
<div class="page-head">
    <div>
        <h1>Wochenübersicht</h1>
        <p class="muted">
            <a href="{{ url_for('journal.week', week=prev_monday.strftime('%G-W%V')) }}" class="btn btn-small">← Vorige</a>
            Woche ab {{ monday.strftime('%d.%m.%Y') }}
            <a href="{{ url_for('journal.week', week=next_monday.strftime('%G-W%V')) }}" class="btn btn-small">Nächste →</a>
        </p>
    </div>
</div>

<section class="card">
    <table class="table">
        <thead>
            <tr>
                <th>Tag</th>
                <th>Datum</th>
                <th>Offen</th>
                <th>Erledigt</th>
                <th>Gesamt</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for day in days_detail %}
            <tr>
                <td>{{ day.weekday }}</td>
                <td>{{ day.date.strftime('%d.%m.%Y') }}</td>
                <td class="num open">{{ day.open }}</td>
                <td class="num done">{{ day.done }}</td>
                <td class="num">{{ day.total }}</td>
                <td><a href="{{ url_for('journal.day', date_str=day.date.strftime('%Y-%m-%d')) }}" class="btn btn-small">Öffnen</a></td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</section>

<section class="card">
    <h2>Offene Aufgaben dieser Woche</h2>
    {% if open_notes %}
    <ul class="note-list">
        {% for n in open_notes %}
        <li class="note-item">
            <span class="bullet bullet-{{ n.bullet_type }}">{{ n.bullet_type }}</span>
            <span class="note-text">{{ n.note_text }}</span>
            <span class="note-date">{{ n.note_date.strftime('%d.%m.') }} {{ 'Aufgabe' if n.bullet_type == '.' else ('Termin' if n.bullet_type == 'x' else ('Notiz' if n.bullet_type == '-' else 'Frage')) }}</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>
    {% else %}
    <p class="muted">Keine offenen Aufgaben in dieser Woche. 🎉</p>
    {% endif %}
</section>
{% endblock %}