{{ define "main" }}

<section class="section">
  <div class="container">
    <div class="row">
      {{ .Content }}
    </div>
    <div class="row gta-cat">
      <div class="col-12">
        <ul class="list-inline text-center filter-controls mb-5">
          <li class="list-inline-item m-3 text-uppercase active" data-filter="all">{{ i18n "all" }}</li>
          {{ $categories := slice }}
          {{ range .Data.Pages }}
          {{ $categories = $categories | append .Params.Category }}
          {{ end }}
          {{ range ( $categories | uniq ) }}
          <li class="list-inline-item m-3 text-uppercase" data-filter="{{ . | urlize }}">{{ . | humanize }}</li>
          {{ end }}
        </ul>
      </div>
    </div>
    <noscript>
      <style>
        .gta-cat {
          display: none;
        }
      </style>
    </noscript>
    <div class="row filtr-container">
      {{ range .Data.Pages }}
      <div data-category="{{ .Params.Category | urlize }}" class="col-lg-4 col-sm-6 mb-5 filtr-item">
        {{ .Render "begabte" }}
      </div>
      {{ end }}
    </div>
  </div>
</section>

{{ end }}