@extends('layouts.front')

@section('title'){{$category->meta_title}}@endsection

@section('meta_tags')
    <meta name="description" content="{{$category->meta_description}}">
@endsection

@section('content')
    <div class="category-page page-content main-content">
{{--        <div class="product-category-title-box">--}}
{{--            <h3 class="product-category-title">{{$category->name}}</h3>--}}
{{--        </div>--}}

        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="product-filters-section">
                        <div class="d-flex justify-content-between filter-top-box">
                            <attribute-filters :prop-attributes="{{json_encode([])}}"></attribute-filters>
                            @include('front.partials.category-list-mobile')
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div id="product-list-container" class="col" style="position: relative">
                    @include('front.partials.products-list', ['products' => $products])
                </div>

                @if(!$helper->isMobile())
                    <aside class="sidebar-shop col-lg-3 order-lg-first mobile-sidebar">
                        <div class="sidebar-wrapper category-list">
                            @include('front.partials.sidebar-categories', ['categories' => $categories])
                        </div><!-- End .sidebar-wrapper -->
                    </aside><!-- End .col-lg-3 -->
                @endif
                {{--            <div class="col-12 col-lg-3 cart-content">--}}
                {{--               <cart/>--}}
                {{--            </div>--}}
            </div><!-- End .row -->
        </div><!-- End .container -->
    </div>

@endsection