feat: link price calculator from calendar

addresses #8697b8j0m

public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxCalendar/Range.html

@@ -6,9 +6,9 @@
 
     <f:section name="Main">
         <div class="calendar__range">
-            <f:render section="Year" arguments="{year: yearStart, range: range, events: events, months: months}"/>
+            <f:render section="Year" arguments="{year: yearStart, range: range, events: events, months: months, hotel: hotel}"/>
             <f:if condition="{yearEnd}">
-                <f:render section="Year" arguments="{year: yearEnd, range: range, events: events, months: months}"/>
+                <f:render section="Year" arguments="{year: yearEnd, range: range, events: events, months: months, hotel: hotel}"/>
             </f:if>
         </div>
     </f:section>
@@ -16,6 +16,26 @@
     <f:section name="Year">
         <f:for each="{year}" as="month">
             <ep:calendar.includes range="{range}" period="{month}">
+                <f:if condition="{hotel.groupsPriceConfigs}">
+                    <f:then>
+                        <div data-controller="lightbox"
+                             data-lightbox-url-value="{f:uri.action(action: 'index', controller: 'GroupsPrice', arguments: '{hotel: hotel}', pageUid: settings.groupsPricePopupPageUid, absolute: 1)}"
+                             data-lightbox-type-value="external"
+                             data-lightbox-height-value="85vh"
+                             data-action="click->lightbox#open"
+                             class="cursor-pointer">
+                            <f:render section="Calendar" arguments="{_all}"/>
+                        </div>
+                    </f:then>
+                    <f:else>
+                        <f:render section="Calendar" arguments="{_all}"/>
+                    </f:else>
+                </f:if>
+            </ep:calendar.includes>
+        </f:for>
+    </f:section>
+
+    <f:section name="Calendar">
         <div class="w-full{f:if(condition: '{months} > 1', then: ' md:w-1/2 lg:w-1/3')}">
             <table class="min-w-full border border-zinc-400 border-collapse mb-0">
                 <thead>
@@ -40,8 +60,6 @@
                 </tbody>
             </table>
         </div>
-            </ep:calendar.includes>
-        </f:for>
     </f:section>
 
 </html>