#set($nodeid = $context.getRequestParameter("nodeid"))
<ul class="list-group shadow">

  <!-- Rename -->
  <li class="list-group-item d-flex align-items-center justify-content-between" role="button" id="rename-toggle">
    <span><i class="bi bi-pencil me-2"></i> Rename Node</span>
  </li>

  <li class="list-group-item d-none" id="rename-form">
    <form data-ajax-post data-target="#rename-form" method="POST" action="/admin/renameNode.html">
      <input type="hidden" name="nodeid" value="$nodeid" />
      <div class="input-group">
        <input type="text" class="form-control" name="newname" value="$nodename" placeholder="New node name" />
        <button type="submit" class="btn btn-primary btn-sm">Save</button>
      </div>
      <div class="mt-2 text-muted">Current: <span data-live-match="tree-node-$nodeid-name">$nodename</span></div>
    </form>
  </li>

  <!-- Clipboard Actions -->
  <li class="list-group-item" role="button" id="copy-node">
    <i class="bi bi-clipboard me-2"></i> Copy
  </li>

  <li class="list-group-item" role="button" id="cut-node">
    <i class="bi bi-scissors me-2"></i> Cut
  </li>

  <li class="list-group-item" role="button" id="paste-node">
    <i class="bi bi-clipboard-check me-2"></i> Paste
  </li>

  <!-- Divider -->
  <li class="list-group-item text-muted small px-3">
    Folder Actions
  </li>

  <!-- Folder Links -->
  <li class="list-group-item">
    <a class="text-decoration-none d-block" href="$home${content.searchhome}/emtree/createfolder.html?categoryid=$nodeid">
      <i class="bi bi-folder-plus me-2"></i> [[Add New Folder]]
    </a>
  </li>

  <li class="list-group-item">
    <a class="text-decoration-none d-block" href="$home${content.searchhome}/emtree/deletefolder.html?categoryid=$nodeid">
      <i class="bi bi-folder-x me-2"></i> [[Delete Folder]]
    </a>
  </li>

  <li class="list-group-item">
    <a class="text-decoration-none d-block" href="$home${content.searchhome}/emtree/renamefolder.html?categoryid=$nodeid">
      <i class="bi bi-pencil-square me-2"></i> [[Rename Folder]]
    </a>
  </li>

  

</ul>

<script type="text/javascript">
  $('#treeContextMenu').on('click', '#rename-toggle', function () {
    $('#treeContextMenu #rename-form').toggleClass('d-none');
  });

  // Hide context menu on action click
  $('#treeContextMenu').on('click', '.list-group-item', function () {
    $('#treeContextMenu').hide();
  });
</script>