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

    @component('backoffice._components.pageContent')
        {{ html()->info()
        ->text(__('Make sure all items of a tag are disconnected before removing it.'))
        ->class('h-margin-top') }}

        <div class="table-responsive">

        @foreach($tags as $name => $type)
            <table class="table table-hover table-vcenter">
                <caption>
                    {{ trans("backoffice.tagTypes.{$name}") }}
                </caption>
                <thead>
                <tr>
                    <th>name</th>
                    <th width="200"></th>
                    <th width="75"></th>
                </tr>
                </thead>
                <tbody>
                @foreach($type as $tag)
                    <tr data-row-id="{{ $tag->id }}">
                        <td>
                            <a href="{{ action('Backoffice\TagsController@edit', [$tag->id]) }}">
                                {{ $tag->name }}
                            </a>
                        </td>
                        <td class="-remark">
                            @if($tag->taggable_count)
                                {{ __('Linked to: :amount item(s)', ['amount' => $tag->taggable_count]) }}
                            @endif
                        </td>
                        <td class="-right">
                            {{ html()->editButton(action('Backoffice\TagsController@edit', [$tag->id])) }}
                            @if($tag->taggable_count === 0)
                                {{ html()->deleteButton(action('Backoffice\TagsController@destroy', $tag->id)) }}
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        @endforeach
        </div>
    @endcomponent
@endcomponent