@extends(config('app.layout').'.layouts.web')

@section('title', $query )

@section('content')
       
    <main id="MainContent" class="content-for-layout">
        <div class="search-page mt-48">            
            <div class="container">
                <div class="row">
                    <div class=" col-12">
                        <div class="filter-sort-wrapper d-flex justify-content-between flex-wrap">
                            <div class="collection-title-wrap d-flex align-items-end">
                                <h3 class="collection-title heading_24 mb-0">Resultados por: {{ $query }}</h2>
                                <p class="collection-counter text_16 mb-0 ms-2">({{ count($product_list) }} items)</p>
                            </div>                            
                        </div>
                    </div>
                </div>
                
                <hr>
                <div class="cart-page-wrapper mt-4">
                    <div class="row"  >
                        @foreach ($product_list as $product)
                            @include_layout('product.item_list', [
                                'product' => $product, 
                                'class' => 'col-6'
                            ])
                        @endforeach
                    </div>
                </div>
                
            </div>
        </div>
    </main>    
@endsection


@section('js')    
    <script>
        @foreach ($product_list as $product)
            favoriteApp.item_check({{ $product['product_id']}});
        @endforeach
    </script>
@endsection