@extends('layouts.front')

@section('title') @endsection

@section('content')

    <div class="container category-page page-content main-content">
        <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 class="col-lg-9" id="product-list-container" 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,'attributes'=>$attributes])
                </div><!-- End .sidebar-wrapper -->
            </aside><!-- End .col-lg-3 -->
            @endif
        </div><!-- End .row -->
    </div><!-- End .container -->
@endsection