{{ define "main" }}

<div class="margin-bottom-30">
  {{ .Content }}
</div>

{{ $defaultIcon := "fa-solid fa-puzzle-piece" }}

{{ $nonDeprecated := where .Pages "Params.is_deprecated" "!=" true }}
{{ $main := where $nonDeprecated "Params.category" "!=" "events" }}
{{ $events := where $nonDeprecated "Params.category" "events" }}
{{ $deprecated := where .Pages "Params.is_deprecated" true }}

{{ with $main }}
  <div class="home-tile-grid">
    {{ range sort . "Weight" }}
      {{ $icon := .Params.icon | default $defaultIcon }}
      <a class="tile tile-secondary-light block rounded-md" href="{{ .RelPermalink }}">
        <div class="tile-icon">
          <i class="{{ $icon }}" aria-hidden="true"></i>
        </div>
        <h3>{{ .Title }}</h3>
        {{ with .Description }}<p>{{ . | markdownify }}</p>{{ end }}
      </a>
    {{ end }}
  </div>
{{ end }}

{{ with $events }}
  <section class="padding-top-50">
    <h2 id="events">
      <i class="fa-solid fa-calendar margin-right-10 text-secondary" aria-hidden="true"></i>Events
    </h2>
    <p>
      Shortcodes for building event pages: agenda, registration, sponsors, and speaker profiles.
    </p>
    <div class="home-tile-grid">
      {{ range sort . "Weight" }}
        {{ $icon := .Params.icon | default $defaultIcon }}
        <a class="tile tile-secondary-light block rounded-md" href="{{ .RelPermalink }}">
          <div class="tile-icon">
            <i class="{{ $icon }}" aria-hidden="true"></i>
          </div>
          <h3>{{ .Title }}</h3>
          {{ with .Description }}<p>{{ . | markdownify }}</p>{{ end }}
        </a>
      {{ end }}
    </div>
  </section>
{{ end }}

{{ with $deprecated }}
  <section class="padding-top-50">
    <h2 id="deprecated">
      <i class="fa-solid fa-ban margin-right-10 text-secondary" aria-hidden="true"></i>Deprecated
    </h2>
    <p>
      These shortcodes will be removed in a future major release. Avoid using them in new sites.
    </p>
    <div class="home-tile-grid">
      {{ range sort . "Weight" }}
        {{ $icon := .Params.icon | default $defaultIcon }}
        <a class="tile tile-secondary-light block rounded-md" href="{{ .RelPermalink }}">
          <div class="tile-icon">
            <i class="{{ $icon }}" aria-hidden="true"></i>
          </div>
          <h3>{{ .Title }}</h3>
          {{ with .Description }}<p>{{ . | markdownify }}</p>{{ end }}
        </a>
      {{ end }}
    </div>
  </section>
{{ end }}

{{ end }}