@php

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

@endphp
@if (count($product_list) > 0)
    @php
        $catname = $product_list[0]['category_name'];
        $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
    @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



@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 }}</li>
                            </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 ($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 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();
                        }
                    },
                });
            }
        </script>
    @endpush



@endsection