@php
    
    $search_key=$data['search_key'];
    $check_search_key = $search_key;
    $brands=$data['brands'];
    $colors=$data['color'];
    $sizes=$data['sizes'];
    $categories=$data['category'];
    $total_count=$data['total_count'];
    $product_list=$data['product_list'];
    $category_parent=$data['category_parent'];
    $cart_array=$data['cart_array'];

@endphp
@if(count($product_list)>0)
    @php
    $catname= $product_list[0]['category_name'];
    if($search_key!="products"){
        $search_key=$catname;
    }
    else{
        $search_key=$search_key;
    }
    $category_banner= "/uploads/category_banner/".$product_list[0]['category_banner'];
    $search_description=$product_list[0]['category_description'];
    $searchlink= $product_list[0]['category_url'];
    $searchtext= $product_list[0]['category_url_txt'];
    @endphp
@else
@if($category_parent!="")
@php
    $catname= $category_parent['category_name'];
    $search_key=$catname;
    $category_banner= "/uploads/category_banner/".$category_parent['category_banner'];
    $search_description=$category_parent['category_description'];
    $searchlink= $category_parent['category_url'];
    $searchtext= $category_parent['category_url_txt'];
    @endphp
@else
    @php
    $category_banner= "/uploads/category_banner/default.jpeg";
    $catname= "Product Not Found";
    $search_description="Product you have searched for is not found";
    $searchlink= "/";
    $searchtext= "Back to Home";
    @endphp

    @if($search_key=="search")
        @php
        $search_description="Product you have searched for is not found";
        @endphp
    @else
        @php
        $search_description="Product you have searched for is not found";
        @endphp
    @endif
@endif
@endif



@php
    $split = $data['max_amnt']/4;
@endphp



@extends('layouts.user-inner')
  @section('content')  
    <!-- Ec breadcrumb start -->
    <div class="sticky-header-next-sec  ec-breadcrumb">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="row ec_breadcrumb_inner">
                        <div class="col-md-12 col-sm-12">
                            <!-- ec-breadcrumb-list start -->
                            <ul class="ec-breadcrumb-list">
                                <li class="ec-breadcrumb-item"><a href="/">Home</a></li>
                                <li class="ec-breadcrumb-item active">{{ $search_key }}
                            </ul>
                            <!-- ec-breadcrumb-list end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Ec breadcrumb end -->
    <!--  offer Section Start -->
    <section class="section ec-offer-section"
        style="background-image: url('{{$category_banner}}');">
        <h2 class="d-none">Offer</h2>
        <div class="container">
            <div class="row justify-content-start">
                <div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center ec-offer-content">
                    <h2 class="ec-offer-title">{{ $catname }}</h2>
                    <h6 class="ec-offer-stitle" data-animation="slideInDown">{{ $search_description }}<br>
                    <a class="btn btn-banner" href="{{ $searchlink }}" data-animation="zoomIn">{{ $searchtext }}</a>
                </div>
            </div>
        </div>
    </section>
    <!-- offer Section End -->

    <!-- Ec Shop page -->
    <section class="ec-page-content section-space-p ">
        <div class="container">
            <div class="row">
                <!-- Sidebar Area Start -->
                <div class="ec-shop-leftside col-lg-3 col-md-12">
                    <div id="" shop_sidebar style="height:auto !important; position:static !important;">
                        <div class="ec-sidebar-wrap product-list-page">
                            <!-- Sidebar Category Block -->
                            <div class="ec-sidebar-block ">
                                <div class="ec-sb-title">
                                    <h3 class="ec-sidebar-title">Categories</h3>
                                </div>
                                <div class="ec-sb-block-content ">
                                    <ul>
                                        @foreach ($categories as $category)
                                        <li>
                                            <div class="ec-sidebar-block-item">
                                                <input type="checkbox" onclick="window.location='{{ $category->category_link }}'" @if($check_search_key==$category->category_link) {{ 'checked' }} @endif id="categ{{$category['category_id'] }}" /> <a
                                                    href="{{ $category->category_link }}">{{$category->category_name}}</a><span
                                                    class="checked"></span><span>{{ \App\Models\productModel::where(['product_category' => $category['category_id'],'product_status' => 0,'product_active_status' => 0,'parent_product_id' => 0])->count() }}</span>
                                            </div>
                                        </li>
                                        @endforeach

                                    </ul>
                                </div>
                            </div>
                            @if(count($brands)!=0)
                            <!-- Sidebar product brand Block -->
                            <div class="ec-sidebar-block  ">
                                <div class="ec-sb-title">
                                    <h3 class="ec-sidebar-title">Product Brand</h3>
                                </div>
                                <div class="ec-sb-block-content">
                                    <ul>
                                        @foreach($brands as $brnd)
                                        <li>
                                            <div class="ec-sidebar-block-item">
                                                <input onclick="brandfilfn()" type="checkbox" name="brandfilteval" value="{{$brnd['brand_id'] }}" /> <a  
                                                    href="javascript:void(0);">{{ $brnd['brand_name'] }}</a><span
                                                    class="checked"></span><span>{{ \App\Models\productModel::where(['product_brand' => $brnd['brand_id'],'product_status' => 0,'product_active_status' => 0,'parent_product_id' => 0])->count() }}
