@extends(get_view('index'))
@section('title')
{{ $category->content->name ?? translate('category') }} - 
@endsection
@section('header')

@endsection
@section('content')

<div class="breadcrumb-area">
    <div class="container">
        <div class="breadcrumb-content">
            <ul>
                <li><a href="{{ url('/') }}">{{ translate('homepage') }}</a></li>
                @foreach (Site::get_category_three($category->id)[0] as $topCategory)
                <li><a href="{{ route('category.detail', ['url' => $topCategory->content->url]) }}">{{ $topCategory->content->name ?? translate('category') }}</a></li>
                @endforeach
                <li class="breadcrumb-item active" aria-current="page">{{ $category->content->name ?? translate('category') }}</li>
            </ul>
        </div>
    </div>
</div>


<div class="content-wraper pt-20 pb-20 pt-sm-30">
    <div class="container">
        <div class="row">
            <div class="col-lg-9 order-1 order-lg-2">

                
                <!-- Li's Banner Area End Here -->
                <!-- shop-top-bar start -->
                <div class="shop-top-bar mb-3">
                    <div class="shop-bar-inner">
                        <div class="toolbar-amount ml-0">
                            <span>{{ $products->total() }} {{ translate('results_found') }}</span>
                        </div>
                    </div>
                    <!-- product-select-box start -->
                    <div class="product-select-box">
                        <div class="product-short">
                            <p>{{ translate('order') }}:</p>
                            <form action="{{ url()->full() }}" method="GET" id="search_product_form">
                                <select name="sort_by" class="form-control fs-12">
                                    <option @if(request()->sort_by == "advanced") selected @endif value="advanced">{{ translate('advanced_order') }}</option>
                                    <option @if(request()->sort_by == "min_to_max_price") selected @endif value="min_to_max_price">{{ translate('price_order_min_to_max') }} </option>
                                    <option @if(request()->sort_by == "max_to_min_price") selected @endif value="max_to_min_price">{{ translate('price_order_max_to_min') }} </option>
                                    <option @if(request()->sort_by == "newest") selected @endif value="newest">{{ translate('newest') }} </option>
                                    <option @if(request()->sort_by == "oldest") selected @endif value="oldest">{{ translate('oldest') }} </option>
                                </select>
                            </form>
                        </div>
                    </div>
                    <!-- product-select-box end -->
                </div>
                <!-- shop-top-bar end -->

                <!-- shop-products-wrapper start -->
                <div class="shop-products-wrapper">
                    <div class="tab-content">
                        <div id="grid-view" class="tab-pane fade active show" role="tabpanel">
                            <div class="product-area shop-product-area">
                                <div class="row">
                                    @foreach ($products as $product)
                                        <div class="col-lg-4 col-md-4 col-sm-6">
                                            @include(get_view('components.product.single-product'))
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- shop-products-wrapper end -->
            </div>
            <div class="col-lg-3 order-2 order-lg-1">
                @include( get_view('components.search.left-filter') )
            </div>
        </div>
    </div>
</div>

@endsection
@section('footer')
<script>
    $(document).ready(function () {
        $("select[name='sort_by']").change(function () {
            $("#search_product_form").submit();
        })
    })
</script>
@endsection