From 37c7aca445c863852512acd1734f7c9b43e1b6ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Thu, 5 May 2022 15:34:02 +0200
Subject: [PATCH] Adds included services and min price to detail page if
 applicable

---
 .../Private/Partials/Product/Details.html     | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Details.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Details.html
index 181028c0..2ef7184c 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Details.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Details.html
@@ -21,6 +21,30 @@
         </div>
         {product.boardDescription -> f:format.html()}
     </div>
+    <f:if condition="{product.includedServices}">
+        <div class="relative odd:bg-gray-50 p-4" data-rte-content>
+            <div class="headline--3 headline--underlined">
+                Inklusivleistungen
+            </div>
+            {product.includedServices -> f:format.html()}
+            <f:if condition="{product.minPrice}">
+                <div class="absolute top-0 right-0 mt-4 mr-4 w-32 transform rotate-6">
+                    <svg viewBox="0 0 200 200"
+                         xmlns="http://www.w3.org/2000/svg"
+                         preserveAspectRatio="xMinYMin meet"
+                         class="w-full h-full">
+                        <circle fill="currentColor" class="text-ep-primary-50" cx="100" cy="100" r="100"/>
+                        <circle fill="currentColor" class="text-ep-primary" cx="100" cy="100" r="70"/>
+                    </svg>
+                    <div class="absolute top-0 left-0 inset-0 flex flex-col items-center justify-center p-8">
+                        <span class="block text-center text-white uppercase font-bold leading-none text-xl">
+                            ab<br>{product.minPrice} €
+                        </span>
+                    </div>
+                </div>
+            </f:if>
+        </div>
+    </f:if>
     <f:if condition="{product.additionalServices}">
         <div class="odd:bg-gray-50 p-4" data-rte-content>
             <div class="headline--3 headline--underlined">