@component('backoffice._layouts.app', [
    'title' => 'Navigations'
])
    @component('backoffice._components.pageHeading', ['breadcrumb' => null])
        Navigations
        @slot('actions')
            <a href="{{route('backoffice.navigations.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">
            @foreach($models as $name => $group)
                <table class="table table-hover table-vcenter" data-sortable="{{ action('Backoffice\NavigationsController@changeOrder') }}">
                    <caption class="table_caption">{{ $name }}</caption>
                    <thead>
                    <tr>
                        <th>Name</th>
                        <th width="150">Parent</th>
                        <th width="150">Updated</th>
                        <th width="75"></th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($group as $navigation)
                        <tr data-row-id="{{ $navigation->id }}">
                            <td>
                                {{ html()->publishedIndicator($navigation->published_at) }}
                                <a href="{{route('backoffice.navigations.edit', $navigation->id)}}">{{$navigation->name}}</a>
                            </td>
                            <td>
                                @if($navigation->hasParent())
                                    <div title="{{ $navigation->parent()->first()->name }}" class="table_td_ellipsis">
                                        {{ $navigation->parent()->first()->name }}
                                    </div>
                                @endif
                            </td>
                            <td>
                            <span class="text-muted">
                                <i class="fa fa-clock-o"></i>
                                {{ diff_date_for_humans($navigation->updated_at) }}
                            </span>
                            </td>
                            <td>
                                {{ html()->editButton(route('backoffice.navigations.edit', $navigation->id)) }}
                                {{ html()->deleteButton(action('Backoffice\NavigationsController@destroy', $navigation->id)) }}
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endforeach
        </div>
    @endcomponent
@endcomponent