{{ template "header.html" }}
{{ $parent := . }}
<div class="container">
  <div class="artwork-page">
    {{ with .Illust }}
    <div class="artwork-content">
      <div class="artwork-images">
        {{ range .Images }}
        <a href="{{ .Original }}" target="_blank">
          <img src="{{ .Large }}" alt="{{ .Original }}" class="artwork-image-page" />
        </a>
        {{ end }}
      </div>
      <h2>{{ .Title }}</h3>
        <p>{{ .Caption }}</p>

        <div class="artwork-tags">

          {{ range .Tags }}
          <span class="artwork-tag-name">#{{ .Name }}</span><span class="artwork-tag-altname">{{ .TranslatedName
            }}</span>
          {{ end }}
        </div>
        <span>{{ .Views }} views | {{ .Bookmarks }} bookmarks</span>
        <br />
        <small>{{ .Date }}</small>

        <a href="#" class="artwork-artist flex"><img src="{{ .Artist.Avatar.medium }}" alt="{{ .Artist.Name }}"
            class="artwork-artist-avatar border-rounded" />
          {{ .Artist.Name }}</a>
        <div class="thumbnail-container">
          {{ range $parent.Recent }}
          <div class="artwork-thumbnail-small artwork-thumbnail">
            <a href="/artworks/{{ .ID }}">
              <img src="{{ (index .Images 0).Small }}" alt="{{ (index .Images 0).Small }}"
                class="artwork-master-image" />
            </a>
          </div>
          {{ end }}
        </div>
        <hr />
        <h2>Comments</h2>
        To be added :)
    </div>
    {{ end }}
  </div>
  <h2>Related works</h2>
  <div>
    {{ template "thumbnail-container.html" .Related }}
  </div>
</div>
{{ template "footer.html" }}