{% 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 noch eingekauft werden soll und was heute schon eingeplant ist.</p>
    </div>
    <div class="hero-actions">
        <a class="button secondary" href="{{ url_for('main.item_create', kind='food') }}">Lebensmittel anlegen</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 Eintraege</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') }}">Wochenplan oeffnen</a>
        </div>
        {% if today_entries %}
            <ul class="simple-list">
                {% for entry in today_entries %}
                    <li>
                        <strong>{{ entry.daypart_name }}</strong>
                        <span>{{ entry.item_name }}</span>
                    </li>
                {% endfor %}
            </ul>
        {% else %}
            <p class="empty-state">Fuer 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>
{% endblock %}