@extends('redesign.layouts.listeo.front')

@section('body-class', 'front page-category')

@section('title', $category->name)

@section('document')
    <div id="titlebar" class="gradient">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>{{ $category->name }}</h2>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        @if( $deals->count() )

            <div class="row">
                @if( $subcategories && $subcategories->count() )
                <div class="col-lg-9 col-md-8 padding-right-30">
                @else
                <div class="col-12">
                @endif
                    <div class="row margin-bottom-25">
                        <div class="col-md-6 col-xs-6">
                            <span style="padding-top: 20px; display: inline-block;">{{ $deals->count() }} Kampagnen</span>
                        </div>

                        <div class="col-md-6 col-xs-6">
                            @include('redesign.front.listeo.pieces.sorting', ['sortings' => $sortings])
                        </div>
                    </div>

                    <div class="row">
                        @include('redesign.front.listeo.pieces.deals', ['deals' => $deals])
                    </div>
                </div>

                @if( $subcategories && $subcategories->count() )
                <div class="col-lg-3 col-md-4">
                    <div class="sidebar">
                        <div class="widget margin-bottom-40">
                            <h3 class="margin-top-0 margin-bottom-30">Filters</h3>

                            @if( $subcategories && $subcategories->count() )
                                <div class="row with-forms">
                                    <div class="col-md-12">
                                        <h4>Subkategorien</h4>
                                        @foreach($subcategories as $sub)
                                            <div><a href="{{ route('category.index', ['hierarchy' => $sub->url]) }}">&nbsp;&nbsp;{{ $sub->name }}</a></div>
                                        @endforeach
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
                @endif
            </div>

        @else

            <h3 class="margin-bottom-10">Leider, hier gibt es noch keine Deals. Versuch aber woanders:</h3>

            <div class="container" id="mainCategories">
                <div class="row">
                    <div class="col-md-12">
                        <div class="categories-boxes-container margin-top-5 margin-bottom-30">
                            @each('redesign.front.home.pieces.category', $categories, 'category')
                        </div>
                    </div>
                </div>
            </div>

            <svg id="svg" style="display: none">
                <defs>
                    <filter id="colorFilter">
                        <feColorMatrix
                                color-interpolation-filters="sRGB"
                                type="matrix"
                                values="0.25 0   0   0   0
                        0   0.54  0   0   0
                        0   0   0.79  0   0
                        0   0   0   1   0 "/>
                    </filter>
                </defs>
            </svg>

        @endif
    </div>
@endsection