{{define "documents-section"}}
<section id="documents-section" class="documents">
  <h2>Documents</h2>
  {{if .DocBanner}}<p class="banner warn" role="alert">{{.DocBanner}}</p>{{end}}

  <form class="doc-add"
        hx-post="/i/{{.Item.PrimaryPath}}/links/add"
        hx-target="#documents-section"
        hx-swap="outerHTML">
    <select name="ref_type">
      <option value="document">document</option>
      <option value="note">note</option>
      <option value="url">url</option>
    </select>
    <input type="date" name="event_date" value="{{if .HighlightDate}}{{.HighlightDate.Format "2006-01-02"}}{{end}}" required>
    <input type="text" name="ref_id" placeholder="ref (path, URL, hash, …)" required>
    <input type="text" name="note" placeholder="note (optional)">
    <button type="submit">+ Add</button>
  </form>

  {{if .Documents}}
    <ul class="docs">
      {{range .Documents}}
        <li class="doc-row {{if and $.HighlightDate (eq (.Link.EventDate.Format "2006-01-02") ($.HighlightDate.Format "2006-01-02"))}}highlight{{end}}"
            id="per-{{.PER}}" data-link-id="{{.Link.ID}}">
          <span class="per">{{.PER}}</span>
          <span class="ref-type ref-type-{{.Link.RefType}}">{{.Link.RefType}}</span>
          {{if eq .Link.RefType "url"}}
            <a href="{{.Link.RefID}}" target="_blank" rel="noopener noreferrer">{{.Link.RefID}}</a>
          {{else}}
            <code class="ref-id">{{.Link.RefID}}</code>
          {{end}}
          {{if .Link.Note}}<span class="doc-note">{{deref .Link.Note}}</span>{{end}}
          <small class="muted">added {{.Link.CreatedAt.Format "2006-01-02"}}</small>
          <form class="doc-remove inline"
                hx-post="/i/{{$.Item.PrimaryPath}}/links/remove"
                hx-target="#documents-section"
                hx-swap="outerHTML"
                hx-confirm="Remove this document reference?">
            <input type="hidden" name="link_id" value="{{.Link.ID}}">
            <button type="submit" class="x" aria-label="Remove">×</button>
          </form>
        </li>
      {{end}}
    </ul>
  {{else}}
    <p class="muted">No dated artifacts yet. Add one above — it becomes a PER like <code>{{.Item.PrimaryPath}}.{{if .HighlightDate}}{{.HighlightDate.Format "060102"}}{{else}}YYMMDD{{end}}</code>.</p>
  {{end}}
</section>
{{end}}