@extends('layouts.frontend')

@section('title', ucfirst($category->ctranslation->cat_name))
@section('description', ucfirst($category->ctranslation->cat_name))
@section('keywords', ucfirst($category->ctranslation->cat_name))
@section('h1', ucfirst($category->ctranslation->cat_name))
@section('breadcumbs', '')

@section('content')
    <section id="maincontent" class="pad">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-12">
                <h2>{{ucfirst($category->ctranslation->cat_name)}}</h2>
                <hr>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3 col-lg-2" id="leftcol">
                <div>
                    @include('frontend.components.filters',['brands' => $brands, 'filtersdata' => $filtersdata, 'pricesdata' => $pricesdata, 'objectid' => $category->cat_id])
                    @include('frontend.components.sideads',['sideads' => $sideads])
                </div>
            </div>
            <div class="col-md-9 col-lg-10" id="maincol">
                <div id="products" style="min-height: 500px;">
                 @if(count($products))
                     @include('frontend.components.products_list', ['products' => $products, 'type' => 'r', 'num' => 4])
                     <div class="col-xs-12 text-center">{{$products->links()}}</div>
                 @endif
                </div><!-- / #products -->
            </div><!-- / #main -->

        </div><!-- / .row -->
    </div><!-- /.container-fluid -->
    </section>
@endsection

@push('css')
    <link rel="stylesheet" href="{{asset('assets/css/filters.css')}}">
@endpush

@push('scripts')
    <script src="{{asset('assets/js/filters.js')}}"></script>
    <script src="{{asset('assets/js/products.js')}}"></script>
@endpush
