actuel-inactuel/site/snippets/tabs.php

<?php
$left['slug'] = Str::slug($left['label']);
$authorFilter = isset($authorFilter) ? $authorFilter : false;
$activeTab = isset($activeTab) ? Str::slug($activeTab) : '';
?>

<nav id="tabs" x-data="{
    activeTab: '<?= $activeTab ?>'
  }">
    <div class="toggle-btns | flex space-between" style="
    --content:space-between;
    ">
      <button
        class="toggle left"
        :class="activeTab === '<?=$left['slug'] ?>' ? 'open' : 'close'"
        @click="toggleTab($data, '<?=$left['slug'] ?>')"
      ><?= $left['label'] ?></button>
      <button
        class="toggle right"
        :class="activeTab === 'texts' ? 'open' : 'close'"
        title="Voir tous les textes"
        @click="toggleTab($data, 'texts')"
      >textes</button>
    </div>
    <div class="active-tab" x-show="activeTab.length > 0">
      <section 
      x-show="activeTab === '<?=$left['slug'] ?>'">
        <?= $left['content'] ?>
      </section>
      <ul 
      x-show="activeTab === 'texts'">
      <?php foreach($kirby->collection('years') as $year): ?>
          <div 
            x-data='{
              isOpen: false
            }'
            :class="isOpen ? '' : 'short'"
            class="
              texts__year 
              | full-width 
              flex column 
              bottom"
            style="
              --content: center; 
              --bottom: 2;"
          >
            <h3 class="fs-xl color" style="--color:var(--color-secondary)"><?= $year->title() ?></h3>
            <div class="year__edito">
              <?= $year->edito() ?>
            </div>
            <button 
              :class="isOpen ? 'open' : 'close'"
              class="see-more toggle left" @click="isOpen = !isOpen">Lire</button>
          </div>
        <?php foreach($year->children() as $article): ?>
          <?php if (!$authorFilter || $authorFilter == $article->author()->toUser()->name()->value()) : ?>
            <li class="texts | bottom" style="--bottom:3">
              <a href="<?= $article->url() ?>" class="texts__title no-line">
                <h3><?= $article->title() ?></h3>
              </a>
              <div class="texts__infos">
                <p>
                  <?php if (!$authorFilter): ?>
                    <span class="opacity" style="--opacity:.5">par</span>
                    <a class="author" href="/auteurs/<?= Str::slug($article->author()->toUser()->name()) ?>"><?= $article->author()->toUser()->name() ?></a>,
                    <span class="opacity" style="--opacity:.5">le</span> 
                  <?php endif ?>
                  <?= $article->published()->toDate('d/m/Y') ?>
                </p>
              </div>
              <!-- <div class="texts__labels">
                <button class="label label--category">[ <?= $article->category() ?> ]</button>
              </div> -->
            </li>
          <?php endif ?>
        <?php endforeach ?>
      <?php endforeach ?>
      </ul>
    </div>
  </nav>