{% set events_data = load_data(path="events.json") -%}
{% set event = events_data[slug] -%}
<h2>{{ title | default(value="Informationen und Anmeldung") }}</h2>
<section class="section event-section">
  <div class="card event-card">
    <div class="card-content">
      <div class="columns">
        <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="columns">
            <div class="column is-one-third">
              <h4>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>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>Preis?</h4>
              <i class="fa-regular fa-money-bill mr-3"></i>
              {{ event.cost }} €
            </div>
          </div>
          </div>
        <div class="column is-one-third">
          <div class="buttons are-large are-responsive">
            <a class="button is-primary is-fullwidth" href="https://ticdesk.teckids.org/app/paweljong/event/{{ slug }}">
              <div class="icon-text">
                <span class="icon"><i class="fa-solid fa-envelope-open-text"></i></span>
                <span>Zur Anmeldung</span>
              </div>
            </a>
            <a class="button is-link is-fullwidth" href="mailto:{{ mail|default(value=" verein@teckids.org") }}">
              <div class="icon-text">
                <span class="icon"><i class="fa-solid fa-envelope-open-text"></i></span>
                <span>E-Mail schreiben</span>
              </div>
            </a>
            <a class="button is-link is-fullwidth" href="tel:{{ phone|default(value=" +4922892934160") }}">
              <div class="icon-text">
                <span class="icon"><i class="fa-solid fa-phone"></i></span>
                <span>Anrufen</span>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>