@extends(get_view('index'))
@section('title'){{ translate('search_result') }} - @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>
                <li class="active">{{ translate('search_result') }}</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>Sırala:</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">Gelişmiş sıralama</option>
                                    <option @if(request()->sort_by == "min_to_max_price") selected @endif value="min_to_max_price">Fiyata göre (önce en düşük) </option>
                                    <option @if(request()->sort_by == "max_to_min_price") selected @endif value="max_to_min_price">Fiyata göre (önce en yüksek) </option>
                                    <option @if(request()->sort_by == "newest") selected @endif value="newest">Tarihe göre (önce en yeni) </option>
                                    <option @if(request()->sort_by == "oldest") selected @endif value="oldest">Tarihe göre (önce en eski) </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">
                                    @if ( $products->count() > 0 )
                                        @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 class="col-12">
                                            {{ $products->links() }}
                                        </div>
                                    @else

                                    <div class="col-12">
                                        <p class="text-center">Ürün bulunamadı.</p>
                                    </div>

                                    @endif
                                </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