@extends('base')

@section('content')

    <div class="faded-small toolbar">
        <div class="container">
            <div class="row">
                <div class="col-sm-4 faded">
                    <div class="action-buttons text-left">
                        <a data-action="expand-entity-list-details" class="text-primary text-button"><i class="zmdi zmdi-wrap-text"></i>Toggle Details</a>
                    </div>
                </div>
                <div class="col-sm-8 faded">
                    <div class="action-buttons">

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container" ng-non-bindable>
        <div class="row">

            <div class="col-sm-4">
                <div id="recent-drafts">
                    @if(count($draftPages) > 0)
                        <h3>My Recent Drafts</h3>
                        @include('partials/entity-list', ['entities' => $draftPages, 'style' => 'compact'])
                    @endif
                </div>
                @if($signedIn)
                    <h3>My Recently Viewed</h3>
                @else
                    <h3>Recent Books</h3>
                @endif
                @include('partials/entity-list', [
                'entities' => $recents,
                'style' => 'compact',
                'emptyText' => $signedIn ? 'You have not viewed any pages' : 'No books have been created'
                ])
            </div>

            <div class="col-sm-4">
                <h3><a class="no-color" href="/pages/recently-created">Recently Created Pages</a></h3>
                <div id="recently-created-pages">
                    @include('partials/entity-list', [
                    'entities' => $recentlyCreatedPages,
                    'style' => 'compact',
                    'emptyText' => 'No pages have been recently created'
                    ])
                </div>

                <h3><a class="no-color" href="/pages/recently-updated">Recently Updated Pages</a></h3>
                <div id="recently-updated-pages">
                    @include('partials/entity-list', [
                    'entities' => $recentlyUpdatedPages,
                    'style' => 'compact',
                    'emptyText' => 'No pages have been recently updated'
                    ])
                </div>
            </div>

            <div class="col-sm-4" id="recent-activity">
                <h3>Recent Activity</h3>
                @include('partials/activity-list', ['activity' => $activity])
            </div>

        </div>
    </div>


@stop