</span>
                                            </div>
                                        </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                            @endif
                            
    @if (count($data['product_list'])!=0)
                            <!-- Sidebar product brand Block -->
                            <div class="ec-sidebar-block ">
                                <div class="ec-sb-title">
                                    <h3 class="ec-sidebar-title">Price Range</h3>
                                </div>
                                <div class="ec-sb-block-content">
                                    <ul>
                                        <li>
                                            <div class="ec-sidebar-block-item">
                                                <input type="checkbox" onclick="amount_filter()" name="amntfilter" value="0-{{ $split }}" /> <a href="javascript:void(0)">QAR 0 -
                                                    QAR {{ $split }}</a><span class="checked">
                                            </div>
                                        </li>
                                        <li>
                                            <div class="ec-sidebar-block-item">
                                                <input type="checkbox" onclick="amount_filter()" name="amntfilter" value="{{ $split }}-{{ $split*2 }}"/> <a href="javascript:void(0)">QAR {{ $split }} - QAR
                                                    {{ $split*2 }}</a><span class="checked"></span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="ec-sidebar-block-item">
                                                <input type="checkbox" onclick="amount_filter()" name="amntfilter" value="{{ $split*2}}-{{ $split*3 }}" /> <a href="javascript:void(0)">QAR {{ $split*2 }} - QAR
                                                    {{ $split*3 }}</a><span class="checked"></span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="ec-sidebar-block-item">
                                                <input type="checkbox" onclick="amount_filter()" name="amntfilter" value="{{ $split*3 }}-{{ $split*4 }}" /> <a href="javascript:void(0)">
                                                    QAR {{ $split*3 }} - QAR {{ $split*4 }}</a><span class="checked">
                                            </div>


                                    </ul>
                                </div>
                            </div>
