@extends('frontend.layouts.app')
@section('page_content')
@section('header_script')
    <link rel="stylesheet" href="{{asset('frontend')}}/vendor/rslider/style.css">
    <link rel="stylesheet" href="{{asset('frontend')}}/vendor/rslider/jquery-ui.css">
@endsection
<div class="inner_page_without_banner">
    <section class="breadcrumb_sec header-width">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('index')}}"> Home </a></li>
            <li class="breadcrumb-item active"> Search - {{$search}} </li> 
        </ol>
    </section>
    <section class="main_content">
        <div class="container mb-3">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-9 text-center">
                    <h2 class="fs-50 mb-0 fw-s-bold">Search Result</h2>
                    <!-- <p class="text-gray fs-14">Search : {{$search}}</p> -->
                </div>
                @if(count($products) > 0)
                    <div class="col-12 products_mobile_filters">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Search Keyword" id="MobileProductItemSearch">
                            <div class="input-group-append">
                                <button class="btn btn-outline-secondary border-left-0 border" id="MobileProductItemSearchBtn" type="button"><i class="fa fa-search"></i></button>
                            </div>
                        </div>
                        <a href="javascript:void(0)" class="sidebar-filter mobile_div">Filters</a>
                    </div>
                @endif
            </div>
        </div>

        <div class="container header-width mb-5 product_main_list" id="product_main_list">
            @include('frontend.search.products_data_list')
        </div>
        
    </section>
</div>
    @section('footer_script')
        <script>
            $('.sidebar-filter').click(function () {
                $(".filter_sidebar").addClass("show-filter");
            });
            $('.close-filter').click(function () {
                $(".filter_sidebar").removeClass("show-filter");
            });
        </script>
    @endsection
@endsection