{{ template "header.html" . }}
<div class="container" id="app">
  {{ if .ID }}
  <div class="border-bottom mb-3">
    <h1>
      <i class="fas fa-list"></i>
      {{ .Name }}
    </h1>
  </div>
  <h2>
    <i class="fas fa-book"></i> Livre(s)
  </h2>
  <ul>
    {{ range .Books }}
    <li class="list-unstyled">{{ .SeriesIndex }}. 
    <a href="/books/{{ .ID }}">{{ .Title }}</a>
    </li>
    {{ end }}
  </ul>
  <h2>
    <i class="fas fa-user"></i> Auteur(s)
  </h2>
  <ul>
    {{ range .Authors }}
    <li class="list-unstyled">
      <i class="fas fa-user"></i> 
      <a href="/authors/{{ .ID }}">{{ .Name }}</a>
    </li>
    {{ end }}
  </ul>
  {{ else }}
  <div class="alert alert-danger" role="alert">Aucune série sélectionnée</div>
  {{ end }}
</div>
{{ template "footer.html" . }}