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

<?php snippet('header') ?>

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

    <button class="swiper-button swiper-button-prev" title="précédente">←</button>
    <button class="swiper-button swiper-button-next" title="suivante">→</button>
  </div>
  <div class="presentation__text">
    <h1 class="presentation__title"><?= $page->title() ?></h1>
    <h3 class="h2 presentation__authors"><?= $page->authors() ?></h3>
    <div class="presentation__chapo"><?= $page->chapo() ?></div>
    <div class="presentation__description"><?= $page->description() ?></div>
    <?php if ($page->informations()->isNotEmpty()): ?>
      <div class="presentation__informations"><?= $page->informations()->kti() ?></div>
    <?php endif ?>
  </div>
</section>

<section class="collapsable-sections">
  <?php snippet('collapsable-section', ['title' => 'Réserver', 'padding' => false], slots: true) ?>
    <!--========== KIRBY EVENT ==========-->
    <?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 collapsable__item--padding grid"<?= $session->backgroundColor()->isNotEmpty(), ' style="background-color: ' . $session->backgroundColor() . ';"' ?>>
          <div class="left-column">
            <p><?= $formattedDate ?></p>
            <p><?= $session->time() ?></p>
            <p><?= $page->place() ?></p> 
          </div>
          <div class="right-column">
          <?php
            $hasBookingUrl   = $page->bookingUrl()->isNotEmpty();
            $hasTicketingUrl = $session->ticketingUrl()->isNotEmpty();
            $isTicketingUrlValid = $hasTicketingUrl && filter_var($session->ticketingUrl(), FILTER_VALIDATE_URL);
            $isFull          = $session->isFull()->isTrue();
          ?>

          <?php if (!$hasBookingUrl): ?>
            <a class="ticket-link" title="Entrée libre" disabled>
              <?php snippet('ticket') ?> <?= $isFull ? 'Complet' : 'Entrée libre' ?>
            </a>

          <?php elseif ($hasTicketingUrl && !$isTicketingUrlValid): ?>
            <p><?= $session->ticketingUrl() ?></p>
          <?php else: ?>
            <?php
            $url = $isTicketingUrlValid
              ? $session->ticketingUrl()->url()
              : $page->bookingUrl()->url();
            ?>
            <a
              class="ticket-link"
              href="<?= $url ?>"
              target="_blank"
              title="Plateforme de réservation"
              <?= $isFull ? 'disabled' : '' ?>
            >
              <?php snippet('ticket') ?> <?= $isFull ? 'Complet' : 'Réserver' ?>
            </a>
          <?php endif ?>
          </div>     
        </div>
      <?php endforeach ?>
      </div>
      <?php endslot() ?>
    
    <!--========== MAPADO EVENT ==========-->
    <?php else: ?>
      
      <?php slot('content') ?>
      <div 
        class="sessions"
        x-data="{
          stockThreshold: (<?= $page->totalStock()->value() ?> / 100) * 25,
          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 
            x-data="{
              stockThreshold: (<?= $page->totalStock()->value() ?> / 100) * 25
            }"  
            class="collapsable__item--padding session grid"
          >
            <div class="left-column">
              <p x-text="dateToFrench(session.date)"></p>
              <p x-text="session.time"></p>
              <p><?= $page->place() ?></p>
            </div>
            <template x-if="!session.ticketingUrl">
              <a class="ticket-link" title="Plus de places disponibles" disabled><?php snippet('ticket') ?> Entrée libre</a>
            </template>
            <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="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> Billetterie</a>
            </template>
            <template x-if="session.bookableStock !== 0 && session.bookableStock < stockThreshold">
              <a class="ticket-link" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> Plus que quelques places !</a>
            </template>
          </div>
        </template>
      </div>
      <?php endslot() ?>
    
    <?php endif ?>
  <?php endsnippet() ?>
  
  <?php if ($page->production()->isNotEmpty()): ?>  
    <?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="collapsable__item--padding 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 endif ?>

  <?php if ($page->resources()->isNotEmpty()): ?>  
  <?php snippet('collapsable-section', ['title' => 'Ressources'], slots: true) ?>
    <?php slot('content') ?>
      <div class="resources">
        <div class="collapsable__item--padding grid">
        <?php foreach($page->resources()->toStructure() as $resource): ?>
            <div class="resource grid__item" style="--span: 4;">
              <?php if ($resource->link()->isNotEmpty()): ?>
                <?php if ($resource->link()->toFile()): ?>
                  <p><?= $resource->name() ?></p><a href="<?= $resource->link()->toUrl() ?>" title="Télécharger le fichier" download>télécharger ↓</a>
                <?php else: ?>
                  <?php snippet('a', ['url' => $resource->link()->toUrl(), 'text' => $resource->name() . ' →']) ?>
                <?php endif ?>
              <?php endif ?>
            </div>
        <?php endforeach ?>
        </div>
      </div>
    <?php endslot() ?>
  <?php endsnippet() ?>
  <?php endif ?>
</section>

<?php if ($page->linkedPages()->isNotEmpty()): ?>
  <?php snippet('events-grid', ['title' => 'Pour aller plus loin', 'events' => $page->linkedPages()->toPages()]) ?>
<?php endif ?>

<?php snippet('callout') ?>

<?php snippet('footer') ?>