@extends('admin.app')

@section('content')


<div class="container">

    <ol class="breadcrumb">
        <li><a href="{{action('Admin\LinesController@index')}}">Líneas</a></li>
        <li class="active">
            {{$line->name}}
        </li>
        <li class="active">{{$collection->name}}</li>
    </ol>
    <h1>
        {{$collection->name}}
    </h1>

    <ul class="nav nav-tabs">
        <li role="presentation" class="active"><a href="#">Categorías</a></li>
        <li role="presentation"><a href="{{action('Admin\SetsController@index', [$line->id, $collection->id])}}">Conjuntos</a></li>
    </ul>

    @include('errors.alert', ['errors' => $errors->category_store])
    @include('errors.alert', ['errors' => $errors->category_update])
    @include('errors.alert', ['errors' => $errors->model_store])
    @include('errors.alert', ['errors' => $errors->model_update])

    <div class="text-right" style="margin: 15px;">
        <a class="btn btn-default" id="btn-add-category"
            data-line-id="{{$line->id}}"
            data-collection-id="{{$collection->id}}"
        >
            <span class="fa fa-fw fa-plus"></span> Añadir categoría
        </a>
    </div>

    <div class="row" id="panels">
        @forelse($categories as $category)
        <div class="col-md-3 col-sm-4 col-xs-6 grid-item">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <div class="pull-right">
                            <div class="btn-group">
                                <button class="btn btn-xs btn-default btn-edit-category"
                                    data-line-id="{{$line->id}}"
                                    data-collection-id="{{$collection->id}}"
                                    data-category-id="{{$category->id}}"
                                    data-category-sku="{{$category->sku}}">
                                    <span class="fa fa-fw fa-pencil"></span>
                                </button>
                                <button class="btn btn-xs btn-default btn-delete-category"
                                    data-line-id="{{$line->id}}"
                                    data-collection-id="{{$collection->id}}"
                                    data-category-id="{{$category->id}}">
                                    <span class="fa fa-fw fa-trash"></span>
                                </button>
                            </div>
                        </div>
                        <span class="span-category-name">{{ $category->name }}</span>
                    </h3>
                </div>

                <div class="list-group">
                    @forelse($category->models as $model)
                    <a class="list-group-item" href="{{action('Admin\ModelsController@show', [$line, $collection, $category, $model])}}">
                        <div class="pull-right">
                            <div class="btn-group">
                                <button class="btn btn-xs btn-default btn-edit-model"
                                    data-line-id="{{$line->id}}"
                                    data-collection-id="{{$collection->id}}"
                                    data-category-id="{{$category->id}}"
                                    data-model-id="{{$model->id}}"
                                    data-model-sku="{{$model->sku}}">
                                    <span class="fa fa-fw fa-pencil"></span>
                                </button>
                                <button class="btn btn-xs btn-default btn-delete-model"
                                    data-line-id="{{$line->id}}"
                                    data-collection-id="{{$line->id}}"
                                    data-category-id="{{$category->id}}"
                                    data-model-id="{{$model->id}}">
                                    <span class="fa fa-fw fa-trash"></span>
                                </button>
                            </div>
                        </div>
                        <span class="span-model-name">{{$model->name}}</span>
                    </a>
                    @empty
                    <div class="list-group-item">
                        Esta categoría no tiene modelos
                    </div>
                    @endforelse
                    <a class="list-group-item item-add-model" href="#"
                        data-line-id="{{$line->id}}"
                        data-collection-id="{{$collection->id}}"
                        data-category-id="{{$category->id}}">
                        <span class="fa fa-fw fa-plus"></span> Añadir modelo
                    </a>
                </div>
            </div>
        </div>
        @empty
        <div class="col-xs-12">
            <div class="alert-info alert">
                No hay categorías que mostrar
            </div>
        </div>
        @endforelse
    </div>
</div>

@include('admin.categories.modals.form')
@include('admin.categories.modals.destroy-confirmation')
@include('admin.models.modals.form')
@include('admin.models.modals.destroy-confirmation')

@endsection

@section('script')
    {!! Html::script('js/jquery-ui.min.js') !!}
    {!! Html::script('js/hasManyForm.js') !!}
    {!! Html::script('js/panels-layout.js') !!}
    {!! Html::script('js/admin/categories/index.js') !!}
@endsection