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

{% set titel = mahlzeit ? 'Mahlzeit bearbeiten' : 'Neue Mahlzeit' %}

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

{% block fab %}{% endblock %}

{% block body %}
    <div class="card">
        <div class="page-head">
            <div>
                <h1>{{ titel }}</h1>
                <div class="subtitle">{{ mahlzeit ? 'Ändere Name, Notiz oder Wochentage.' : 'Ein Gericht, das wieder auf den Plan soll.' }}</div>
            </div>
        </div>

        {% 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
                        placeholder="z. B. Spaghetti Bolognese" autofocus
                        autocomplete="off" enterkeyhint="next">
            </div>

            <div class="field">
                <label for="notiz">Notiz</label>
                <textarea id="notiz" name="notiz" rows="3" placeholder="z. B. mit Basilikum, scharf …" enterkeyhint="done">{{ 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" style="margin-top: 1.4rem;">
                <button type="submit" class="btn">{{ mahlzeit ? 'Speichern' : 'Anlegen' }}</button>
                <a class="btn btn-link" href="{{ path('mahlzeiten_index') }}">Abbrechen</a>
            </div>
        </form>
    </div>
{% endblock %}