:

.idea/workspace.xml

@@ -1,7 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="63513c45-0a61-435e-8541-3831c195f7c0" name="Changes" comment="" />
+    <list default="true" id="63513c45-0a61-435e-8541-3831c195f7c0" name="Changes" comment="">
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/content/contents/solarmodule.blade.php" beforeDir="false" afterPath="$PROJECT_DIR$/content/contents/solarmodule.blade.php" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/content/index.blade.php" beforeDir="false" afterPath="$PROJECT_DIR$/content/index.blade.php" afterDir="false" />
+    </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -57,7 +61,7 @@
       <workItem from="1662027309116" duration="11385000" />
       <workItem from="1662115692620" duration="1346000" />
       <workItem from="1662283223529" duration="4523000" />
-      <workItem from="1662312260637" duration="5464000" />
+      <workItem from="1662312260637" duration="7391000" />
     </task>
     <servers />
   </component>

content/contents/solarmodule.blade.php

@@ -43,7 +43,9 @@
 
       </div>
 
+        <div class="row">
                 @isset($content->data_fields['preis_5'])
+                <div class="col-6">
 
 
                     <p>
@@ -52,8 +54,75 @@
                             Mengenrabate
                         </button>
                     </p>
+                </div>
+                @endisset
+
+            <div class="col-6">
+
+
+                    <p>
+                        <button class="btn btn-link text-muted text-decoration-none" type="button" data-bs-toggle="modal" data-bs-target="#price_timeline">
+                            <svg style="fill: currentColor; width: 20px; margin-right: 2px; margin-bottom: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 416H32V72c0-4.42-3.58-8-8-8H8c-4.42 0-8 3.58-8 8v360c0 8.84 7.16 16 16 16h488c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM98.34 263.03c-3.12 3.12-3.12 8.19 0 11.31l11.31 11.31c3.12 3.12 8.19 3.12 11.31 0l72.69-72.01 84.69 84.69c6.25 6.25 16.38 6.25 22.63 0l93.53-93.53 44.04 44.04c4.95 4.95 11.03 7.16 17 7.16 12.48 0 24.46-9.7 24.46-24.34V112.19c0-8.94-7.25-16.19-16.19-16.19H344.34c-21.64 0-32.47 26.16-17.17 41.46l44.71 44.71-82.22 82.22-84.63-84.63c-6.23-6.23-16.32-6.25-22.57-.05l-84.12 83.32zM362.96 128H448v85.04L362.96 128z"/></svg>
+                           Preisverlauf
+                        </button>
+                    </p>
+
+                <!-- Modal -->
+                <div class="modal fade" id="price_timeline" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                    <div class="modal-dialog modal-md">
+                        <div class="modal-content">
+                            <div class="modal-header" style="background-color: #546c8a; color: white;">
+                                <h5 class="modal-title" id="exampleModalLabel">Preisverlauf</h5>
+                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                            </div>
+                            <div class="modal-body">
+                                <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js" integrity="sha512-ElRFoEQdI5Ht6kZvyzXhYG9NqjtkmlkfYk0wr6wHxU9JEHakS7UJZNeml5ALk+8IKlU6jDgMabC3vkumRokgJA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+
+                                <canvas id="myChart" width="400" height="400"></canvas>
+                                <script>
+const ctx = document.getElementById('myChart').getContext('2d');
+const myChart = new Chart(ctx, {
+    type: 'line',
+    data: {
+        labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
+        datasets: [{
+            label: 'Modulpreis in €',
+            data: [12, 19, 3, 5, 2, 3],
+            backgroundColor: [
+                'rgba(255, 99, 132, 0.2)',
+                'rgba(54, 162, 235, 0.2)',
+                'rgba(255, 206, 86, 0.2)',
+                'rgba(75, 192, 192, 0.2)',
+                'rgba(153, 102, 255, 0.2)',
+                'rgba(255, 159, 64, 0.2)'
+            ],
+            borderColor: [
+                'rgba(255, 99, 132, 1)',
+                'rgba(54, 162, 235, 1)',
+                'rgba(255, 206, 86, 1)',
+                'rgba(75, 192, 192, 1)',
+                'rgba(153, 102, 255, 1)',
+                'rgba(255, 159, 64, 1)'
+            ],
+            borderWidth: 1
+        }]
+    }
+});
+</script>
+
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+
+
+            </div>
+
+            <div class="col-12">
                 <div class="collapse" id="collapseWidthExample">
-                <div class="card card-body">
+                    <div class="card card-body mb-5">
                         <table class="table">
                             <thead>
                             <tr>
@@ -72,7 +141,7 @@
 
                             @isset($content->data_fields['preis_10'])
                                 <tr>
-                                <td>ab 5 Stück</td>
+                                    <td>ab 10 Stück</td>
                                     <td>{{$content->data_fields['preis_10']}} €</td>
                                 </tr>
                             @endisset
@@ -89,7 +158,9 @@
                         </table>
                     </div>
                 </div>
-        @endisset
+            </div>
+        </div>
+
 
         <table class="table">
 

content/index.blade.php

@@ -41,7 +41,7 @@
             </div>
 
 
-            @foreach($contents as $content)
+            @foreach(filterByContentType($contents, "Balkonkraftwerk") as $content)
 
                 <div class="col-12 col-md-6 mt-5">
                     <a href="{{route_content($content)}}" class="text-decoration-none">