{{ template "header.html" . }}
<div class="row">
  <div class="flex-video widescreen vimeo">
    <iframe width="213" height="120" src="//www.youtube.com/embed/{{ .data.EP.Youtube.String }}" frameborder="0" allowfullscreen></iframe>
  </div>
  <div class="medium-3 medium-push-9 columns">
    <h5><i class="fa fa-gamepad fix-icon"></i> <a href="/lets-play/{{ .data.LP.Slug.String}}/">{{ .data.LP.Name.String }}</a></h5>
    <h5><i class="fa fa-user fix-icon"></i> <a href="/zeige/{{ .data.AT.Slug.String }}/">{{ .data.AT.Name.String }}</a></h5>
    <h5><i class="fa fa-star fix-icon"></i> {{ .data.EP.Rating.Float64 }} von 10</h5>
    <h5><i class="fa fa-users fix-icon"></i> {{ .data.EP.Votes.Int64 }} Stimmen</h5>
  </div>
  <div class="medium-9 medium-pull-3 columns">
    <ul class="button-group even-2">
      {{ if .data.PREV.Name.Valid }}
      <li><a href="/lets-play/{{ .data.LP.Slug.String }}/{{ .data.PREV.Slug.String }}" class="button"><i class="fa fa-angle-double-left"></i> {{ .data.PREV.Name.String }}</a></li>
      {{ else }}
      <li><a href="/lets-play/{{ .data.LP.Slug.String }}" class="button"><i class="fa fa-angle-double-up"></i> Zurück zur Übersicht</a></li>
      {{ end }}
      {{ if .data.NEXT.Name.Valid }}
      <li><a href="/lets-play/{{ .data.LP.Slug.String }}/{{ .data.NEXT.Slug.String }}" class="button">{{ .data.NEXT.Name.String }} <i class="fa fa-angle-double-right"></i></a></li>
      {{ else }}
      <li><a href="/lets-play/{{ .data.LP.Slug.String }}" class="button"><i class="fa fa-angle-double-up"></i> Zurück zur Übersicht</a></li>
      {{ end }}
    </ul>
    <h1>{{ .data.EP.Name.String }}</h1>
    <p>{{ .data.DESC }}</p>
  </div>
</div>
{{ template "footer.html" . }}