@endif

                        </div>
                    </div>
                </div>
                <!--Sidebar Area End-->
                <div class="ec-shop-rightside col-lg-9 col-md-12  margin-b-30">
                    <!-- Shop Top Start -->
                    
    @if (count($data['product_list'])!=0)
                    <div class="ec-pro-list-top d-flex">

                        <div class="col-md-6 ec-sort-select">
                            <span class="sort-by">SORT BY</span>
                            <div class="ec-select-inner">
                                <select onchange="sortby_fn(this.value)" name="ec-select" id="ec-select">
                                    <option value="relevance">Relevance</option>
                                    <option value="name-asc">Name, A to Z</option>
                                    <option value="name-desc">Name, Z to A</option>
                                    <option value="price-asc">Price, low to high</option>
                                    <option value="price-desc">Price, high to low</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 ec-grid-list">
                            <div class="ec-gl-btn">
                                <button id="listbutton" class="btn btn-grid active"><i class="fi-rr-apps"></i></button>
                                <button class="btn btn-list"><i class="fi-rr-list"></i></button>
                            </div>
                        </div>
                    </div>
                    @endif
                    <!-- Shop Top End -->

    
    @if (count($data['product_list'])>0)
                    <!-- Shop content Start -->
                    <div class="shop-pro-content">
                        <div class="shop-pro-inner">
                            <div class="row product_search_div">
                                @foreach($product_list as $prolist)
                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-6 mb-6 pro-gl-content">
                                    <div class="ec-product-inner">
                                        <div class="ec-pro-image-outer">
                                            <a href="javascript:void(0);">
                                                <div class="wish-box wishlist-cont{{$prolist->product_id}}" style="cursor:pointer;" onclick="add_wishlist_fn({{$prolist->product_id}})">
                                                    <i class="fa @if($prolist->wish_list == 'true') fa-heart @else fa-heart-o @endif"></i>
                                                </div>
                                            </a>
                                            <a href="{{$prolist->product_permalink}}" class="image">
                                                <div class="ec-pro-image">
                                                    <img class="main-image"
                                                        src="/uploads/product_img_1160x1600/{{$prolist->product_title_img}}"
                                                        alt="Product" />
                                                </div>
                                            </a>
                                        </div>
                                        <div class="ec-pro-content">
                                            <div class="ec-pro-list-desc">{{ $prolist->brands->brand_name }}</div>

                                            <h5 class="ec-pro-title"><a href="{{$prolist->product_permalink}}">{{ $prolist->product_name_en }}</a></h5>

                                            

                                            <div class="ec-pro-list-desc"></div>
                                            <span class="ec-price">

                                                <span class="new-price">QAR
                                                        @if($prolist->offer_datas)
                                                @php
                                                    $offer_details=$prolist->offer_datas;
                                                    $offer_price=$offer_details['product_offer_amount'];
                                                    $offer_percentage=$offer_details['product_offer_percentage'];
                                                                        
                                                @endphp

                                                    <s>{{$prolist->product_price}}</s> {{number_format($offer_price, 2, '.', '')}}
                                                    @else
                                                        {{$prolist->product_price}}
                                                    @endif
                                                    </span>
                                            </span>

                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                        <!-- Ec Pagination Start -->
                        <!-- <div class="ec-pro-pagination">
                            <span>Showing 1-12 of 21 item(s)</span>
                            <ul class="ec-pro-pagination-inner">
                                <li><a class="active" href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a class="next" href="#">Next <i class="ecicon eci-angle-right"></i></a></li>
                            </ul>
                        </div> -->
                        <!-- Ec Pagination End -->
                    </div>
                    <!--Shop content End -->

    @else

    <div class="shop-pro-content">
                        <div class="shop-pro-inner">
                            <div class="row product_search_div">
                                <div class="col-12 mb-6 pro-gl-content text-center" style="margin-top: 150px;">
    <h2><i>" No Products Found "</i></h2>
</div>
                            </div>
                        </div>
                    </div>

    @endif
                </div>
    
            </div>
        </div>
    </section>
    <!-- End Shop page -->


@push('custom-scripts')
<script>
    

    function brandfilfn() {
        var brandsarray = $("input:checkbox[name=brandfilteval]:checked").map(function(){return $(this).val()}).get();
    $.ajax({
        type: "POST",
        url: "/brand_sort",
        data: {
            _token: token,
            brand: brandsarray,
        },
        success: function (data) {
            product_filter_result(1);
            $("#page_number_hidden_field").val(1);
        },
    });
}

function amount_filter(){

    var amntfilter = $("input:checkbox[name=amntfilter]:checked").map(function(){return $(this).val()}).get();
          $.ajax({
                        type: 'POST',
                        data: {"_token": token,"amntfilter":amntfilter},
                        url: '/amount_filter',
                        success: function () {    
                        product_filter_result(1);
                        }
                    })
                            
    }


    function sortby_fn(filter_type){
          $.ajax({
                        type: 'POST',
                        data: {"_token": token,"filter_type":filter_type},
                        url: '/sortby_fn',
                        success: function () {    
                      product_filter_result(1);
                        }
                    })
                            
    }


    function product_filter_result(page) {
    $.ajax({
        type: "POST",
        url: "product_filter_result?page=" + page + "",
        data: {
            _token: token,
        },
        success: function (data) {
            if (data) {
                if (page > 1) {
                    $(".product_search_div").html(data);
                } else {
                    $(".product_search_div").html(data);
                    $("#shop-list").html(data);
                }
                $("#check_search_data_exist").val(1);
            } else {
               $(".product_search_div").html('');
                $("#check_search_data_exist").val(0);
                $(".load_more").hide();
            }
            $('#listbutton').trigger('click');
        },
    });
}




</script>
@endpush



@endsection