{{ define "metadata" }}

{{ if .RenderedNote }}
<aside class="metadata-panel">

  <section class="meta-block">
    <h3>Tags</h3>
    <form method="POST" action="{{ .BasePath }}/notes/{{ .Note.ID }}/tags" class="tag-form">
      <input type="text" name="tag" class="tag-input" placeholder="Add tag">
      <input type="submit" value="add" class="tag-submit" />
    </form>
    <div class="meta-tags">
      {{ range .Note.Tags }}
      <span class="tag-chip">
        <a class="tag-link" href="{{ $.BasePath }}/?tag={{ . | urlquery }}&active={{ $.Note.ID }}">{{ . }}</a>
        <form method="POST" action="{{ $.BasePath }}/notes/{{ $.Note.ID }}/tags/{{ . | urlquery }}" class="tag-remove-form">
          <button type="submit" class="tag-remove" aria-label="Remove tag {{ . }}">×</button>
        </form>
      </span>
      {{ end }}
    </div>
  </section>

  <section class="meta-block">
    <h3>File Info</h3>
    <ul class="meta-list">
      <li><strong>Path:</strong> {{ .Note.Path }}</li>
      <li><strong>Hash:</strong> {{ .Note.ID }}</li>
      <li><strong>Size:</strong> {{ .Note.GetSizeKB }}</li>
      <li><strong>Last Modified:</strong>{{ .Note.GetUpdateDateRep }}</li>
    </ul>
  </section>
</aside>
{{ end }}
{{ end }}