{{ template "header.html" . }}
<div class="row" itemscope itemtype="http://schema.org/TVSeries">
  <meta itemprop="url" content="https://gronkh.1750studios.com/lets-play/{{ .data.LP.Slug.String }}" />
  <meta itemprop="datePublished" content="{{ .data.LP.Aired }}" />
  <meta itemprop="thumbnailUrl" content="{{ .data.LP.PosterB.String }}" />
  <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="" src="{{ .data.LP.PosterS.String }}" itemprop="thumbnailUrl" />{{ if .data.LP.PosterB.Valid }}</a>{{ end }}
    <h5 itemprop="director" 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">
    <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="/lets-play"><span itemprop="name">Let's Plays</span></a>
        <meta itemprop="position" content="2" />
      </li>
      <li class="current" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="url" href="/lets-play/{{ .data.LP.Slug.String }}"><span itemprop="name">{{ .data.LP.Name.String }}</span></a>
        <meta itemprop="position" content="3" />
      </li>
      <meta itemprop="numberOfItems" content="3" />
    </ul>
    {{ 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">
        {{ 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>
        <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" . }}