<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="@lang('kms/global.search')..." ng-model="searchEntitiesText">
    </form>
</div>

<div class="entities-list {!! (isset($entities) && $entities instanceof KommaApp\Kms\Core\Tree\Tree) ? 'tree' : '' !!}">
    @if($section->showCreate())
        <div class="entities-list-item entities-new">
            @if(isset($siteSlug))
            <a href="{{{ route('kms.{site}.'.$slug.'.create', ['site' => $siteSlug]) }}}">
            @else
            <a href="{!! route('kms.'.$slug.'.create') !!}">
            @endif
                <div class="entities-item-pre">
                    <div class="entities-item-plus"></div>
                </div>
                <div class="entities-item-text">
                    @lang('kms/entities.add_new_item')
                </div>
            </a>
        </div>
    @endif
    <div class="entities-list-items">
        @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>
            @include('kms.partials.entities.sortableTree')
        @else
            @include('kms.partials.entities.list', [
                'currentEntities' => $entities,
                'currentEntityId' => $id
            ])
        @endif
    </div>
</div>

@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>
@endif