{{ template "header.html" . }}
<div class="row" itemscope itemtype="http://schema.org/TVSeries">
  <h1 id="lpName" class="small-12 columns" itemprop="name">{{ .data.LP.Name.String }}</h1>
  <div class="medium-3 large-2 columns">
    {{ if .data.LP.PosterB.Valid }}<a class="th show-for-medium-up" href="{{ .data.LP.PosterB.String }}" data-reveal-id="coverModal">{{ end }}<img alt="{{ .data.LP.Name.String }} Cover" src="{{ .data.LP.PosterS.String }}" itemprop="thumbnailUrl" />{{ if .data.LP.PosterB.Valid }}</a>{{ end }}
    <h5 itemscope itemtype="http://schema.org/Person"><i class="fa fa-user fix-icon"></i> <a href="/zeige/{{ .data.AT.Slug.String }}/" itemprop="url"><span itemprop="name">{{ .data.AT.Name.String }}</span></a></h5>
  </div>
  <div class="small-12 medium-9 large-10 columns">
    {{ range .data.EPs }}
    <div class="row entry" itemscope itemtype="http://schema.org/Episode">
      <div class="large-12 columns">
        <a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}" itemprop="url">
          <img alt="{{ .EP.Name.String }} Thumbnail" src="{{ if .EP.ThumbS.Valid }}{{ .EP.ThumbS.String }}{{ else }}https://placeholdit.imgix.net/~text?txtsize=36&txt=Kein%20Thumbnail&w=265&h=149{{ end }}" itemprop="thumbnailUrl" />
        </a>
        <h4><a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}"><span itemprop="name">{{ .EP.Name.String }}</span></a></h4>
        <p class="show-for-medium-up" itemprop="description">{{ .EP.Descr.String }}</p>
      </div>
    </div>
    {{ end }}
  </div>
</div>
<div id="coverModal" class="reveal-modal" data-reveal aria-labelledby="lpName" aria-hidden="true" role="dialog">
  <img alt="{{ .data.LP.Name.String }} Cover groß" src="{{ .data.LP.PosterB.String }}">
  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>
{{ template "footer.html" . }}