{% extends 'htmx_modal.html.twig' %}

{% block title %}Feedback zu {{ feedback.teamer }}{% endblock %}

{% block content %}
    <div class="flex flex-col space-y-4">
        <div class="text-lg">
            {% if feedback.destinationName %}
                Einsatz: {{ feedback.destinationName }}
                <br>
            {% endif %}
            {% if feedback.assignmentDateFrom and feedback.assignmentDateTo %}
                Einsatzzeitraum: {{ feedback.assignmentDateFrom|date('d.m.Y') }} - {{ feedback.assignmentDateTo|date('d.m.Y') }}
                <br>
            {% endif %}
            Feedback von: {{ feedback.author }}
        </div>
        <table>
            {% for entry in feedback.ratings %}
                <tr>
                    <td class="border-r border-gray-300">
                        {{ entry.rating }}
                    </td>
                    <td class="text-center">
                        <twig:RatingStars rating="{{ entry.mark * 100 }}"/>
                    </td>
                </tr>
            {% endfor %}
        </table>
        {% if feedback.comment %}
            <div>
                <strong>Kommentar:</strong> {{ feedback.comment | nl2br }}
            </div>
        {% endif %}
    </div>
{% endblock %}