@extends($theme.'.layouts.admin')
@section('content')

<div class="paralax-section-slide-data1">
    <h1>Products List</h1>
    <nav class="breadcrumb-bar" aria-label="breadcrumb">
        <ol class="container breadcrumb text-center text-lg-left">
            <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('sub_categories.list', ['id' => $main_category_id]) }}">{{ $main_category_name }}</a></li>
            <li class="breadcrumb-item current-page" aria-current="page"><a href="javascript:;">{{ $sub_category_name }}</a></li>
            <li class="breadcrumb-item current-page" aria-current="page"><a href="javascript:;">Products</a></li>
        </ol>
    </nav>
</div>

<div class="product-listing">
    <div class="container">
        <div class="row">
            {{-- <div class="col-lg-3 col-md-12 bg-white shadow-sm"> --}}
                <!--sidebar widget start-->
               {{--  <aside class="sidebar_widget">
                    <div class="widget_inner">
                        <div class="widget_list widget_categories">
                            <h3 class="pt-4 pb-2">Categories</h3>
                            <ul>
                                <li class="widget_sub_categories sub_categories1"><a href="javascript:void(0)">Shoes</a>
                                    <ul class="widget_dropdown_categories dropdown_categories1">
                                        <li><a href="#">Document</a></li>
                                        <li><a href="#">Dropcap</a></li>
                                        <li><a href="#">Dummy Image</a></li>
                                        <li><a href="#">Dummy Text</a></li>
                                        <li><a href="#">Fancy Text</a></li>
                                    </ul>
                                </li>
                                <li class="widget_sub_categories sub_categories2"><a href="javascript:void(0)">Bags</a>
                                    <ul class="widget_dropdown_categories dropdown_categories2">
                                        <li><a href="#">Flickr</a></li>
                                        <li><a href="#">Flip Box</a></li>
                                        <li><a href="#">Cocktail</a></li>
                                        <li><a href="#">Frame</a></li>
                                        <li><a href="#">Flickrq</a></li>
                                    </ul>
                                </li>
                                <li class="widget_sub_categories sub_categories3"><a href="javascript:void(0)">Uniforms</a>
                                    <ul class="widget_dropdown_categories dropdown_categories3">
                                        <li><a href="#">Shirt</a></li>
                                        <li><a href="#">Pants</a></li>
                                        <li><a href="#">Skirt</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="widget_list widget_filter">
                            <h3>Filter by price</h3>
                            <form action="#">
                                <div id="slider-range"></div>
                                <button type="submit">Filter</button>
                                <input type="text" name="text" id="amount" />
                
                            </form>
                        </div>
                        <div class="widget_list widget_color">
                            <h3>Select By Color</h3>
                            <ul>
                                <li>
                                    <a href="#">Black <span>(6)</span></a>
                                </li>
                                <li>
                                    <a href="#"> Blue <span>(8)</span></a>
                                </li>
                                <li>
                                    <a href="#">Brown <span>(10)</span></a>
                                </li>
                                <li>
                                    <a href="#"> Green <span>(6)</span></a>
                                </li>
                                <li>
                                    <a href="#">Pink <span>(4)</span></a>
                                </li>
                
                            </ul>
                        </div>
                        <div class="widget_list widget_color">
                            <h3>Select By SIze</h3>
                            <ul>
                                <li>
                                    <a href="#">S <span>(6)</span></a>
                                </li>
                                <li>
                                    <a href="#"> M <span>(8)</span></a>
                                </li>
                                <li>
                                    <a href="#">L <span>(10)</span></a>
                                </li>
                                <li>
                                    <a href="#"> XL <span>(6)</span></a>
                                </li>
                                <li>
                                    <a href="#">XLL <span>(4)</span></a>
                                </li>
                
                            </ul>
                        </div>
                        <div class="widget_list widget_manu">
                            <h3>Brands</h3>
                            <ul>
                                <li>
                                    <a href="#">Brake Parts <span>(6)</span></a>
                                </li>
                                <li>
                                    <a href="#">Accessories <span>(10)</span></a>
                                </li>
                                <li>
                                    <a href="#">Engine Parts <span>(4)</span></a>
                                </li>
                                <li>
                                    <a href="#">hermes <span>(10)</span></a>
                                </li>
                                <li>
                                    <a href="#">louis vuitton <span>(8)</span></a>
                                </li>
                
                            </ul>
                        </div>
        
        
                    </div>
                </aside> --}}
                <!--sidebar widget end-->
            {{-- </div> --}}
            <!-- END STICKY NAV -->

            <!-- START PRODUCT COL 8 -->
            <div class="col-md-12 col-lg-12 order-1 order-lg-2">
                <div class="row">

                    <!-- START PRODUCT LISTING SECTION -->
                    <div class="col-12 product-listing-products">

                        <!-- START DISPLAY PRODUCT -->
                        <div class="product-list row" id="product-list-div">

                            @forelse($product_list as $product)
                            <div class="col-12 col-md-6 col-lg-3 manage-color-hover product-cover wow slideInUp" data-wow-delay=".2s">
                                <div class="product-item ">
                                    @if(!empty($product->offer_label))
                                        <div class="offer-box">{{ $product->offer_label }}</div>
                                    @endif
                                    <div class="item p-item-img image-holder">
                                        <div class="ico-box">
                                            {{-- <a href="#" class="lastest-addto-cart"><i class="fa fa-shopping-cart"></i></a> --}}
                                            <a href="{{ route('products.detail', ['id' => $product->id, 'group_name_slug' => $product->group_name_slug]) }}" class="lastest-addto-cart"><i class="fa fa-eye"></i></a>
                                        </div>
                                        <a href="{{ route('products.detail', ['id' => $product->id, 'group_name_slug' => $product->group_name_slug]) }}">
                                        <img src="{{ $product->image1 }}" alt="images">
                                        </a>
                                    </div>
                                </div>
                                <div class="p-item-detail">
                                    <h4 class="text-center p-item-name"><a href="{{ route('products.detail', ['id' => $product->id, 'group_name_slug' => $product->group_name_slug]) }}"> {{ $product->name_en }} <br><br> </a></h4>
                                    <p class="text-center p-item-price">{{ $currency_code }} {{ number_format($product->discounted_price,2) }} <span>
                                    @if(!empty($product->offer_label))
                                        <del>{{ $currency_code }} {{ number_format($product->price,2) }}</del>
                                    @endif
                                    </span></p>

                                     <div class="col-12 btn-box">
                                        @if(!empty(Session::get('token')) && $product->is_favourite == 1)
                                            <i class="fa fa-heart favProducts" style="color: red" data-product="{{ $product->product_id }}" data-warehouse-product="{{ $product->id }}"  data-status="0"></i>
                                        @elseif(!empty(Session::get('token')) && $product->is_favourite == 0)
                                            <i class="far fa-heart favProducts" data-product="{{ $product->product_id }}" data-warehouse-product="{{ $product->id }}"  data-status="1"></i>
                                        @else   
                                            <i class="far fa-heart favProducts"></i>
                                        @endif  | <a href="{{ route('products.detail', ['id' => $product->id, 'group_name_slug' => $product->group_name_slug]) }}" class="btn pink-gradient-btn-into-black"> BUY NOW</a>
                                    </div>

                                </div>
                            </div>
                            @empty
                            <p>data not found</p>
                            @endforelse
                        </div>
                        <!-- END DISPLAY PRODUCT -->


                    </div>

                    <div class="col-12">
                        <nav class="d-flex align-items-center" aria-label="Page navigation example">
                            <ul class="pagination">
                                @if(!empty($product_list) && $totalpages > 1)
                                    @if($current_page != 1)
                                        @php
                                            $prev= $current_page - 1;
                                        @endphp
                                        <li class="page-item left page-link-previous">
                                            <a href="#" data-page="{{ $prev }}"  class="page-link" aria-label="Previous"> <span aria-hidden="true"><i class="ti-arrow-left mr-1"></i>Prev</span></a>
                                        </li>
                                    @else
                                        <li class="page-item left">
                                        <li class="page-item disabled">
                                            <span  class="page-link left page-link-previous" data-page="0">@lang('messages.Previous')</span>
                                        </li>
                                    @endif
                                                                        @for($k = max(1, $current_page - 5); $k <= min($current_page + 8, $limit); $k++)
                                        <li class="page-item active"><a  class="page-link" href="#" data-page="{{ $k }}">{{ $k }}</a></li>
                                    @endfor
                                    @if($current_page != $totalpages)
                                        @php $next = $current_page + 1; @endphp
                                        <li class="page-item right">
                                            <a href="#" data-page="{{ $next }}"  class="page-link page-link-next"><span aria-hidden="true"><i class="ti-arrow-right mr-1"></i>Next</span></a>
                                        </li>
                                    @else
                                        <li class="page-item right disabled">
                                            <span  class="page-link" data-page="">@lang('messages.Next')</span>
                                        </li>
                                    @endif
                                @endif
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
            <!-- END PRODUCT COL 8 -->

        </div>
    </div>
</div>
<input type="hidden" value="