<?php
/*
  Snippets are a great way to store code snippets for reuse
  or to keep your templates clean.

  This footer snippet is reused in all templates.

  More about snippets:
  https://getkirby.com/docs/guide/templates/snippets
*/
?>
  </main>

  <footer class="footer">
    <div class="grid">
      <?php
      $homePage = page('home');
      $footerImage = $homePage ? $homePage->image('Lichterei.png') : null;
      ?>
      <?php
      $language = kirby()->language()?->code() ?? 'en';
      $blackoutMessage = $language === 'de'
        ? 'Wer hat den Lichtschalter berührt?'
        : 'Who touched the light switch?';
      ?>
      <div class="column footer-main footer-magnet" style="--columns: 8" data-footer-magnet>
        <h2 class="footer-magnet" data-footer-magnet><a href="https://b.mindboost.team/media/">Made with fun.</a></h2>
        <p class="blackout-message" data-blackout-message>
          <?= esc($blackoutMessage) ?>
        </p>
        <p class="footer-magnet" data-footer-magnet>
          <?php if ($footerImage): ?>
          <img
            class="footer-dim-image"
            data-footer-magnet
            data-brightness-index="0"
            src="<?= $footerImage->url() ?>"
            alt="<?= $footerImage->alt()->or('Lichterei') ?>"
          >
          <?php else: ?>
          Kirby: the file-based CMS that adapts to any project, loved by developers and editors alike
          <?php endif ?>
        </p>
      </div>
      <?php
      $secretHeading = $site->footerSecretsHeading()->or('Secrets');
      $secretOne = $site->footerSecretOne()->or('Our source of inspiration');
      $secretTwo = $site->footerSecretTwo()->or('The forbidden glow hacks');
      $secretLink = 'https://b.mindboost.team/media';
      ?>
      <div class="column secret-column footer-magnet" style="--columns: 4" data-footer-magnet>
        <h2 class="footer-magnet" data-footer-magnet><?= esc($secretHeading) ?></h2>
        <ul class="secret-links">
          <li class="footer-magnet" data-footer-magnet><a class="secret-link" href="<?= $secretLink ?>"><?= esc($secretOne) ?></a></li>
          <li class="footer-magnet" data-footer-magnet><a class="secret-link" href="<?= $secretLink ?>"><?= esc($secretTwo) ?></a></li>
        </ul>
      </div>
    </div>
  </footer>

  <?= js([
    'assets/js/prism.js',
    'assets/js/lightbox.js',
    'assets/js/index.js',
    '@auto'
  ]) ?>

</body>
</html>
