{{define "hx_nfs_shares"}}
<div>
  <table class="min-w-full bg-white">
    <thead>
      <tr><th>Name</th><th>Path</th><th>Type</th><th></th></tr>
    </thead>
    <tbody>
    {{range .}}
      <tr class="border-t"><td>{{.Name}}</td><td>{{.Path}}</td><td>{{.Type}}</td>
        <td>
          <form hx-post="/shares/nfs/delete" hx-swap="outerHTML" class="inline">
            <input type="hidden" name="id" value="{{.ID}}" />
            <button class="px-2 py-1 bg-red-500 text-white rounded text-xs">Delete</button>
          </form>
        </td>
      </tr>
    {{else}}
      <tr><td colspan="4">No NFS shares</td></tr>
    {{end}}
    </tbody>
  </table>
</div>
{{end}}