@extends('tri-layout')
@section('container-classes', 'mt-xl')

@section('left')

    @if($page->tags->count() > 0)
        <section>
            @include('components.tag-list', ['entity' => $page])
        </section>
    @endif

    @if ($page->attachments->count() > 0)
        <div id="page-attachments" class="mb-xl">
            <h5>{{ trans('entities.pages_attachments') }}</h5>
            <div class="body">
                @foreach($page->attachments as $attachment)
                    <div class="attachment">
                        <a href="{{ $attachment->getUrl() }}" @if($attachment->external) target="_blank" @endif>@icon($attachment->external ? 'export' : 'file'){{ $attachment->name }}</a>
                    </div>
                @endforeach
            </div>
        </div>
    @endif

    @if (isset($pageNav) && count($pageNav))
        <div id="page-navigation" class="mb-xl">
            <h5>{{ trans('entities.pages_navigation') }}</h5>
            <div class="body">
                <div class="sidebar-page-nav menu">
                    @foreach($pageNav as $navItem)
                        <li class="page-nav-item h{{ $navItem['level'] }}">
                            <a href="{{ $navItem['link'] }}">{{ $navItem['text'] }}</a>
                        </li>
                    @endforeach
                </div>
            </div>
        </div>
    @endif

    <div id="page-details" class="entity-details mb-xl">
        <h5>{{ trans('common.details') }}</h5>
        <div class="body text-muted text-small blended-links">
            @include('partials.entity-meta', ['entity' => $page])

            @if($book->restricted)
                <div class="active-restriction">
                    @if(userCan('restrictions-manage', $book))
                        <a href="{{ $book->getUrl('/permissions') }}">@icon('lock'){{ trans('entities.books_permissions_active') }}</a>
                    @else
                        @icon('lock'){{ trans('entities.books_permissions_active') }}
                    @endif
                </div>
            @endif

            @if($page->chapter && $page->chapter->restricted)
                <div class="active-restriction">
                    @if(userCan('restrictions-manage', $page->chapter))
                        <a href="{{ $page->chapter->getUrl('/permissions') }}">@icon('lock'){{ trans('entities.chapters_permissions_active') }}</a>
                    @else
                        @icon('lock'){{ trans('entities.chapters_permissions_active') }}
                    @endif
                </div>
            @endif

            @if($page->restricted)
                <div class="active-restriction">
                    @if(userCan('restrictions-manage', $page))
                        <a href="{{ $page->getUrl('/permissions') }}">@icon('lock'){{ trans('entities.pages_permissions_active') }}</a>
                    @else
                        @icon('lock'){{ trans('entities.pages_permissions_active') }}
                    @endif
                </div>
            @endif
        </div>
    </div>

    @include('partials.book-tree', ['book' => $book, 'sidebarTree' => $sidebarTree])
@stop

@section('body')

    <div class="mb-m">
        @include('pages._breadcrumbs', ['page' => $page])
    </div>

    <div class="content-wrap card">
        <div class="page-content flex" page-display="{{ $page->id }}">

            <div class="pointer-container" id="pointer">
                <div class="pointer anim {{ userCan('page-update', $page) ? 'is-page-editable' : ''}}" >
                    <span class="icon text-primary">@icon('link') @icon('include', ['style' => 'display:none;'])</span>
                    <span class="input-group">
                    <input readonly="readonly" type="text" id="pointer-url" placeholder="url">
                    <button class="button icon" data-clipboard-target="#pointer-url" type="button" title="{{ trans('entities.pages_copy_link') }}">@icon('copy')</button>
                </span>
                    @if(userCan('page-update', $page))
                        <a href="{{ $page->getUrl('/edit') }}" id="pointer-edit" data-edit-href="{{ $page->getUrl('/edit') }}"
                           class="button icon heading-edit-icon" title="{{ trans('entities.pages_edit_content_link')}}">@icon('edit')</a>
                    @endif
                </div>
            </div>

            @include('pages.page-display')
        </div>
    </div>

    @if ($commentsEnabled)
      <div class="container small nopad comments-container mb-l">
          @include('comments.comments', ['page' => $page])
          <div class="clearfix"></div>
      </div>
    @endif
@stop

@section('right')
    <div class="actions mb-xl">
        <h5>Actions</h5>

        <div class="icon-list text-primary">
            {{--Export--}}
            <div dropdown class="dropdown-container block">
                <div dropdown-toggle class="icon-list-item">
                    <span class="icon">@icon('export')</span>
                    <span>{{ trans('entities.export') }}</span>
                </div>
                <ul class="wide">
                    <li><a href="{{ $page->getUrl('/export/html') }}" target="_blank">{{ trans('entities.export_html') }} <span class="text-muted float right">.html</span></a></li>
                    <li><a href="{{ $page->getUrl('/export/pdf') }}" target="_blank">{{ trans('entities.export_pdf') }} <span class="text-muted float right">.pdf</span></a></li>
                    <li><a href="{{ $page->getUrl('/export/plaintext') }}" target="_blank">{{ trans('entities.export_text') }} <span class="text-muted float right">.txt</span></a></li>
                </ul>
            </div>

            {{--User Actions--}}
            @if(userCan('page-update', $page))
                <a href="{{ $page->getUrl('/edit') }}" class="icon-list-item">
                    <span class="icon">@icon('edit')</span>
                    <span>{{ trans('common.edit') }}</span>
                </a>
                <a href="{{ $page->getUrl('/copy') }}" class="icon-list-item">
                    <span class="icon">@icon('copy')</span>
                    <span>{{ trans('common.copy') }}</span>
                </a>
                <a href="{{ $page->getUrl('/move') }}" class="icon-list-item">
                    <span class="icon">@icon('folder')</span>
                    <span>{{ trans('common.move') }}</span>
                </a>
                <a href="{{ $page->getUrl('/revisions') }}" class="icon-list-item">
                    <span class="icon">@icon('history')</span>
                    <span>{{ trans('entities.revisions') }}</span>
                </a>
            @endif
            @if(userCan('restrictions-manage', $page))
                <a href="{{ $page->getUrl('/permissions') }}" class="icon-list-item">
                    <span class="icon">@icon('lock')</span>
                    <span>{{ trans('entities.permissions') }}</span>
                </a>
            @endif
            @if(userCan('page-delete', $page))
                <a href="{{ $page->getUrl('/delete') }}" class="icon-list-item">
                    <span class="icon">@icon('delete')</span>
                    <span>{{ trans('common.delete') }}</span>
                </a>
            @endif
        </div>

    </div>
@stop