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

    <div class="text-right" style="margin: 10px;">
        <a class="btn btn-default" href="{{action('Admin\SetsController@create', [$line->id, $collection->id])}}">
            <span class="fa fa-fw fa-plus"></span> Añadir un conjunto
        </a>
    </div>
    <div class="row" id="panels">
        @forelse($sets as $set)
            <div class="col-md-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">
                                    <a class="btn btn-xs btn-default btn-edit-set"
                                        data-line-id="{{$line->id}}"
                                        data-collection-id="{{$collection->id}}"
                                        href="{{action('Admin\SetsController@edit', [$line->id, $collection->id, $set->id])}}"
                                        >
                                        <span class="fa fa-fw fa-pencil"></span>
                                    </a>
                                    <button class="btn btn-xs btn-default btn-delete-set"
                                        data-line-id="{{$line->id}}"
                                        data-collection-id="{{$collection->id}}"
                                        data-set-id="{{$set->id}}">
                                        <span class="fa fa-fw fa-trash"></span>
                                    </button>
                                </div>
                            </div>
                            <span class="span-set-name">{{ $set->name }}</span>
                        </h3>
                    </div>

                    <table class="table table-striped">

                        <tr class="text-center">
                            <td width="200px" rowspan="{{$set->combinations->count() + 1}}">
                                <div class="set-photos">
                                    @forelse($set->photos as $photo)
                                        <div class="item">{!! Html::image($photo->photo->url('medium')) !!}</div>
                                    @empty
                                        <div class="item">
                                            <div class="alert alert-danger">
                                                SIN FOTOS
                                            </div>
                                        </div>
                                    @endforelse    
                                </div>
                                 
                            </td> 
                        </tr>
                        @forelse($set->combinations as $combination)
                            <tr>
                                <td>
                                    <span class="span-combination-name">{{$combination->name}}</span>
                                </td>
                            </tr>
                            @empty
                                <tr>
                                    <td>
                                        Este conjunto no tiene piezas
                                    </td>    
                                </tr>
                                
                        @endforelse
                        
                    </table>
                    
                </div>
            </div>
        @empty
            <div class="col-xs-12">
                <div class="alert-info alert">
                    No hay conjuntos que mostrar
                </div>
            </div>
        @endforelse
    </div>
    
</div>
@include('admin.sets.partials.destroy-confirmation')
@endsection

@section('style')
    {!!Html::style('css/owl.carousel.css')!!}
    {!!Html::style('css/owl.theme.css')!!}
    {!!Html::style('css/owl.transitions.css')!!}
    <style type="text/css">
        .set-photos {
            width: 200px;
        }
    </style>  
@endsection

@section('script')
    {!!Html::script('js/owl.carousel.js')!!}
    {!! Html::script('js/admin/sets/index.js') !!}
@endsection