<div ng-controller="SortableTree" ng-hide="searchEntitiesText" ng-class="{'sorting': isSorting}" ng-init="url = '<?php echo e(route('kms.'.$slug.'.index')); ?>';" data-slug="<?php echo $slug; ?>">

    <script type="text/ng-template" id="nodes_renderer.html">
        <div ui-tree-handle class="tree-node tree-node-content" ng-click="openLink(node.id)">
            <div class="entities-item-pre">
                <div class="entities-item-thumb">
                    <img ng-src="{{node.thumbnail}}" ng-show="node.thumbnail" />
                    <span>{{node.title.substring(0,1)}}</span>
                </div>
            </div>
            <span class="entities-item-text" ng-bind-html="node.title"></span>
            <a class="btn btn-success btn-xs" data-nodrag ng-click="toggle(this); $event.stopPropagation()" ng-show="node.children.length"><span class="icon icon-down"></span></a>
        </div>
        <ul ui-tree-nodes="" ng-model="node.children" ng-class="{hidden: collapsed}">
            <li ng-repeat="node in node.children"
                ui-tree-node
                ng-include="'nodes_renderer.html'"
                class="entities-list-item"
                ng-class="{active:node.id == <?php echo $currentEntityId; ?>}"
                id="item-{{node.id}}"
            ></li>
        </ul>
    </script>

    <div ui-tree="treeOptions" data-drag-enabled="isSorting" id="tree-root">
        <ul ui-tree-nodes="" ng-model="data">
            <li ng-repeat="node in data"
                ui-tree-node
                ng-include="'nodes_renderer.html'"
                class="entities-list-item"
                ng-class="{active:node.id == <?php echo $currentEntityId; ?>}"
                id="item-{{node.id}}"
            ></li>
        </ul>
    </div>

</div>

<ul ng-hide="searchEntitiesText" style="display: none">
<?php foreach($currentEntities as $entity): ?>
    <li class="entities-list-item<?php echo in_array($entity->node->id, $currentEntity->getPath()) ? ' open' : ''; ?><?php echo $id == $entity->node->id ? ' active' : ''; ?>">

            <a href="<?php echo e(route('kms.'.$slug.'.show',[$slug => $entity->node->id])); ?>">
            <div class="entities-item-pre">
                <div class="entities-item-thumb"><?php echo $entity->node->getThumbnail(); ?></div>
            </div>
            <span class="entities-item-text">
                <?php echo e($entity->node->getName($kms->getDefaultLanguageId())); ?>

            </span>
            <?php if($entity->hasChildren()): ?>
            <div class="dropdown-icon">
                <img src="<?php echo asset('/packages/komma/kms/img/structure/icon_triangle_down.svg'); ?>" />
            </div>
            <?php endif; ?>
        </a>
        <?php if($entity->hasChildren()): ?>
            <?php echo $__env->make('kms::partials.entities.tree', ['currentEntities' => $entity->getChildren()], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        <?php endif; ?>
    </li>
<?php endforeach; ?>
</ul>