<div class="neos-node-tree-toolbar">
	<div class="neos-node-tree-toolbar-top">
		<button id="neos-node-tree-refresh" class="neos-button" title="{{translate id='refresh' fallback='Refresh'}}" {{action "refresh" target="view"}} data-neos-tooltip data-placement="top">
			<i class="fas fa-sync-alt"></i>
		</button>
		<button id="neos-node-tree-delete-node" class="neos-button" title="{{translate id='delete' fallback='Delete'}}" {{bindAttr disabled="view.currentFocusedNodeCantBeModified"}} {{action "showDeleteNodeDialog" target="view"}} data-neos-tooltip data-placement="top">
			<i class="fas fa-trash-alt"></i>
		</button>

		{{view view.PastePositionSelectorButton}}

		<button id="neos-node-tree-cut-node" title="{{translate id='cut' fallback='Cut'}}" {{bindAttr class=":neos-button view.currentFocusedNodeIsCut:neos-pressed" disabled="view.currentFocusedNodeCantBeModified"}} {{action "cut" target="view"}} data-neos-tooltip data-placement="top">
			<i class="fas fa-cut"></i>
		</button>
		<button id="neos-node-tree-copy-node" title="{{translate id='copy' fallback='Copy'}}" {{bindAttr class=":neos-button view.currentFocusedNodeIsCopied:neos-pressed" disabled="view.currentFocusedNodeCantBeModified"}} {{action "copy" target="view"}} data-neos-tooltip data-placement="top">
			<i class="fas fa-copy"></i>
		</button>
		<button id="neos-node-tree-toggle-hidden" title="{{translate id='hideUnhide' fallback='Hide/unhide'}}" {{bindAttr class=":neos-button view.currentFocusedNodeIsHidden:neos-pressed" disabled="view.currentFocusedNodeCantBeModified"}} {{action "toggleHidden" target="view"}} data-neos-tooltip data-placement="top">
			<i class="fas fa-eye-slash"></i>
		</button>
		<button id="neos-node-tree-edit-node" title="{{translate id='editTitle' fallback='Edit title'}}" {{bindAttr class=":neos-button view.editNodeTitleMode:neos-pressed" disabled="view.currentFocusedNodeCantBeModified"}} {{action "editNode" target="view"}} data-neos-tooltip data-placement="top">
			<i class="fas fa-pencil-alt"></i>
		</button>

		{{view view.NewPositionSelectorButton}}
	</div>
	<div class="neos-node-tree-toolbar-bottom">
		<div id="neos-node-tree-filter">
			<select data-placeholder="{{translate id='filter' fallback='Filter'}}">
				<option value=""></option>
			</select>
		</div>
		<div id="neos-node-tree-sorting">
			<span class="fas fa-sort-by-attributes"></span>
		</div>
		<div id="neos-node-tree-search">
			{{view view.searchField valueBinding="view.searchTerm"}}
			<span {{bindAttr class="view.searchTermIsEmpty:fas fa-search:fas fa-times-circle"}} {{action "clearSearchTerm" target="view"}}></span>
		</div>
	</div>
</div>
<div id="neos-node-tree-container">
	<div id="neos-node-tree-tree" {{bindAttr class="view.dragInProgress:neos-tree-drag-in-progress"}}></div>
</div>
