nouveau-theatre-de-besancon/site/templates/event.php

<?php snippet('header') ?>
<section class="key-infos">
  <ul>
    <li><p class="key-infos__key">Dates</p><p class="key-infos__info"><?= $page->schedule() ?></p></li>
    <li><p class="key-infos__key">Durée</p><p class="key-infos__info"><?= e($page->isMapadoEvent(), $page->remoteDuration(), $page->duration()) ?></p></li>
    <li><p class="key-infos__key">Public</p><p class="key-infos__info"><?= $page->public() ?></p></li>
    <li><p class="key-infos__key">Lieu</p><p class="key-infos__info"><?= $page->place() ?></p></li>
  </ul>
</section>

<section class="presentation">
  <div id="swiper" style="--span: 8;">
    <div class="swiper-wrapper">
      <?php foreach($page->gallery()->toFiles() as $slide): ?>
      <div class="swiper-slide">
        <?php snippet('picture', ['file' => $slide]) ?>
      </div>
      <?php endforeach ?>
    </div>

    <div class="swiper-button swiper-button-prev"></div>
    <div class="swiper-button swiper-button-next"></div>
  </div>
  <div class="presentation__text">
    <h2 class="h1 presentation__title"><?= $page->title() ?></h2>
    <h3 class="h2 presentation__authors"><?= $page->authors() ?></h3>
    <div class="presentation__chapo"><?= $page->chapo() ?></div>
    <div class="presentation__description"><?= $page->description() ?></div>
  </div>
</section>

<section class="collapsable-sections">
  <?php snippet('collapsable-section', ['title' => 'Prenez vos places !'], slots: true) ?>
    <?php if ($page->isMapadoEvent() != 'true'): ?>  
      
      <?php slot('content') ?>
      <div 
        class="sessions"
      >
      <?php
        $sessions = $page->sessions()->toStructure();
  
        foreach ($sessions as $session) :
          $date = new DateTime($session->date());
          $formatter = new IntlDateFormatter('fr_FR', IntlDateFormatter::FULL, IntlDateFormatter::NONE);
          $formattedDate = $formatter->format($date);
      ?>
        <div class="session grid">
          <p><?= $formattedDate ?></p>
          <p><?= $session->time() ?></p>
          <p><?= $page->place() ?></p>
          <a class="ticket-link" title="Entrée libre"><?php snippet('ticket') ?> Entrée libre</a>
        </div>
      <?php endforeach ?>
      </div>
      <?php endslot() ?>
    
    <?php else: ?>
      
      <?php slot('content') ?>
      <div 
        class="sessions"
        x-data="{
          stockThreshold: 15,
          sessions: [],
          slug: null,
          eventDateId: null,
          async fetchSessions() {
            const event = await updateMapadoEvent('<?= $page->uri() ?>');
            this.sessions = event.remoteSessions
            this.slug = event.mapadoSlug
            this.eventDateId = event.eventDateId
          },
        }"
        x-init="
          if (<?= $page->isMapadoEvent() == 'true' ?>) {
            fetchSessions()
          }
        "
      >
        <template x-for="session in sessions">
          <div class="session grid">
            <p x-text="dateToFrench(session.date)"></p>
            <p x-text="session.time"></p>
            <p><?= $page->place() ?></p>
            <template x-if="session.bookableStock === 0">
              <a class="ticket-link" title="Plus de places disponibles" disabled><?php snippet('ticket') ?> Complet</a>
            </template>
            <template x-if="session.bookableStock > stockThreshold">
              <a class="ticket-link" title="Plateforme de réservation" :href="'https://cdn-besancon.mapado.com/event/' + slug + '?eventDate=' + eventDateId" target="_blank"><?php snippet('ticket') ?> Billetterie</a>
            </template>
            <template x-if="session.bookableStock < stockThreshold">
              <a class="ticket-link" title="Plateforme de réservation" :href="'https://cdn-besancon.mapado.com/event/' + slug + '?eventDate=' + eventDateId" target="_blank"><?php snippet('ticket') ?> Plus que quelques places !</a>
            </template>
          </div>
        </template>
      </div>
      <?php endslot() ?>
    
    <?php endif ?>
  <?php endsnippet() ?>
  
  <?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('events-grid', ['title' => 'Pour aller plus loin', 'events' => $page->linkedPages()->toPages()]) ?>
<?php snippet('footer') ?>