@extends('layouts.app')

@section('content')

<!-- START MAIN CONTENT -->
<div class="main_content">

<!-- START SECTION SHOP -->
<div class="section">
	<div class="container">
    	<div class="row">
			<div class="col-lg-9">
            	<!-- <div class="row align-items-center mb-4 pb-1">
                    <div class="col-12">
                        <div class="product_header">
                            <div class="product_header_left">
                                <div class="custom_select">
                                    <select class="form-control form-control-sm">
                                        <option value="order">Default sorting</option>
                                        <option value="popularity">Sort by popularity</option>
                                        <option value="date">Sort by newness</option>
                                        <option value="price">Sort by price: low to high</option>
                                        <option value="price-desc">Sort by price: high to low</option>
                                    </select>
                                </div>
                            </div>
                            <div class="product_header_right">
                            	<div class="products_view">
                                    <a href="javascript:Void(0);" class="shorting_icon grid"><i class="ti-view-grid"></i></a>
                                    <a href="javascript:Void(0);" class="shorting_icon list active"><i class="ti-layout-list-thumb"></i></a>
                                </div>
                                <div class="custom_select">
                                    <select class="form-control form-control-sm">
                                        <option value="">Showing</option>
                                        <option value="9">9</option>
                                        <option value="12">12</option>
                                        <option value="18">18</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>  -->
                <div class="row align-items-center mb-4 pb-1 product_title">
                    <div class="col-12">
                        @if(\Request::route()->getName() == 'get.product.bycategorySlug')
                            <h2>({{ $category->category_name }}) Products List</h2>
                        @elseif(\Request::route()->getName() == 'get.product.bycategory.bycategorySlug.bysubcategorySlug')
                            <h2>({{$subcategory->subcategory_name}}) Products List</h2>
                        @elseif(\Request::route()->getName() == 'search.product')
                            <h2>Search Products List</h2>
                        @elseif(\Request::route()->getName() == 'latest.product')
                            <h2>Latest Products</h2>
                        @endif

                    </div>
                </div>

                <div class="row shop_container list">
                    @forelse($products as $key => $product)
                    <div class="col-md-4 col-6">
                        <div class="product {{$product->category->slug}}_div">
                            <div class="product_img">
                                <a href="{{route('get.product.byid', [$product->product_slug,$product->id])}}">
                                    <img src="{{checkProductImagExist($product->product_image)['path']}}" alt="{{$product->product_image}}">
                                </a>
                                <div class="product_action_box">
                                    <ul class="list_none pr_action_btn">
                                        <li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
                                        <li><a href="//bestwebcreator.com/shopwise/demo/shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
                                        <li><a href="//bestwebcreator.com/shopwise/demo/shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
                                        <li><a href="#"><i class="icon-heart"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product_info">
                                <div class="product_info_div">
                                <h6 class="product_title"><a href="{{route('get.product.byid', [$product->product_slug,$product->id])}}">{{$product->product_name}}</a></h6>
                                <div class="product_price">
                                    <span class="price">Date Added:</span>
                                    <span class="product_info_label">{{date('d F Y', strtotime($product->publish_date))}}</span>
                                </div>
                                <div class="product_price">
                                    <span class="price">Licence:</span>
                                    <span class="product_info_label">{{$product->subcategory->subcategory_name}}</span>
                                </div>
                                <div class="product_price">
                                    <span class="price">Category:</span>
                                    <span class="product_info_label">{{$product->category->category_name}}</span>
                                </div>
                                <div class="product_price">
                                    <span class="price">Price:</span>
                                    <span class="product_info_label">{{setPriceFormat($product->price)}}</span>
                                </div>
                                </div>
                                <!-- <div class="rating_wrap">
                                    <div class="rating">
                                        <div class="product_rate" style="width:80%"></div>
                                    </div>
                                    <span class="rating_num">(21)</span>
                                </div> -->
                                <div class="pr_desc">
                                    {!! html_cut($product->product_details, 200) !!}
                                    <a href="{{route('get.product.byid', [$product->product_slug,$product->id])}}" class='more'>More...</a>
                                </div>
                                <!-- <div class="pr_switch_wrap">
                                    <div class="product_color_switch">
                                        <span class="active" data-color="#87554B"></span>
                                        <span data-color="#333333"></span>
                                        <span data-color="#DA323F"></span>
                                    </div>
                                </div> -->
                                <div class="list_product_action_box">
                                    <ul class="list_none pr_action_btn">
                                        <li class="add-to-cart"><a href="{{route('get.product.byid', [$product->product_slug,$product->id])}}"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
                                        <!-- <a class="btn btn-fill-out btn-addtocart buy_now" data-product_id="{{$product->id}}" href="javascript:void(0);"><i class="icon-basket-loaded"></i> Buy Now</a> -->
                                        <!-- <li><a href="//bestwebcreator.com/shopwise/demo/shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
                                        <li><a href="//bestwebcreator.com/shopwise/demo/shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
                                        <li><a href="#"><i class="icon-heart"></i></a></li> -->
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    @empty
                        <h1 style="text-align:center;color: burlywood;"> Sorry! No Product Found. </h1>
                    @endforelse
                </div>
        		<div class="row">
                    <div class="col-12">
                        <ul class="pagination mt-3 justify-content-center pagination_style1">
                        {{-- $products->links() --}}
                        {{$products->links('pagination::bootstrap-4')}}

                            <!-- <li class="page-item active"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item"><a class="page-link" href="#"><i class="linearicons-arrow-right"></i></a></li> -->
                        </ul>
                    </div>
                </div>
        	</div>
            @include('layouts.product_sidebar')
        </div>
    </div>
