{% 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">
  <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">{{ event.display_name }}</h3>
          <p class="subtitle is-6">{{ 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">
                  {{ 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 }}">
                  {{ 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>
      {%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>