@extends('layouts.app')
@section('title_and_meta')
    <title>cakes | Wishours</title>
    <meta name="description" content="cakes" />
    <meta name="keywords" content="cakes" />
@endsection
@section('content')
<div class="top_category">
<div class="container">
    <div class="row">
        @foreach ($Allcategories as $menu)
        <div class='col-md-2 content'>
            <div class='product-default'>
                <a href="{{ route('product.listing',$menu->slug) }}">
                <figure class='product-image-container'>
                        <img src="{{ asset('/uploads') .'/'.$menu->catthumb}}" alt="product">
                </figure>
                <div class="product-details">
                    <h2 class="product-title">
                        <a href="#" target="_blank">{{ $menu->title }}</a>
                    </h2>
                   
                </a>
                </div><!-- End .product-details -->
            </div><!-- End .product -->
        </div>
        @endforeach
    </div>
</div>
</div>

<div class="banner banner-cat mb-3" style="background-image: url('');">
    <div class="banner-content container">
        <!--<h2 class="banner-subtitle">check out over <span>200+</span></h2>-->
        <h1 class="banner-title">
          Cakes <span class="item_count">@if($product_length) ( {{ $product_length }} items ) @endif</span>
        </h1>
       <!-- <a href="#" class="btn btn-dark">Shop Now</a>-->
    </div><!-- End .banner-content -->
</div><!-- End .banner -->
  
    <div class="main-container">
        <div class="container" id="allproductList">
            <div class="row listing_col">
                                @if(isset($product_lists))
                  @foreach ( $product_lists as $allProduct )
                  <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/wishours/public_html/resources/views/front/products/allproduct.blade.php</b> on line <b>56</b><br />
                  <div class='col-6 col-md-4 col-lg-3 col-xl-2 content'>
                    <div class='product-default'>
                        <figure class='product-image-container'>
                            <a href="{{ url('products', [$allProduct->slug]) }}" class="product-image" target="_blank">
                                <img src="{{ asset('/uploads') .'/'.$allProduct->thumbnail}}" alt="product">
                            </a>
                        </figure>
                        <div class="product-details">
                            <h2 class="product-title">
                                <a href="{{ url('products', [$allProduct->slug])}}" target="_blank">{{ $allProduct->title }}</a>
                            </h2>
                            <div class='ratings-container'>
                                @if ($avg_rev != 0) 
                                 <span class='stars' data-rating='$avg_rev' data-num-stars='5'></span>
                                @endif   
                               </div>
                            <div class="price-box">
                                <span class="product-price"> ₹ {{ $allProduct->price }}</span>
                            </div><!-- End .price-box -->
                        </div><!-- End .product-details -->
                    </div><!-- End .product -->
                </div>
                  @endforeach
                @endif
                
            </div>
            @if($conut_pro > 6)
                    
                    {{-- <div class="text-center">
                        <button type="button" class="btn btn-primary" onclick="loadmoredata({{$last_id}})">Load More</button>
                     <br/>   
                    </div> --}}
                    <div class="text-center" style="margin-bottom: 20px">
                      <a href="#" id="loadMore" class="btn btn-primary">Load More</a>
                     </div>
                     
                @endif
        </div>  
    </div>
    
@endsection
<script>
    var lst_id;
    function loadmoredata(last_id){
        $.ajax({
               type:'POST',
               data:{'_token':'{{ csrf_token() }}','last_id':last_id},
               url:'#',
               beforeSend: function(){
                $("#loading").show();
                },
               complete: function(){
                $("#loading").hide();
               },
               success:function(resp){
               // alert(resp); 
                $("#allproductList .listing_col").append($(resp[0]));
                lst_id = resp[1];
                console.log(lst_id)
               },error:function() {
                alert("Error");
                
               }
           });
    }
</script>