skigemeinschaft/site/templates/angebot.php

<?php

use Kirby\Cms\Page;

/**
 * @var Page $page
 */

?>
<?php snippet('header') ?>

<div class="py-6">
  <h1><?= $page->title()->esc() ?></h1>
</div>

<div class="mb-4 flex items-center text-salmon font-medium">
  <svg xmlns="http://www.w3.org/2000/svg" class="-ml-2 size-6" viewBox="0 0 24 24" fill="currentColor">
    <path
      d="M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z"></path>
  </svg>
  <a href="<?= $page->parent()->url() ?>">Zurück zur Übersicht</a>
</div>

<!-- Content -->
<div class="grid grid-cols-1 lg:grid-cols-3 grid-rows-[auto_auto_auto_auto] gap-8">

  <!-- Cover -->
  <div class="lg:col-start-3">
    <?php
    if ($page->content()->cover()->toFile() != null)
      snippet('image', ['image' => $page->content()->cover()->toFile()]);
    ?>
  </div>

  <!-- Content -->
  <div class="lg:row-start-1 lg:row-span-2 lg:col-span-2">
    <div class="prose max-w-none">
      <?= $page->content()->text()->kirbytext() ?>
    </div>
    <div class="mt-8">
      <table>
        <tr>
          <td class="font-bold align-top pr-4">Termin</td>
          <td class="prose pb-4"><?= $page->termin() ?></td>
        </tr>
        <?php
        $alter = format_age($page->minAlter()->toInt(), $page->maxAlter()->toInt());
        if ($alter != null): ?>
          <tr>
            <td class="font-bold align-top pr-4">Alter</td>
            <td class="prose pb-4"><?= $alter ?></td>
          </tr>
        <?php endif ?>
        <?php foreach ($page->eigenschaften()->toStructure() as $item): ?>
          <tr>
            <td class="font-bold align-top pr-4"><?= $item->name() ?></td>
            <td class="prose pb-4"><?= $item->value() ?></td>
          </tr>
        <?php endforeach ?>
        <?php if ($anmeldeschluss = $page->content()->anmeldeschluss()->toDate('d.m.Y')): ?>
          <tr>
            <td class="font-bold align-top pr-4">Anmeldeschluss</td>
            <td class="prose pb-4"><?= $anmeldeschluss ?></td>
          </tr>
        <?php endif ?>
        <?php
        $user = $user = $page->content()->contact()->toUser();
        $faq = $page->parent()->content()->faq()->toUrl();
        if ($user || $faq):
          ?>
          <tr>
            <td class="font-bold align-top pr-4">Weitere Fragen?</td>
            <td class="pb-4 flex flex-col gap-2">
              <?php if ($faq): ?>
                <a href="<?= $faq ?>">FAQ</a>
              <?php endif ?>

              <?php if ($faq && $user): ?>
                - oder direkt bei -
              <?php endif ?>

              <?php if ($user) snippet('user', ['user' => $user]) ?>
            </td>
          </tr>
        <?php endif ?>
      </table>
    </div>
  </div>

  <!-- Widget -->
  <div class="lg:row-start-3 lg:col-span-2">
    <?php
    $widget = $page->content()->widget()->toUrl();
    if ($widget != null): ?>
      <div class="flex justify-between items-center mb-4">
        <h2>Anmeldung</h2>
        <a href="<?= $widget ?>" class="flex items-center gap-1" target="_blank">
          In neuem Tab öffnen
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-5">
            <path
              d="M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z"></path>
          </svg>
        </a>
      </div>
      <iframe
        src="<?= $widget ?>"
        class="w-full h-144"
      ></iframe>
    <?php endif ?>
  </div>

  <!-- Sidebar -->
  <div class="row-start-2 lg:row-span-2 prose max-w-none border-b-2 border-b-slate-200 lg:border-none">
    <?= $page->content()->sidebar()->kirbytext() ?>
  </div>
</div>
</div>

<?php snippet('footer') ?>