@section('metatags')
<meta name="description" content="Conheça todos os produtos que temos para lhe oferecer na nossa gama de {{ $family->name }}.">
<meta property="og:title" content="{{ $family->name }} | Beirateca - Ferramentas e Acessórios">
<meta property="og:description" content="Conheça todos os produtos que temos para lhe oferecer na nossa gama de {{ $family->name }}."">
<meta property="og:image" content="{{ asset('assets/img/og_image.png') }}">
@stop

@section('title')
{{ $family->name }}  
@if($subfamily)
- {{ $subfamily->name }} | 
@else
 | 
@endif
@stop


@section('content')
<div class="row">
    <div class="col-sm-12">
        <ol class="breadcrumb">
            <li>
                <a href="{{ route('home') }}">Início</a>
            </li>
            <li class="active">{{ $family->group->name }}</li>
            @if($subfamily)
            <li>
                <a href="{{ route('products.index', array($family->group->slug, $family->slug)) }}">
                    {{ $family->name }}
                </a>
            </li>
            <li class="active">{{ $subfamily->name }}</li>
            @else
            <li class="active">{{ $family->name }}</li>
            @endif
        </ol>
    </div>
</div>
<div class="row">
    <div class="col-sm-4 col-md-3">
        
        {{-- SUBFAMILIES --}}
        @if(!$subfamilies->isEmpty())
        <div class="panel panel-bordered">
            <div class="panel-heading">
                <h4>Subcategoria</h4>
            </div>
            <div class="panel-body padding-top-5 padding-bottom-5">
                <div class="list-group">
                    @if($subfamily)
                    <a href="{{ route('products.index', array($family->group->slug, $family->slug)) }}" class="list-group-item">
                    @else
                    <a href="{{ route('products.index', array($family->group->slug, $family->slug)) }}" class="list-group-item active">
                    @endif
                        Qualquer subcategoria
                        <span class="badge pull-right">{{ $countProducts }}</span>
                    </a>
                    
                    @foreach($subfamilies as $key => $item)
                        @if(count($subfamilies) > 5 && $key == 5)
                        <div class="hidden-list" id="panel-subcategory">
                        @endif
                        @if($item->id == @$subfamily->id)
                        <a href="{{ route('products.index', array($family->group->slug, $family->slug, $item->slug)) }}" class="list-group-item active">
                        @else
                        <a href="{{ route('products.index', array($family->group->slug, $family->slug, $item->slug)) }}" class="list-group-item">
                        @endif
                            {{ $item->name }}
                            <span class="badge pull-right">{{ count($item->products) }}</span>
                        </a>
                    @endforeach
                    @if(count($subfamilies) > 5)
                    </div>
                    <div class="show-more" data-toggle-text="<i class='fa fa-angle-up'></i> Ver Menos" data-toggle="expand-list" data-target="#panel-subcategory"><i class="fa fa-angle-down"></i> Ver Mais</div>
                    @endif
                </div>
            </div>
        </div>
        @endif
        
        {{-- BRANDS --}}
        <div class="panel panel-bordered">
            <div class="panel-heading">
                <h4>Marca</h4>
            </div>
            <div class="panel-body padding-top-5 padding-bottom-5">

                <div class="list-group">
                    @if(empty($filters['marca']))
                    <a href="{{ route('products.index', array($family->group->slug, $family->slug, @$subfamily->slug, 'marca' => '') + $filters) }}" class="list-group-item active">
                    @else
                    <a href="{{ route('products.index', array($family->group->slug, $family->slug, @$subfamily->slug, 'marca' => '') + $filters) }}" class="list-group-item">
                    @endif
                        Qualquer marca
                        <span class="badge pull-right">{{ $countBrands }}</span>
                    </a>

                @foreach($brands as $key => $brand)
                    @if(count($subfamilies) > 5 && $key == 5)
                    <div class="hidden-list" id="panel-brands">
                    @endif

                    @if(@$filters['marca'] == $brand->slug)
                    <a href="{{ route('products.index', array($family->group->slug, $family->slug, @$subfamily->slug, 'marca' => $brand->slug) + $filters) }}" class="list-group-item active">
                    @else
                    <a href="{{ route('products.index', array($family->group->slug, $family->slug, @$subfamily->slug, 'marca' => $brand->slug) + $filters) }}" class="list-group-item">
                    @endif
                        {{ $brand->name }}
                        <span class="badge pull-right">{{ count($brand->products) }}</span>
                    </a>
                @endforeach

                @if(count($subfamilies) > 5 && $key == 5)
                </div>
                <div class="show-more" data-toggle-text="<i class='fa fa-angle-up'></i> Ver Menos" data-toggle="expand-list" data-target="#panel-brands"><i class="fa fa-angle-down"></i> Ver Mais</div>
                @endif
                </div>
            </div>
        </div>
  
        @if($products->getTotal() >= 8)
        @include('products.partials.topSales')
        @endif
    </div>
    <div class="col-sm-8 col-md-9">
        <hr class="margin-0"/>
        <div class="row row-10">
            <div class="col-sm-12 col-md-8">
                <h4>
                @if($subfamily)
                {{ $subfamily->name }}
                @else
                {{ $family->name }}
                @endif
                <small>({{ $products->getTotal() }} produtos)</small>
                </h4>
            </div>
            <div class="col-sm-12 col-md-4">
                @include('products.partials.sort')
            </div>
        </div>
        <hr class="margin-top-0"/>
        <div class="row row-10">
            @forelse($products as $product)
            <div class="col-sm-6 col-md-4 col-lg-3">
                @include('products.partials.item')
            </div>
            @empty
            <p class="text-muted margin-left-10">
                <i class="fa fa-info-circle"></i> Não existem produtos para apresentar para os critérios selecionados.
            </p>
            @endforelse
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="text-center">
                    {{ $products->appends($filters)->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@stop