{% 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>
            {% include '_partials/_feedback_rating_scale.html.twig' %}
        </div>
    </div>
{% endblock %}