teckids_event.html

{% set events_data = load_data(path="events.json") -%}
{% set event = events_data[slug] -%}
{% if not no_title %}<h2 class="title is-2">{{ title | default(value="Informationen und Anmeldung") }}</h2>{% endif %}
<section class="section event-section" resource="https://ticdesk.teckids.org/app/paweljong/event/{{ slug }}" vocab="http://schema.org/" typeof="Event">
  <meta property="organizer" href="https://teckids.org/"/>
  <div class="card event-card">
    <div class="card-content">
      <div class="columns is-vcentered">
        <div class="column is-two-thirds event-info">
          <h3 class="title is-5" property="name">{{ event.display_name }}</h3>
          <p class="subtitle is-6" property="description">{{ event.description }}</p>
          <div class="notification is-primary is-light mt-4 mb-4">
            <div class="columns">
              <div class="column is-one-third">
                <h4 class="title ">Wo?</h4>
                <i class="fa-regular fa-location-dot mr-3"></i>
                <address class="is-inline-block" property="location">{{ event.location }}</address>
              </div>
              <div class="column is-one-third">
                <h4 class="title">Wann?</h4>
                <i class="fa-regular fa-calendar-days mr-3"></i>
                <time datetime="{{ event.date }}" property="startDate">{{ event.date | date }}</time>
              </div>
              <div class="column is-one-third">
                <h4 class="title">Preis?</h4>
                <i class="fa-regular fa-money-bill mr-3"></i>
                {{ event.cost }} €
              </div>
            </div>
          </div>
          <div class="message is-success">
            <div class="message-body">
              Uns ist wichtig, dass alle Interessierten an unserer Freizeit teilnehmen können.
              Uns ist bewusst, dass die Kosten für viele Familien sehr hoch sind, ganz egal
              aus welchen Gründen. Sollte der Betrag zu hoch sein, schickt uns bitte einfach
              eine E-Mail mit eurem Wunschbetrag. Die Gründe dafür müsst ihr nicht nennen.
            </div>
          </div>
          {% if event.fully_booked %}
            <meta property="remainingAttendeeCapacity" content="0"/>
            <div class="message is-danger">
              <div class="message-body">
                Die Veranstaltung ist ausgebucht. Für weitere Anmeldungen oder Plätze auf der
                Warteliste können uns Interessierte per E-Mail kontaktieren.
              </div>
            </div>
          {% endif %}
          {% if body %}
            <div class="content">
              {{ body|markdown|safe }}
            </div>
          {% endif %}
        </div>
        <div class="column is-one-third">
          <div class="buttons are-responsive are-medium">
            <a class="button is-primary is-fullwidth is-justify-content-start"
               href="https://ticdesk.teckids.org/app/paweljong/event/{{ slug }}">
              <span class="icon"><i class="fa-regular fa-paper-plane"></i></span>
              <span>Alle Infos und Anmeldung</span>
            </a>
            <a class="button is-link is-fullwidth is-justify-content-start" href="mailto:{{ mail|default(value="
               verein@teckids.org") }}">
              <span class="icon"><i class="fa-regular fa-envelope-open-text"></i></span>
              <span>E-Mail schreiben</span>
            </a>
            <a class="button is-link is-fullwidth is-justify-content-start mb-0" href="tel:{{ phone|default(value="
               +4922892934160") }}">
              <span class="icon"><i class="fa-regular fa-phone"></i></span>
              <span>Anrufen</span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>