{{ define "main" }}

<section class="section-sm">
  <div class="container">
    <div class="row">
      <div class="col-12 mb-4">
        {{ if or .Params.Cantorpreisträger (where (where .Site.RegularPages "Title" (print "Abiturienten " .Params.Title ) ) "Type" "=" "abiturienten") }}
      <div class="col-12">
        <div class="card-group">
          {{ range where (where .Site.RegularPages "Title" .Params.Title ) "Type" "=" "cantorpreis" }}
          <div class="card">
            <div class="row">
              <div class="col-md-3 col-4">
                <a href="{{ .Permalink }}"><img src="{{ .Params.Image | relURL }}" class="img-fluid rounded w-100" style="height:150px; object-fit: cover;"></a>
              </div>
              <div class="col-md-9 col-8 card-body">
                <a href="/cantorpreis"><h3 class="card-title">Cantorpreisträger:in</h3></a>
                <a href="{{ .Permalink }}"><p class="h4 card-text">{{ .Params.name }}</p></a>
              </div>
            </div>
          </div>
          {{ end }}
          {{ range where (where .Site.RegularPages "Title" (print "Abiturienten " .Params.Title ) ) "Type" "=" "abiturienten" }}
          <div class="card pe-0">
            <div class="row">
              <div class="col-7 card-body ps-4">
                <a href="{{ .Permalink }}"><h3 class="card-title">{{ .Title }}</h3></a>
                {{ $abiturdurchschnitte := getJSON "static/data/abiturdurchschnitte.json" }}
                {{ range $abiturdurchschnitte.abiturdurchschnitte  }}
                  {{ if eq (string (index . "jahr")) "2008" }}<a href="/chronikseiten/abiturdurchschnitte"><p class="h4 card-text">Abiturdurchschnitt: {{ .schnitt }}</p></a>{{ end }}
                {{ end }}
              </div>
              <div class="col-5">
                <a href="{{ .Permalink }}">
                  <img src="{{ .Params.Image | relURL }}" class="img-fluid rounded align-self-end w-100" style="height: 150px;object-fit: cover;">
                </a>
              </div>
            </div>
          </div>
          {{ end }}
        </div>
      </div>
      {{ end }}
        {{ range .Params.topics }}
          {{ partial "modal" . }}
        {{ end }}
        {{ if and .Params.pretext (ne .Params.pretext "\n\n\n") }}
          {{ partial "modal" (dict "title" .Title "content" .Params.pretext) }}
        {{ end }}
        <div id="wc-canvas" class="wc-canvas"></div>
        {{ $topics := slice }}
        {{ if .Params.pretext }}
        {{ $topics = $topics | append (slice (slice .Params.Title 200 (md5 .Title))) }}
        {{ else }}
        {{ $topics = $topics | append (slice (slice .Params.Title 200)) }}
        {{ end }}
        {{ range .Params.topics }}
          {{ if .superhaufen.enable }}
          {{ $topics  = $topics | append (slice (slice .title 30 (.superhaufen.link | urlize)  "superhaufen" )) }}
          {{ else }}
          {{ $topics  = $topics | append (slice (slice .title 30 (md5 .title) )) }}
          {{ end }}
        {{ end }}
        {{ $topics = $topics | jsonify }}
        <script>
          WordCloud(
            document.getElementById('wc-canvas'),
            {
              click: function (item) {
                if (item[1] != 200 || (item[1] == 200 && item[2] == '{{ md5 .Title }}')) {
                  if( item[3] == "superhaufen" ) {
                    window.location.href = "{{ `/superhaufen/` | relLangURL }}" + item[2];
                  } else {
                   $('#' + item[2]).modal('show');
                  }
                }
              },
              color: function (word, weight) {
                return (weight === 200) ? '#ffbc3b' : '#1a1a37';
              },
              /* hover: function(item, dimension, event) {
                item && item[2] ? event.target.style.textDecorationLine = "underline" : null
              },*/
              fontFamily: 'Tilt Warp, serif',
              fontWeight: 700,
              list: JSON.parse("{{ $topics }}"),
              shrinkToFit: true,
              gridSize: 50,
              rotateRatio: 0,
              shuffle: false,
              shape: "square",
              ellipticity: 1,
              clearCanvas: true
            } 
          );
        </script>
        {{ .Content }}
      </div>
    </div>
  </div>
</section>

{{ end }}