@component('backoffice._layouts.app', [
    'title' => 'Humans'
])
    @component('backoffice._components.pageHeading', ['breadcrumb' => null])
        Humans
        @slot('actions')
            <a href="{{route('backoffice.humans.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 ordering">
                <thead>
                <tr>
                    <th>Name</th>
                    <th width="150">Type</th>
                    <th width="100" data-orderable="false"></th>
                </tr>
                </thead>
                <tbody>
                @foreach($models as $human)
                    <tr>
                        <td>
                            {{ html()->publishedIndicator($human->published_at) }}
                            <a href="{{route('backoffice.humans.edit', $human->id)}}">{{$human->name}}</a>
                        </td>
                        <td>
                            @if($humanType = $human->tags()->withType('humanType')->first())
                            {{ $humanType->name }}
                            @endif
                        </td>
                        <td>

                            {{ ($human->path()) ? html()->viewButton($human->path()) : '' }}
                            {{ html()->editButton(route('backoffice.humans.edit', $human->id)) }}
                            {{ html()->deleteButton(action('Backoffice\HumansController@destroy', $human->id)) }}
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    @endcomponent
@endcomponent