<div class="entities-header">
    <h1><?php echo $title; ?></h1>
    <p class="text-light"><?php echo $subTitle; ?></p>
</div>

<div class="entities-search">
    <form>
        <input type="text" name="search" placeholder="Zoeken..." ng-model="searchEntitiesText">
    </form>
</div>

<div class="entities-list">
    <?php if($section->showCreate): ?>
        <div class="entities-list-item entities-new">
            <?php if(isset($shopSlug)): ?>
                <a href="<?php echo route('kms.{shop}.'.$slug.'.create', ['shop' => $shopSlug]); ?>">
            <?php else: ?>
                <a href="<?php echo route('kms.'.$slug.'.create'); ?>">
            <?php endif; ?>
                <div class="entities-item-pre">
                    <div class="entities-item-plus"></div>
                </div>
                <div class="entities-item-text">
                    Voeg een nieuw item toe
                </div>
            </a>
        </div>
    <?php endif; ?>


        <div class="entities-list-items">
            <?php if(isset($entities)
                && $entities instanceof Komma\Kms\Core\Tree\Tree
                && count($entities->getTree()) > 0
                ): ?>
                <div class="entities-list-item" ng-repeat="entity in entities | multiWordFilter:searchEntitiesText" ng-show="searchEntitiesText" ng-class="{ active: entity.active }">
                    <a ng-href="{{entity.link}}">
                        <div class="entities-item-pre" ng-bind-html="entity.thumbHtml"></div>
                        <div class="entities-item-text">
                            {{entity.text}}
                        </div>
                    </a>
                </div>
                <?php echo $__env->make('kms::partials.entities.sortableTree', [
                    'currentEntities' => $entities->getTree()[0]->getChildren(),
                    'currentEntity' => $entities->getEntityById($id)
                ], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            <?php else: ?>
                <?php echo $__env->make('kms::partials.entities.list', [
                    'currentEntities' => $entities,
                    'currentEntityId' => $id
                ], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            <?php endif; ?>
        </div>

</div>

<div class="entities-order">
    <a href="#" ng-hide="isSorting" ng-click="activateSorting()">
        Verander volgorde
    </a>
    <a href="#" class="save" ng-show="isSorting" ng-click="deactivateSorting()">
        Volgorde opslaan
    </a>
</div>