@forelse($widgets as $widget)
    <div class="{{$tileClass}}">
        <div class=" card @if (in_array($widget->id, $associatedWidgetIds)) card-info @else card-success @endif">

            <div class="card-header sameheight-item ">
                <div class="header-block">
                    <p class="title" title="{{$widget->name}}"
                       data-toggle="tooltip"> {{str_limit($widget->name, 15)}}</p>
                </div>
            </div>

            <div class="card-block text-center">
                {{trans(call_user_func([$widget->widget_type_handler, 'getName']))}}
            </div>
            <div class="card-footer text-right">
                <a href="{{route('widgets.edit', ['id' => $widget->id])}}" class="btn btn-sm btn-secondary"><i
                            class="fa fa-pencil"></i></a>

                @if (in_array($widget->id, $associatedWidgetIds))
                    <a href="{{route('widgets.deleteAssociation', ['widgetId' => $widget->id, 'widgetArea' => $widgetArea->id])}}"
                       class="btn confirm btn-sm btn-danger">
                        <i class="fa fa-trash"></i>
                    </a>
                @else
                    <a href="{{route('widgets.makeAssociation', ['widgetId' => $widget->id, 'widgetArea' => $widgetArea->id])}}"
                       class="btn btn-sm btn-primary"><i class="fa fa-plus"></i></a>
                @endif
            </div>
        </div>
    </div>
@empty
    <div class="alert alert-info">
        <em>@lang('admin/widgets.noEntries')</em>
    </div>
@endforelse

<div class="row">
    {!! $widgets->render() !!}
</div>