From b1283d1d71d74ba20de2f80a92db77054d09374c Mon Sep 17 00:00:00 2001
From: jeslage <johannes.eslage@fork.de>
Date: Fri, 14 Apr 2023 17:50:40 +0200
Subject: [PATCH] fix: brought back some missing components

---
 site/snippets/blocks/accordion.php | 41 +++++++++++++++++++++---------
 site/snippets/blocks/table.php     | 35 +++++++++++++++++--------
 2 files changed, 53 insertions(+), 23 deletions(-)

diff --git a/site/snippets/blocks/accordion.php b/site/snippets/blocks/accordion.php
index 760b0e2..69b7ea1 100644
--- a/site/snippets/blocks/accordion.php
+++ b/site/snippets/blocks/accordion.php
@@ -1,15 +1,32 @@
-<?php if(isset($block)): ?>
-<div>
-  <?php foreach ($block->items()->toStructure() as $item): ?>
-    <h3>
-      <button id="accordion-trigger-<?= $block->id() ?>" aria-controls="accordion-panel-<?= $block->id() ?>" aria-expanded="false">
-        <?= $item->title() ?>
+<div class="col-span-4 md:col-start-3 md:col-span-8 mb-xl pb-m border-t-2">
+  <?php foreach ($block->items()->toStructure() as $item) : ?>
+    <div x-data="{ activeAccordion: false }" class="group border-b-2">
+      <button
+        @click="activeAccordion = !activeAccordion"
+        :aria-expanded="activeAccordion"
+        aria-controls="accordion-panel-<?= $block->id() ?>"
+        class="group flex justify-between items-center py-m w-full text-left"
+      >
+        <?php snippet('components/text', [
+            'text' => $item->title(),
+            'variant' => 'copy-bold',
+        ]) ?>
+
+        <div class="group-aria-expanded:rotate-90 w-m">
+          <?= svg('assets/icons/instagram.svg') ?>
+        </div>
       </button>
-    </h3>
-    <div id="accordion-panel-<?= $block->id() ?>" role="region" aria-labelledby="accordion-trigger-<?= $block->id() ?>">
-      <?= $item->text() ?>
+
+      <section
+        :hidden="!activeAccordion"
+        id="accordion-panel-<?= $block->id() ?>"
+        aria-labelledby="accordion-header-<?= $block->id() ?>"
+        class="pb-m"
+      >
+        <?php snippet('components/richtext', slots: true) ?>
+          <?= $item->text() ?>
+        <?php endsnippet() ?>
+      </section>
     </div>
-    </li>
   <?php endforeach ?>
-</div>
-<?php endif ?>
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/site/snippets/blocks/table.php b/site/snippets/blocks/table.php
index 70545f7..571dbc0 100644
--- a/site/snippets/blocks/table.php
+++ b/site/snippets/blocks/table.php
@@ -1,14 +1,27 @@
-<?php if(isset($block)):  ?>
-<div>
-  <?php foreach ($block->items()->toStructure() as $item): ?>
+<div class="col-span-4 md:col-start-3 md:col-span-8 mb-xl pb-m">
+  <?php if ($block->headline()): ?>
     <?php snippet('components/text', [
-        'text' => $item->title(),
-        'variant' => 'copy-bold',
+        'text' => $block->headline(),
+        'variant' => 'headline-3',
+        'class' => 'mb-s',
+        'tag' => 'h3',
     ]) ?>
+  <?php endif; ?>
 
-    <?php snippet('components/text', [
-        'text' => $item->text(),
-    ]) ?>
-  <?php endforeach; ?>
-</div>
-<?php endif; ?>
\ No newline at end of file
+  <?php foreach ($block->items()->toStructure() as $item) : ?>
+    <div class="flex flex-col md:grid md:grid-cols-8 gap-s md:gap-m border-b-2 py-m">
+      <div class="md:col-span-2">
+        <?php snippet('components/text', [
+            'text' => $item->title(),
+            'variant' => 'copy-bold',
+        ]) ?>
+      </div>
+      
+      <div class="md:col-span-6">
+        <?php snippet('components/richtext', slots: true) ?>
+          <?= $item->text() ?>
+        <?php endsnippet() ?>
+      </div>
+    </div>
+  <?php endforeach ?>
+</div>
\ No newline at end of file