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

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

{% block body %}
    <div class="card">
        <div class="row-between">
            <h1 style="margin: 0;">Mahlzeiten</h1>
            <a class="btn" href="{{ path('mahlzeiten_neu') }}">+ Neue Mahlzeit</a>
        </div>

        {% if mahlzeiten|length == 0 %}
            <p class="muted" style="margin-top: 1rem;">Noch keine Mahlzeiten angelegt.</p>
        {% else %}
            <ul class="list">
                {% for m in mahlzeiten %}
                    <li class="item">
                        <div>
                            <strong>{{ m.name }}</strong>
                            {% if m.notiz != '' %}
                                <div class="muted">{{ m.notiz }}</div>
                            {% endif %}
                            {% if m.wochentage|length > 0 %}
                                <div class="tags">
                                    {% for tag in m.wochentage %}
                                        <span class="tag">{{ tag.name }}</span>
                                    {% endfor %}
                                </div>
                            {% endif %}
                            <span class="status {{ m.status.value == 'gegessen' ? 'status-gegessen' : '' }}">
                                {{ m.status.value == 'gegessen' ? 'gegessen' : 'geplant' }}
                            </span>
                        </div>
                        <div class="actions">
                            <a class="btn btn-link" href="{{ path('mahlzeiten_bearbeiten', { id: m.id }) }}">Bearbeiten</a>
                            <form method="post" action="{{ path('mahlzeiten_loeschen', { id: m.id }) }}"
                                  onsubmit="return confirm('Mahlzeit „{{ m.name }}“ wirklich löschen?');">
                                <button type="submit" class="btn btn-danger">Löschen</button>
                            </form>
                        </div>
                    </li>
                {% endfor %}
            </ul>
        {% endif %}
    </div>
{% endblock %}