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

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

{% block body %}
    <div class="card">
        <div class="row-between">
            <div>
                <h1 style="margin: 0;">Mahlzeiten</h1>
                <div class="muted" style="margin-top: 0.2rem;">Tagesansicht nach Wochentag</div>
            </div>
            <div class="actions">
                <a class="btn" href="{{ path('mahlzeiten_neu') }}">+ Neue Mahlzeit</a>
                <a class="btn btn-link" href="{{ path('mahlzeiten_archiv') }}">Archiv</a>
            </div>
        </div>

        {% if total == 0 %}
            <p class="muted" style="margin-top: 1rem;">Noch keine Mahlzeiten angelegt.</p>
        {% else %}
            {% for tag, mahlzeiten in tage %}
                <h2 style="margin: 1.25rem 0 0;">{{ tag }}</h2>
                <ul class="list">
                    {% for m in mahlzeiten %}
                        {{ include('mahlzeiten/_mahlzeit.html.twig', { m: m }) }}
                    {% endfor %}
                </ul>
            {% endfor %}
        {% endif %}
    </div>
{% endblock %}