feat: teamer contact data in info popup

assets/images/icons.svg

@@ -87,6 +87,9 @@
     <symbol id="icon-phone" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
         <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z" />
     </symbol>
+    <symbol id="icon-mobile" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3" />
+    </symbol>
     <symbol id="icon-calendar" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
         <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z" />
     </symbol>

templates/_partials/_ajax_modal.html.twig

@@ -3,7 +3,7 @@
      {{ stimulus_controller('ajax-modal') }}
 >
     <div class="absolute inset-0 w-full h-full bg-black/80" {{ stimulus_action('ajax-modal', 'hide', 'click') }}></div>
-    <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 px-4 w-full max-w-xl">
+    <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 px-4 w-full max-w-2xl">
         <div class="bg-white p-8 rounded-md">
             <div class="flex justify-between pb-4">
                 <div class="text-2xl font-bold" {{ stimulus_target('ajax-modal', 'title') }}></div>

templates/admin/teamer/info.html.twig

@@ -18,9 +18,10 @@
         <ul class="pb-4 divide-y divide-gray-200">
         {% for disposition in recentDispositions %}
             {% set destination = disposition.assignment.destination %}
-            <li class="py-2 flex items-start">
+            <li class="py-1">
-                <span class="flex-1">{{ destination.product }}</span>
+                {{ destination.product }}
-                <span>{{ destination.dateFrom|date('d.m.y') }} -<br>{{ destination.dateTo|date('d.m.y') }}</span>
+                <br>
+                {{ destination.dateFrom|date('d.m.y') }} - {{ destination.dateTo|date('d.m.y') }}
             </li>
         {% else %}
             <li class="py-2">
@@ -40,5 +41,27 @@
             </div>
         {% endif %}
         {% include '_partials/_rating_stars.html.twig' with { 'teamer': teamer } %}
+        <ul class="pb-8 divide-y divide-gray-200">
+            {% if teamer.communication.phone %}
+                <li class="py-2">
+                    <a href="tel:{{ teamer.communication.phone }}" class="flex items-center space-x-2 hover:text-primary">
+                        {{ icon('phone', 'w-4 h-4') }}
+                        <span class="flex-shrink-0">{{ teamer.communication.phone }}</span>
+                    </a>
+                </li>
+            {% endif %}
+            <li class="py-2">
+                <a href="tel:{{ teamer.communication.mobile }}" class="flex items-center space-x-2 hover:text-primary">
+                    {{ icon('mobile', 'w-4 h-4') }}
+                    <span class="flex-shrink-0">{{ teamer.communication.mobile }}</span>
+                </a>
+            </li>
+            <li class="py-2">
+                <a href="mailto:{{ teamer.communication.email }}" class="flex items-center space-x-2 hover:text-primary">
+                    {{ icon('at', 'w-4 h-4') }}
+                    <span class="flex-shrink-0">{{ teamer.communication.email }}</span>
+                </a>
+            </li>
+        </ul>
     </div>
 </div>