M1: CRUD-Slice 'Mahlzeit' Schritt 2 – UI (Controller, Templates, Routen, Feature-Tests)

templates/mahlzeiten/form.html.twig

@@ -0,0 +1,48 @@
+{% extends 'layout/base.html.twig' %}
+
+{% set titel = mahlzeit ? 'Mahlzeit bearbeiten' : 'Neue Mahlzeit' %}
+
+{% block title %}{{ titel }} · svc-essensplanung{% endblock %}
+
+{% block body %}
+    <div class="card">
+        <h1 style="margin-top: 0;">{{ titel }}</h1>
+
+        {% if fehler %}
+            <div class="flash flash-error">{{ fehler }}</div>
+        {% endif %}
+
+        <form method="post"
+              action="{{ mahlzeit ? path('mahlzeiten_aktualisieren', { id: mahlzeit.id }) : path('mahlzeiten_speichern') }}">
+
+            <div class="field">
+                <label for="name">Name <span class="req" title="Pflichtfeld">*</span></label>
+                <input type="text" id="name" name="name" value="{{ werte.name }}" required>
+            </div>
+
+            <div class="field">
+                <label for="notiz">Notiz</label>
+                <textarea id="notiz" name="notiz" rows="3" placeholder="z. B. mit Basilikum, scharf …">{{ werte.notiz }}</textarea>
+            </div>
+
+            <div class="field">
+                <label>Wochentage</label>
+                {% set gewaehlte = werte.wochentage|map(t => t.value) %}
+                <div class="checkboxes">
+                    {% for tag in wochentage_choices %}
+                        <label class="checkbox">
+                            <input type="checkbox" name="wochentage[]" value="{{ tag.value }}"
+                                {{ tag.value in gewaehlte ? 'checked' : '' }}>
+                            {{ tag.name }}
+                        </label>
+                    {% endfor %}
+                </div>
+            </div>
+
+            <div class="actions">
+                <button type="submit" class="btn">{{ mahlzeit ? 'Speichern' : 'Anlegen' }}</button>
+                <a class="btn btn-link" href="{{ path('mahlzeiten_index') }}">Abbrechen</a>
+            </div>
+        </form>
+    </div>
+{% endblock %}

templates/mahlzeiten/index.html.twig

@@ -0,0 +1,46 @@
+{% 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 %}