{% extends 'layout/base.html.twig' %}

{% block title %}Inspiration · svc-essensplanung{% endblock %}

{% block body %}
    <div class="card">
        <div class="page-head">
            <div>
                <h1>Inspiration</h1>
                <div class="subtitle">Gerichte aus dem Archiv – was kochst du mal wieder?</div>
            </div>
            <div class="actions">
                <a class="btn btn-link" href="{{ path('mahlzeiten_index') }}">← Mahlzeiten</a>
            </div>
        </div>

        {# Für "Weitere 5" / Adopt-Kontext: bisheriger Ausschluss + die IDs dieser Seite #}
        {% set alleAusschluss = ausschluss + gezeigte %}

        {% if total == 0 %}
            <p class="empty">
                Noch keine Inspiration: Hake Mahlzeiten ab – dann erscheinen sie hier als Vorschlag.
            </p>
        {% else %}
            <ul class="list">
                {% for v in vorschlaege %}
                    <li class="item" id="vorschlag-{{ v.id }}">
                        <div class="item-name">
                            <strong>{{ v.name }}</strong>
                            {% if v.notiz != '' %}
                                <div class="notiz">{{ v.notiz }}</div>
                            {% endif %}
                            <div class="vorschlag-meta">
                                {% if v.gegessenAm %}
                                    zuletzt gegessen · {{ v.gegessenAm|date('d.m.Y') }}
                                {% else %}
                                    aus dem Archiv
                                {% endif %}
                                · <b>{{ v.auftraete }}</b>× in der Küche
                            </div>
                        </div>
                        <div class="actions">
                            <form method="post" action="{{ path('mahlzeiten_adopt', { id: v.id }) }}">
                                {% for id in alleAusschluss %}
                                    <input type="hidden" name="ausschluss[]" value="{{ id }}">
                                {% endfor %}
                                <button type="submit" class="btn">
                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                        <path d="M20 6 9 17l-5-5"/>
                                    </svg>
                                    Übernehmen
                                </button>
                            </form>
                        </div>
                    </li>
                {% endfor %}
            </ul>
            {% if mehrVerfuegbar %}
                <p class="muted" style="margin: 1.1rem 0 0; text-align: center;">
                    <a class="btn btn-link"
                       href="{{ path('mahlzeiten_inspiration', { ausschluss: alleAusschluss|join(',') }) }}">Weitere 5 Vorschläge</a>
                </p>
            {% endif %}
        {% endif %}
    </div>
{% endblock %}