Implement ajax endpoint for prices

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/GroupsPriceCalculator.vue

@@ -0,0 +1,27 @@
+<template>
+    <div>
+
+    </div>
+</template>
+
+<script>
+    import axios from 'axios';
+
+    export default {
+        props: {
+            endpoint: {
+                type: String,
+                required: true
+            }
+        },
+        data () {
+            return {
+                processing: false,
+            }
+        },
+        methods: {
+        },
+        mounted () {
+        }
+    }
+</script>

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/ProductDetail.vue

@@ -11,6 +11,7 @@
     import DaterangeSelect from './DaterangeSelect.vue'
     import AjaxContent from './AjaxContent.vue'
     import Calendar from './Calendar.vue'
+    import GroupsPriceCalculator from './GroupsPriceCalculator.vue';
     import FacebookPixel from './FacebookPixel.vue'
     import WatchlistToggle from './WatchlistToggle.vue'
     import OsmMap from './OsmMap.vue'
@@ -28,6 +29,7 @@
             DaterangeSelect,
             AjaxContent,
             Calendar,
+            GroupsPriceCalculator,
             FacebookPixel,
             WatchlistToggle,
             OsmMap,

public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html

@@ -248,6 +248,9 @@
 
     <f:section name="Calendar">
         <f:if condition="{product.calendarHotel}">
+            <groups-price-calculator
+                    endpoint="{ep:uri.ajax(action: 'prices', controller: 'AjaxGroupsPrice', extensionName: 'epproducts', pageUid: settings.defaultAjaxUid, arguments: '{hotel: hotel}')}"
+            ></groups-price-calculator>
             <div class="ep-sidebar ep-facts">
                 <p><strong>Belegungskalender</strong></p>
                 <calendar