@extends('admin.layout')

@section('pageName', @trans('admin/widgets.overview'))

@section('content')
    <div class="row">

        @if (session('success'))
            <div class="callout success">
                {{ session('success') }}
            </div>
        @endif

        @if (session('error'))
            <div class="callout alert">
                {{ session('error') }}
            </div>
        @endif

        <div class="column large-9 tile-overview" data-equalizer>

            <h2>@lang('admin/widgets.overview')</h2>

            @forelse($widgets as $widget)
                <div class="column large-4">
                    <div class="item" data-equalizer-watch>
                        <h4>{{str_limit($widget->name, 20)}}</h4>
                        <p>
                            {{trans(call_user_func([$widget->widget_type_handler, 'getName']))}}
                        </p>
                        <p>
                            {{str_limit($widget->description, 150)}}
                        </p>

                        <div class="controls row text-center">
                            <a href="{{route('widgets.edit', ['id' => $widget->id])}}" class="button column large-6 primary"><i class="fa fa-edit"></i></a>

                            @if (in_array($widget->id, $associatedWidgetIds))
                                <a href="{{route('widgets.deleteAssociation', ['widgetId' => $widget->id, 'widgetArea' => $widgetArea->id])}}"
                                   class="button column confirm large-6 alert">
                                    <i class="fa fa-remove"></i>
                                </a>
                            @else
                                <a href="{{route('widgets.makeAssociation', ['widgetId' => $widget->id, 'widgetArea' => $widgetArea->id])}}"
                                   class="button column large-6 success"><i class="fa fa-plus"></i></a>
                            @endif
                        </div>
                    </div>
                </div>
            @empty
                <em>@lang('admin/widgets.noEntries')</em>
            @endforelse

            <div class="row">
                {!! $widgets->render() !!}
            </div>
        </div>
        <div class="column large-3">
            <h2>{{$widgetArea->name}}</h2>

            <p>
                {{$widgetArea->description}}
            </p>

            <ul>
                <li>@lang('admin/widgets.createdAt'): {{$widgetArea->created_at}}</li>
                <li>@lang('admin/widgets.updatedAt'): {{$widgetArea->updated_at}}</li>
            </ul>

            <a href="{{route('widgetareas.edit', ['id' => $widgetArea->id])}}">@lang('admin/widgetAreas.editButton')</a>

            @if (!empty($associatedWidgetIds))
                <h3>@lang('admin/widgets.preview')</h3>

                @widgetArea($widgetArea->code)
            @endif
        </div>
    </div>
@stop