@component('backoffice._layouts.app', [
    'title' => 'Labels'
])
    @component('backoffice._components.pageHeading', ['breadcrumb' => null])
        Labels
        @slot('actions')
            <a href="{{route('backoffice.labels.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">
                <caption class="table_caption">{{ $name }}</caption>
                <thead>
                <tr>
                    <th width="300  ">Name</th>
                    <th>Contents</th>
                </tr>
                </thead>
                <tbody>
                @foreach($group as $label)
                    <tr>
                        <td>
                            <a href="{{route('backoffice.labels.edit', $label->id)}}">
                                {{ $label->full_name }}
                            </a>
                        </td>
                        <td>
                            <div title="{{ $label->excerpt }}" class="table_td_ellipsis">
                                {{ $label->excerpt }}
                            </div>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
            @endforeach
        </div>
    @endcomponent
@endcomponent