<div class="entities-header">
    <h1>{{ $title }}</h1>
    <p class="text-light">{{ $subTitle }}</p>
</div>

<div class="entities-search">
    <form>
        <input type="text" name="search" placeholder="Zoeken..." ng-model="searchEntitiesText">
    </form>
    @if(($section->showCreate == 'admin' && \Auth::user()->get()->is_admin) || $section->showCreate == 'all')
        <div class="entities-list-item entities-new">
            <a href="{{ route('kms.'.$slug.'.create') }}">
                <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>
    @endif
</div>

<div class="entities-list">


    <div class="entities-list-items">
        @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>
            @include('kms::partials.entities.sortableTree', [
                'currentEntities' => $entities->getTree()[0]->getChildren(),
                'currentEntity' => $entities->getEntityById($id),
                  'currentEntityId' => $id
            ])
        @else
            @include('kms::partials.entities.list', [
                'currentEntities' => $entities,
                'currentEntityId' => $id
            ])
        @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>