{{define "content"}}
<h1>Classify root mai-managed items</h1>
<p>{{len .Orphans}} mai-managed items at root. Pick a parent — the multi-parent shape lets you set just one for a quick re-home; add more later from the item's detail page.</p>

<table class="classify">
  <thead>
    <tr><th>Slug / title</th><th>Status</th><th>Tags</th><th>Parent</th><th></th></tr>
  </thead>
  <tbody>
    {{range .Orphans}}
      <tr id="row-{{.Slug}}">
        <td>
          <a href="/i/{{.PrimaryPath}}">{{.Title}}</a>
          <br><small class="slug">{{.Slug}}{{with .SourceRefDeref}} · mai id: {{.}}{{end}}</small>
        </td>
        <td><span class="status status-{{.Status}}">{{.Status}}</span></td>
        <td>{{range .Tags}}<span class="tag">{{.}}</span>{{end}}</td>
        <td>
          <form
            hx-post="/i/{{.PrimaryPath}}/reparent"
            hx-target="#row-{{.Slug}}"
            hx-swap="outerHTML"
            class="inline-classify">
            <select name="parent_id" required>
              <option value="">— pick parent —</option>
              {{range $.ParentOptions}}<option value="{{.ID}}">{{.Path}}</option>{{end}}
            </select>
        </td>
        <td><button type="submit">Move</button></form></td>
      </tr>
    {{else}}
      <tr><td colspan="5"><em>No unclassified roots. Everything has at least one parent.</em></td></tr>
    {{end}}
  </tbody>
</table>
{{end}}