</div>
<!-- END SECTION SHOP -->

<!-- START SECTION SUBSCRIBE NEWSLETTER -->
<!-- <div class="section bg_default small_pt small_pb">
	<div class="container">
    	<div class="row align-items-center">
            <div class="col-md-6">
                <div class="heading_s1 mb-md-0 heading_light">
                    <h3>Subscribe Our Newsletter</h3>
                </div>
            </div>
            <div class="col-md-6">
                <div class="newsletter_form">
                    <form>
                        <input type="text" required="" class="form-control rounded-0" placeholder="Enter Email Address">
                        <button type="submit" class="btn btn-dark rounded-0" name="submit" value="Submit">Subscribe</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div> -->
<!-- START SECTION SUBSCRIBE NEWSLETTER -->

</div>
<!-- END MAIN CONTENT -->

@endsection

@if(\Request::route()->getName() == 'get.product.bycategorySlug')

    @if($category->slug != '')
        @php $cat_slug = $category->slug; @endphp
    @else
        @php $cat_slug = str_slug($category->category_name, '-'); @endphp
    @endif

    @push('js')
        <script>
            $(function(){
                $('.{{$cat_slug}}').addClass('active');
            });
        </script>
    @endpush

@elseif(\Request::route()->getName() == 'get.product.bycategorySlug.bysubcategorySlug')

    @if($subcategory->category->slug != '')
        @php $cat_slug = $subcategory->category->slug; @endphp
    @else
        @php $cat_slug = str_slug($subcategory->category->category_name, '-'); @endphp
    @endif

    @if($subcategory->slug != '')
        @php $sub_slug = $subcategory->slug; @endphp
    @else
        @php $sub_slug = str_slug($subcategory->subcategory_name, '-'); @endphp
    @endif

    @push('js')
        <script>
            $(function(){
                $('.{{$cat_slug}}').addClass('active');
                $('.{{$cat_slug}}').find('.{{$sub_slug}}').addClass('active');
            });
        </script>
    @endpush

@elseif(\Request::route()->getName() == 'latest.product')

    @push('js')
        <script>
            $(function(){
                $('.latest_product').addClass('active');
            });
        </script>
    @endpush

@endif