{% extends "base.html" %}
{% block title %}Heute | Nouri{% endblock %}
{% block content %}
<section class="hero">
    <div>
        <p class="eyebrow">Heute</p>
        <h1>Ein ruhiger Blick auf das, was gerade hilft</h1>
        <p class="lead">Du siehst auf einen Blick, was zuhause da ist, was schon eingeplant wurde und wo du schnell weitermachen kannst.</p>
    </div>
    <div class="hero-actions">
        <a class="button" href="{{ url_for('main.planner_day', date=today.isoformat()) }}">Heutigen Tagesplan öffnen</a>
        <a class="button secondary" href="{{ url_for('main.item_create', kind='meal') }}">Mahlzeitenidee anlegen</a>
    </div>
</section>

<section class="stats-grid">
    <article class="stat-card">
        <span>Zuhause</span>
        <strong>{{ home_count }}</strong>
        <small>sichtbare Einträge</small>
    </article>
    <article class="stat-card">
        <span>Einkaufsliste</span>
        <strong>{{ shopping_count }}</strong>
        <small>offene Besorgungen</small>
    </article>
    <article class="stat-card">
        <span>Archiv</span>
        <strong>{{ archive_count }}</strong>
        <small>wiederverwendbare Erinnerungen</small>
    </article>
</section>

<section class="two-column">
    <article class="panel">
        <div class="panel-head">
            <h2>Heute im Plan</h2>
            <a href="{{ url_for('main.planner_day', date=today.isoformat()) }}">Zum Tagesplan</a>
        </div>
        {% if today_entries %}
            <ul class="simple-list">
                {% for entry in today_entries %}
                    <li>
                        <div>
                            <strong>{{ entry.daypart_name }}</strong>
                            <span>{{ entry.item_name }}</span>
                        </div>
                        {% if entry.availability_state == 'home' %}
                            <span class="status-pill status-home">zuhause</span>
                        {% endif %}
                    </li>
                {% endfor %}
            </ul>
        {% else %}
            <p class="empty-state">Für heute ist noch nichts fest eingeplant. Das ist vollkommen okay.</p>
        {% endif %}
    </article>

    <article class="panel">
        <div class="panel-head">
            <h2>Kurz griffbereit</h2>
            <a href="{{ url_for('main.home_view') }}">Alles unter Zuhause</a>
        </div>
        {% if home_items %}
            <div class="mini-card-grid">
                {% for item in home_items %}
                    <article class="mini-card">
                        <div class="mini-card-body">
                            <strong>{{ item.name }}</strong>
                            <small>{{ item_kind_labels[item.kind] }}</small>
                            {% if item.dayparts %}
                                <div class="chip-row">
                                    {% for daypart in item.dayparts %}
                                        <span class="chip">{{ daypart }}</span>
                                    {% endfor %}
                                </div>
                            {% endif %}
                        </div>
                    </article>
                {% endfor %}
            </div>
        {% else %}
            <p class="empty-state">Sobald etwas eingekauft oder manuell auf Zuhause gesetzt wurde, erscheint es hier.</p>
        {% endif %}
    </article>
</section>

<section class="panel">
    <div class="panel-head">
        <h2>Nächste Tage</h2>
        <a href="{{ url_for('main.planner') }}">Wochenansicht öffnen</a>
    </div>
    <div class="week-mini-grid">
        {% for card in week_cards %}
            <a class="week-mini-card" href="{{ url_for('main.planner_day', date=card.date.isoformat()) }}">
                <strong>{{ weekday_short_name(card.date) }} {{ card.date.strftime('%d.%m.') }}</strong>
                {% if card.filled_dayparts %}
                    <span>{{ card.planned_count }} Einträge</span>
                    <small>{{ card.filled_dayparts | map(attribute='name') | join(', ') }}</small>
                {% else %}
                    <span>Noch frei</span>
                    <small>sanfter Einstieg für den Tag</small>
                {% endif %}
            </a>
        {% endfor %}
    </div>
</section>
{% endblock %}