{{ define "main" }}

<!-- teacher details -->
<section class="section">
  <div class="container">
    <div class="row">
      <div class="col-md-5 mb-5">
        <img class="img-fluid w-100" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}">
      </div>
      <div class="col-md-6 mb-5">
        <h3>{{ .Title }}</h3>
        {{ range .Params.Courses }}
        <h6 class="text-color">{{.}}</h6>
        {{ end }}
        <p class="mb-5">{{ .Params.Bio | markdownify }}</p>
        <div class="row">
          <div class="col-md-6 mb-5 mb-md-0">
            <h4 class="mb-4">{{ i18n "contact_info" | upper}}:</h4>
            <ul class="list-unstyled">
              {{ range .Params.Contact }}
              <li class="mb-3"><a class="text-color" href="{{ .link | safeURL }}"><i class="{{ .icon }} mr-2"></i>{{ .name }}</a></li>
              {{ end }}
            </ul>
          </div>
          {{ if not .Params.clubs }}
          <div class="col-md-6">
            <h4 class="mb-4">{{ i18n "interest" | upper }}</h4>
            <ul class="list-unstyled">
              {{ range .Params.Interest }}
              <li class="mb-3">{{ . | title }}</li>
              {{ end }}
            </ul>
          </div>
          {{ end }}
        </div>
      </div>
      <div class="col-12 content">
        {{ .Content }}
      </div>
    </div>

    {{ if .Params.Clubs }}
    <div class="row">
      <div class="col-lg-7 mb-20 mb-lg-0">
        <h3>Kontakt</h3>
        <form action="{{ .Params.Formspree_link | safeURL }}" method="POST">
          <input type="text" class="form-control mb-3" id="name" name="name" placeholder="Name">
          <input type="email" class="form-control mb-3" id="mail" name="mail" placeholder="E-Mail Adresse">
          <input type="text" class="form-control mb-3" id="subject" name="subject" placeholder="Betreff">
          <textarea name="message" id="message" class="form-control mb-3" placeholder="Nachricht"></textarea>
          <button type="submit" value="send" class="btn btn-primary">{{ i18n "send" }}</button>
        </form>
      </div>
    </div>

    <div class="row">
      <div class="col-12">
        <h4 class="mb-4">{{ i18n "clubs" | upper}}</h4>
      </div>
      <!-- course item -->
      {{ range where .Site.RegularPages "Params.teacher" .Title }}
      <div class="col-lg-4 col-sm-6 mb-5">
        {{ .Render "ganztagsangebote"}}
      </div>
      {{ end }}
    </div>
    {{ end }}
  </div>
</section>
<!-- /teacher details -->

{{ end }}