{{define "wine.html"}}{{template "base.html" .}}{{end}}

{{define "title"}}{{.Wine.Name}} - Cellar{{end}}

{{define "nav"}}

<nav class="links">

  <a href="/admin/edit/{{.Wine.ShortID}}">edit</a>

</nav>

{{end}}

{{define "content"}}

  <div class="wine-detail">

    <h1 class="wine-detail-name">{{.Wine.Name}}</h1>

    <div class="wine-detail-top">

      {{if .Wine.HasImage}}

      <div class="wine-image-wrap">

        <img src="/wines/{{.Wine.ShortID}}/image" alt="{{.Wine.Name}}" class="wine-image">

      </div>

      {{end}}

      {{if not .Wine.Wishlist}}

      <div class="wine-detail-chart">

        {{.PentagonSVG}}

        {{.BarsSVG}}

      </div>

      {{end}}

    </div>

    <div class="wine-detail-meta">

      {{if .Wine.Origin}}<div class="meta-row"><span class="meta-label">origin</span><span>{{.Wine.Origin}}</span></div>{{end}}

      {{if .Wine.Grape}}<div class="meta-row"><span class="meta-label">grape</span><span>{{.Wine.Grape}}</span></div>{{end}}

    </div>

    {{if .Wine.Notes}}<div class="wine-detail-notes"><span class="meta-label">notes</span><p>{{.Wine.Notes}}</p></div>{{end}}

    {{if .Wine.Background}}<div class="wine-detail-notes"><span class="meta-label">background</span><p>{{.Wine.Background}}</p></div>{{end}}

  </div>

{{end}}