<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="<?php echo app('translator')->get('kms/global.search'); ?>..." ng-model="searchEntitiesText">
    </form>
</div>

<div class="entities-list <?php echo (isset($entities) && $entities instanceof KommaApp\Kms\Core\Tree\Tree) ? 'tree' : ''; ?>">
    <?php if($section->showCreate()): ?>
        <div class="entities-list-item entities-new">
            <?php if(isset($siteSlug)): ?>
            <a href="<?php echo e(route('kms.{site}.'.$slug.'.create', ['site' => $siteSlug])); ?>">
            <?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">
                    <?php echo app('translator')->get('kms/entities.add_new_item'); ?>
                </div>
            </a>
        </div>
    <?php endif; ?>
    <div class="entities-list-items">
        <?php if($sortable): ?>
            <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', 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>

<?php if((isset($entities) && $entities instanceof KommaApp\Kms\Core\Tree\Tree)||$sortable): ?>
<div class="entities-order">
    <a href="#" ng-hide="isSorting" ng-click="activateSorting()">
        Verander volgorde
    </a>
    <a href="#" ng-show="isSorting" ng-click="deactivateSorting()">
        Volgorde toepassen
    </a>
</div>
<?php endif; ?>