actuel-inactuel/site/snippets/nav__texts--collection.php

<ul class="panel__collection panel__collection--<?= $collection ?><?= e($collection == 'categories', ' hidden') ?>">
  <?php foreach($kirby->collection($collection) as $section): ?>
  <li 
    class="panel__item "
    x-data='{ isOpen: false }'
  >
    <a class="no-underline" href="#<?= $section->slug() ?>" id="<?= $section->slug() ?>">
      <button 
        class="panel__toggle-btn"
        :class="isOpen ? '' : 'short'"
        @click="isOpen = !isOpen" 
      >
        <h3><?= $section->title() ?></h3>
        <div 
          class="panel__toggle-icon" 
          x-text="isOpen || search.length > 0 ? '-' : '+'"
        ></div>
      </button>
    </a>
    <div
      class="panel-item-content"
      x-show="isOpen || search.length > 0"
      x-data='{ edito: false }'
    >
      <?php if ($collection === "years"): ?>
        <div 
          class="panel-item-content__edito"
          :class="edito ? '' : 'short'"
          x-show="search.length === 0"
        >
          <?= $section->edito() ?>
        </div>
        <button 
          :class="edito ? 'open' : 'close'"
          x-show="search.length === 0"
          class="see-more toggle-btn toggle-btn--left" 
          @click="edito = !edito"
        >Lire</button>
      <?php endif ?>
      <ul class="panel-item-content__texts texts">
        <?php foreach($section->children() as $article): ?>
          <?php
            $author = $article->author()->toPage() == null ? "inconnu" : $article->author()->toPage()->title();
          ?>
          <li 
            class="text"
            x-data="{ 
              title: '<?= str_replace("'", "\'", $article->title()->value()) ?>',
              author: '<?= $author ?>',
              category: '<?= $article->category() ?>',
              keywords: '<?= $article->keywords() ?>',
            }"
            x-show="
              slugify(title).includes(slugify(search)) 
              || slugify(author).includes(slugify(search))
              || slugify(category).includes(slugify(search))
              || slugify(keywords).includes(slugify(search))
            "
          >
            <a href="<?= $article->url() ?>" class="text__title no-underline">
              <h4><?= $article->title() ?></h4>
            </a>
            <div class="text__infos">
              <p>
                  <span class="light">par</span>
                  <a class="author" href="/auteurs/<?= Str::slug($author) ?>"><?= $author ?></a><br>
                  <span class="light">publié le </span><?= $article->published()->toDate('d/m/Y') ?><br>
                  <span class="light">dans</span> <a href="<?= $article->parent()->url() ?>"><?= $article->parent()->title() ?></a> / <a href="/categories/<?= $article->category() ?>"><?= $article->category() ?></a>
              </p>
            </div>
          </li>
        <?php endforeach ?>
      </ul>
    </div>
  </li>
  <?php endforeach ?>
</ul>