feat: use star ratings in favor of average value

templates/teamer/feedback/modal.html.twig

@@ -1,20 +1,25 @@
 {% extends 'htmx_modal.html.twig' %}
 
-{% block title %}{{ feedback.destinationName ~ ' ' ~ feedback.assignmentDate|date('m.Y') }}{% endblock %}
+{% block title %}Feedback zu {{ feedback.teamer }}{% endblock %}
 
 {% block content %}
-    <h2 class=" font-bold text-lg pb-2">
-        Durchschnittsnote: {{ feedback.averageRating|format_rating }}
-    </h2>
-    <ul class="divide-y divide-gray-200 pb-4">
-        {% for item in feedback.ratings %}
-            <li class="py-2 first:pt-0 last:pb-0 flex items-start">
-                <span class="flex-1">{{ item.rating }}</span>
-                <strong>Note {{ item.mark }}</strong>
-            </li>
+    <div class="text-lg pb-4">
+        Einsatz: {{ feedback.destinationName }}
+        <br>
+        Einsatzzeitraum: {{ feedback.assignmentDateFrom|date('d.m.Y') }} - {{ feedback.assignmentDateTo|date('d.m.Y') }}
+        <br>
+        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 %}
-    </ul>
-    <p>
-        abgegeben von {{ feedback.author }} (<a href="mailto:{{ feedback.createdBy }}" class="underline">{{ feedback.createdBy }}</a>)
-    </p>
+    </table>
 {% endblock %}