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

{% block title %}Feedback abgeben{% endblock %}

{% block content %}
    <h1 class="text-2xl font-bold pb-4">
        Neues Feedback
    </h1>
    <div class="grid lg:grid-cols-2 gap-8">
        <div>
            {{ form_start(form) }}
            <div class="py-4">
                {{ form_row(form.teamer) }}
            </div>
            <div class="py-4">
                {{ form_row(form.authorOverride) }}
            </div>
            <div class="py-4">
                {{ form_row(form.feedbackSet, { 'attr': {
                    'hx-post': path('app_admin_feedback_provide_form'),
                    'hx-target': '#feedback-form',
                    'hx-swap': 'innerHTML',
                } }) }}
            </div>
            <div id="feedback-form">
                {% block feedback_form %}
                    {% if form.ratings is defined %}
                        <div class="flex flex-col divide-y divide-gray-200">
                            {% for child in form.ratings.children %}
                                <div class="grid grid-cols-4 gap-x-4 items-start py-4">
                                    <h2 class="col-span-3 text-lg font-bold">
                                        {{ child.vars.label }}
                                    </h2>
                                    {{ form_widget(child) }}
                                </div>
                            {% endfor %}
                            <div class="py-4">
                                {{ form_row(form.comment) }}
                            </div>
                            <div class="py-4">
                                {{ form_row(form.commentInternal) }}
                            </div>
                        </div>
                    {% endif %}
                {% endblock %}
            </div>
            <button type="submit" class="btn">
                Speichern
            </button>
            {{ form_rest(form) }}
            {{ form_end(form) }}
        </div>
        <div>
            <h2 class="text-lg font-bold pb-2">
                Bewertungsskala
            </h2>
            <table>
                <tr>
                    <th class="whitespace-nowrap">
                        5 Punkte
                    </th>
                    <td>
                        Der/die Wochenteamer:in hat hervorragende Arbeit geleistet und ist beim Team und den Gästen
                        sehr gut angekommen, es gibt nichts auszusetzen.
                    </td>
                </tr>
                <tr>
                    <th class="whitespace-nowrap">
                        4 Punkte
                    </th>
                    <td>
                        Der/die Wochenteamer:in hat einen sehr guten Job geleistet. Wenn es etwas zu beanstanden oder
                        Ideen zur Verbesserung gibt, dann sind es nur Kleinigkeiten (diese gerne in den Kommentar
                        schreiben).
                    </td>
                </tr>
                <tr>
                    <th class="whitespace-nowrap">
                        3 Punkte
                    </th>
                    <td>
                        Der/die Wochenteamer:in hat einen ganz guten Job erledigt. Es gibt einige Dinge, die
                        verbesserungswürdig sind (diese gerne in den Kommentaren vermerken). Der/die Wochenteamer:in
                        ist aber nicht negativ aufgefallen.
                    </td>
                </tr>
                <tr>
                    <th class="whitespace-nowrap">
                        2 Punkte
                    </th>
                    <td>
                        Der/die Wocheteamer:in hat keinen guten Job geleistet. Der Einsatz hat das Team eher belastet,
                        als es zu unterstützen. Der/die Wochenteamer:in bekommt noch eine Chance sich zu beweisen
                        (hierfür gerne ein schriftliches Feedback im Kommentarfeld hinterlassen).
                    </td>
                </tr>
                <tr>
                    <th class="whitespace-nowrap">
                        1 Punkt
                    </th>
                    <td>
                        Der/die Wochenteamer:in hat einen schlechten Job erledigt, ist Team und/oder Gästen negativ
                        aufgefallen und soll keine weiteren Einsätze erhalten.
                    </td>
                </tr>
            </table>
        </div>
    </div>
{% endblock %}