{{/* invite-new-modal is the htmx fragment swapped into the share page's shared
     #invite-modal. The form posts normally (full navigation back to the share
     page), which also closes the modal — no client JS needed. */}}
{{define "invite-new-modal"}}
<div class="modal-header">
  <h2 class="modal-title">Create single-use link</h2>
  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
  <form method="post" action="/repeaters/{{.Repeater.PublicID}}/share/link" id="new-invite-form">
    <div class="hr-text hr-text-left mt-0 mb-3">Details</div>
    <label class="form-label" for="share_description">Description <span class="text-secondary">(optional)</span></label>
    <input type="text" class="form-control" id="share_description" name="description" placeholder="e.g. for Bob's modem" maxlength="100">

    <div class="hr-text hr-text-left mt-5 mb-3">Permissions</div>
    <p class="text-secondary">
      Choose which commands the recipient may send once they accept — you can change these any time
      afterwards. Risky commands can take over or brick the node; grant them only with care.
    </p>
    {{template "command-grid" .}}
  </form>
</div>
<div class="modal-footer">
  <button type="button" class="btn btn-link link-secondary" data-bs-dismiss="modal">Cancel</button>
  <button type="submit" form="new-invite-form" class="btn btn-primary">Create link</button>
</div>
{{end}}