add resources section

site/blueprints/pages/event.yml

@@ -129,11 +129,11 @@ tabs:
             type: writer
       - width: 1/1
         fields:
-          distributionAndProduction:
+          production:
             label: Distribution et production
             type: layout
             layouts:
-              - "1/4, 1/4, 1/4, 1/4"
+              - "1/3, 1/3, 1/3"
             fieldsets:
               - text
           resources:

site/snippets/collapsable-section.php

@@ -1,11 +1,18 @@
 <section class="collapsable" x-data="{
   open: false
 }">
-  <button class="toggle" @click="open = !open" title="Ouvrir la section">
-    <h4>Prenez vos places !</h4>
-    <?= svg('assets/images/icons/arrow-down.svg') ?>
+  <button class="toggle" :class="open ? 'open' : ''" @click="open = !open" :title="open ? 'Fermer la section': 'Ouvrir la section'" :aria-expanded="open ? true : false">
+    <h4><?= $title ?></h4>
+    <template x-if="!open">
+      <button class="arrow-down">↓</button>
+    </template>
+    <template x-if="open">
+      <button class="close-btn" :title="Fermer le menu">
+        <span class="close-btn__line"></span>
+      </button>
+    </template>
   </button>
-  <div class="collapsable__content" :class="open ? 'open' : ''">
-    test
+  <div x-show="open" class="collapsable__content" :class="open ? 'open' : ''">
+    <?= $slots->content() ?>
   </div>
 </section>

site/snippets/nav.php

@@ -78,7 +78,6 @@
     </li>
   </ul>
   <button class="close-btn" title="Fermer le menu">
-    <span class="sr-only">Fermer le menu</span>
     <span class="close-btn__line"></span>
   </button>
 </nav>

site/templates/event.php

@@ -19,6 +19,36 @@
 </section>
 
 <section class="collapsable-sections">
-  <?php snippet('collapsable-section') ?>
+  <?php snippet('collapsable-section', ['title' => 'Distribution et production'], slots: true) ?>
+    <?php slot('content') ?>
+      <div class="production">
+        <?php foreach ($page->production()->toLayouts() as $layout): ?>
+        <div class="grid" id="<?= $layout->id() ?>">
+          <?php foreach ($layout->columns() as $column): ?>
+          <div class="grid__item" style="--span:<?= $column->span() ?>">
+            <div class="blocks">
+              <?= $column->blocks() ?>
+            </div>
+          </div>
+          <?php endforeach ?>
+        </div>
+        <?php endforeach ?>
+      </div>
+    <?php endslot() ?>
+  <?php endsnippet() ?>
+
+  <?php if ($page->resources()->isNotEmpty()): ?>  
+  <?php snippet('collapsable-section', ['title' => 'Ressources'], slots: true) ?>
+    <?php slot('content') ?>
+      <div class="resources grid">
+        <?php foreach($page->resources()->toStructure() as $resource): ?>
+            <div class="resource grid__item" style="--span: 4;">
+              <p><?= $resource->name() ?></p><a href="<?= $resource->file()->toFile()->url() ?>" title="Télécharger le fichier" download>télécharger ↓</a>
+            </div>
+        <?php endforeach ?>
+      </div>
+    <?php endslot() ?>
+  <?php endsnippet() ?>
+  <?php endif ?>
 </section>
 <?php snippet('footer') ?>