@component('backoffice._layouts.app', [
    'title' => 'Pages'
])
    @component('backoffice._components.pageHeading', ['breadcrumb' => null])
        Pages
        @slot('actions')
            <a href="{{route('backoffice.pages.create')}}" class="btn btn-lg btn-primary" type="button">
                <i class="fa fa-plus"></i> Add entry
            </a>
        @endslot
    @endcomponent

    @component('backoffice._components.pageContent')
        <div class="table-responsive">
            <table class="table table-hover table-vcenter" data-datatable="filtering" data-sortable="{{ action('Backoffice\PagesController@changeOrder') }}">
                <thead>
                <tr>
                    <th>Name</th>
                    <th width="150">Parent</th>
                    {{--
                    <th width="150">Technical name</th>
                    --}}
                    <th width="150">Updated</th>
                    <th width="100"></th>
                </tr>
                </thead>
                <tbody>
                @foreach($models as $page)
                    <tr data-row-id="{{ $page->id }}">
                        <td>
                            {{ html()->publishedIndicator($page->published_at) }}
                            <a href="{{route('backoffice.pages.edit', $page->id)}}">{{ ($page->first_translated_name) ?: '(untitled)' }}</a>
                        </td>
                        <td>
                        @if($page->hasParent())
                            <div title="{{ $page->parent()->first()->name }}" class="table_td_ellipsis">
                                {{ $page->parent()->first()->name }}
                            </div>
                        @endif
                        </td>
                        {{--
                        <td>
                            {{ $page->technical_name }}
                        </td>
                        --}}
                        <td>
                            <span class="text-muted">
                                <i class="fa fa-clock-o"></i>
                                {{ diff_date_for_humans($page->updated_at) }}
                            </span>
                        </td>
                        <td>
                            {{ html()->viewButton($page->path()) }}
                            {{ html()->editButton(route('backoffice.pages.edit', $page->id)) }}
                            @if(! $page->isTechnicalPage())
                                {{ html()->deleteButton(action('Backoffice\PagesController@destroy', $page->id)) }}
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    @endcomponent
@endcomponent