{{ template "header.html" . }}
<div class="row" itemscope itemtype="http://schema.org/Person">
  <meta itemprop="url" content="https://gronkh.1750studios.com/zeige/{{ .data.AT.Slug.String }}" />
  <meta itemprop="image" content="{{ .data.AT.FanArtB.String }}" />
  <h1 id="atName" class="small-12 columns" itemprop="name">{{ .data.AT.Name.String }}</h1>
  <div class="medium-3 large-2 columns show-for-medium-up">
    <img alt="{{ .data.AT.Name.String }}'s Avatar" src="{{ .data.AT.AvatarB.String }}" itemprop="image" />
  </div>
  <div class="small-12 medium-9 large-10 columns">
    <ul class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
      <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="url" href="/"><span itemprop="name">Home</span></a>
        <meta itemprop="position" content="1" />
      </li>
      <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="url" href="/zeige"><span itemprop="name">Sprecher</span></a>
        <meta itemprop="position" content="2" />
      </li>
      <li class="current" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="url" href="/zeige/{{ .data.AT.Slug.String }}"><span itemprop="name">{{ .data.AT.Name.String }}</span></a>
        <meta itemprop="position" content="3" />
      </li>
      <meta itemprop="numberOfItems" content="3" />
    </ul>
    {{ if .data.LPs }}
    <h2>Aktuelle Let's Plays</h2>
    <ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-5">
      {{ range .data.LPs }}
      <li itemscope itemtype="http://schema.org/TVSeries">
        <a class="th" href="/lets-play/{{ .Slug.String }}/" itemprop="url">
          {{ if .PosterS.Valid }}
          <img alt="" src="{{ .PosterS.String }}" itemprop="thumbnailUrl" />
          {{ else }}
          <img alt="" src="https://placeholdit.imgix.net/~text?txtsize=12&txt=Kein%20Cover&w=178&h=265" />
          {{ end }}
        </a>
        <br /><a href="/lets-play/{{ .Slug.String }}/"><strong itemprop="name">{{ .Name.String }}</strong></a>
      </li>
      {{ end }}
    </ul>
    {{ end }}
    {{ if .data.EPs }}
    <h2>Aktuelle Episoden</h2>
    <ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-5">
      {{ range .data.EPs }}
      <li itemscope itemtype="http://schema.org/Episode">
        <a class="th" href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/" itemprop="url">
        {{ if .EP.ThumbS.Valid }}
          <img alt="" src="{{ .EP.ThumbS.String }}" itemprop="thumbnailUrl" />
        {{ else }}
          <img alt="" src="https://placeholdit.imgix.net/~text?txtsize=36&txt=Kein%20Thumbnail&w=265&h=149" />
        {{ end }}
        </a>
        <span itemprop="partOfSeries" itemscope itemtype="http://schema.org/TVSeries">
        <a href="/lets-play/{{ .LP.Slug.String }}/" itemprop="url"><strong itemprop="name">{{ .LP.Name.String }}</strong></a>:
        </span>
        <br /><a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/"><span itemprop="name">{{ .EP.Name.String }}</span></a>
      </li>
      {{ end }}
    </ul>
    {{ end }}
    {{ if .data.LTs }}
    <h2>Aktuelle Let's Tests</h2>
    <ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-5">
      {{ range .data.LTs }}
      <li itemscope itemtype="http://schema.org/Movie">
        <a class="th" href="/testet/{{ .Slug.String }}/" itemprop="url">
        {{ if .ThumbS.Valid }}
          <img alt="" src="{{ .ThumbS.String }}" itemprop="thumbnailUrl" />
        {{ else }}
          <img alt="" src="https://placeholdit.imgix.net/~text?txtsize=36&txt=Kein%20Thumbnail&w=265&h=149" />
        {{ end }}
        </a>
        <br /><a href="/testet/{{ .Slug.String }}/"><strong itemprop="name">{{ .Name.String }}</strong></a>
      </li>
      {{ end }}
    </ul>
    {{ end }}
  </div>
</div>
{{ template "footer.html" . }}