@extends('layouts.frontend.app')

@php
  $website = App\Website::select('title','meta_tag','meta_keyword')->first();
@endphp

@section('title')
  @if (isset($website->title)) {{$website->title}} @endif
@stop
    
@section('meta')

   <meta name='subject' content='ecommerce's subject'>
   <meta name='title' content='@if (isset($website->title)) {{$website->title}} @endif|| {{ config('app.name') }}'>
   <meta name='description' content='@if (isset($website->meta_tag)) {{$website->meta_tag}} @endif'>
   <meta name='keywords' content='@if (isset($website->meta_keyword)) {{$website->meta_keyword}} @endif'>

   <meta property="og:image:url" content="{{ asset('images/smartgadget.jpg') }}">
   <meta property="og:title"  content="@if (isset($website->title)) {{$website->title}} @endif|| {{ config('app.name') }}" />

   <meta name='copyright' content='websolutionbd24.com'>
   <meta name='author' content='yousuf1648|websolutionbd24.com'>
@endsection

@push('css')
  <!-- owl.carousel CSS -->
  <link rel="stylesheet" type="text/css" href="{{ asset('css/owl.carousel.css') }}">
  <link rel="stylesheet" type="text/css" href="{{ asset('css/owl.theme.css') }}">
  <link rel="stylesheet" type="text/css" href="{{ asset('css/flexslider.css') }}" >
@endpush

@section('body_class','cms-index-index')

@section('content')

<!-- hero slider area start -->
@include('layouts.frontend.partial.slider')
<!-- hero slider area end -->

<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <div class="related-product-area">
                <div class="page-header">
                    <h2>Feature Products</h2>
                </div>
                <div class="related-products-pro">
                    <div class="slider-items-products">
                        <div id="related-product-slider" class="product-flexslider hidden-buttons">
                            <div class="slider-items slider-width-col4 fadeInUp">
                              @foreach ($feature_product as $key=>$product)
                                <div class="product-item">
                                    <div class="item-inner fadeInUp">
                                        <div class="product-thumbnail">
                                          @if ($product->availability=="Out of stock")
                                            <div class="stock_out">Stock Out</div>
                                          @else
                                            @if ($product->discount>0)
                                              <div class="discount">{{ number_format($product->discount) }}% off</div>
                                            @endif
                                          @endif

                                          @if ($product->new==1)
                                              <div class="new" @if ($product->discount>0)
                                                style="top: 33px;" 
                                              @endif>New</div>
                                          @endif
                                          
                                          
                                          <div class="pr-img-area"> <a title="Ipsums Dolors Untra" href="{{ route('product_details',$product->slug) }}">
                                            <figure> 
                                              <img class="first-img" src="{{ Storage::disk('public')->url('product/xxsmall-'.$product->cover_photo) }}" alt="">
                                              @php
                                                $post_image = explode("|",$product->others_photo);
                                              @endphp
                                              @if ($post_image[0])
                                                  <img class="hover-img" src="{{ Storage::disk('public')->url('product/xxsmall-'.$post_image[0]) }}" alt="product">
                                              @endif 

                                            </figure>
                                            </a>

                                            <a data-tooltip="Buy Now" href="{{ route('product_details',$product->slug) }}" title="Buy Now" class="add-to-cart-mt"> <i class="fa fa-shopping-cart"></i><span> Buy Now</span></a>
                                            
                                            {{-- @if ($product->size_id || $product->colour_id)
                                                <button type="button" data-tooltip="Add to cart" data-toggle="modal" data-target="#create_{{$key}}_{{$product->id}}" title="Add to Cart" class="add-to-cart-mt"> <i class="fa fa-shopping-cart"></i><span> Add to Cart</span> </button>
                                            @else
                                                <a data-tooltip="Add to cart" href="{{ route('add_to_cart',$product->id) }}" title="Add to Cart" class="add-to-cart-mt"> <i class="fa fa-shopping-cart"></i><span> Add to Cart</span></a>
                                            @endif --}}
                                            
                                          </div>
                                          {{-- <div class="pr-info-area">
                                            <div class="pr-button">
                                              @auth
                                                  <div class="mt-button add_to_wishlist"> <a href="javascript:void()" onclick="wishlist_form_submit({{$product->id}})"> <i class="fa fa-heart"></i> </a> </div>
                                                  <form id="wishlist_form_{{$product->id}}" action="{{ route('user.wishlist.store') }}" method="POST" >
                                                      @csrf
                                                    <input type="hidden" name="product_id" value="{{$product->id}}">
                                                  </form>  
                                              @endauth 
                                              
                                              <div class="mt-button quick-view"> <a href="{{ route('product_details',$product->slug) }}"> <i class="fa fa-search"></i> </a> </div>
                                            </div>
                                          </div> --}}
                                        </div>
                                        <div class="item-info">
                                          <div class="info-inner">
                                            <div class="item-title"> <a title="{{$product->title}}" href="{{ route('product_details',$product->slug) }}">{{ $product->title }} </a> </div>
                                            <div class="item-content">
                                              <div class="rating">
                                                  @for ($i = 0; $i < $product->star ; $i++)
                                                      <i class="fa fa-star"></i>
                                                  @endfor
                                                  
                                                  @for ($i = 0; $i < 5-$product->star ; $i++)
                                                      <i class="fa fa-star-o"></i>
                                                  @endfor
                                              </div>
                                              <div class="price-box">
                                                <p class="special-price"> <span class="price-label">Special Price</span> <span class="price"> ৳ {{ number_format($product->sell_price) }} </span> </p>
                                                @if ($product->discount>0)
                                                  <p class="old-price"> <span class="price-label">Regular Price:</span> <span class="price"> ৳ {{ number_format($product->regular_price) }} </span> </p>
                                                @endif
                                                
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                    </div>
                                </div>
                              @endforeach

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@php
    $i = 1;
@endphp
@foreach ($home_category as $hcategory)
@php
    $cat_ary=array();

    $cat_ary[]=$hcategory->id;
    // lavel-1
    $categorys=App\Category::where('parent_id',$hcategory->id)->select('id')->get();
    if ($categorys->count()>0) {
        foreach ($categorys as $key => $category) {
            $cat_ary[]=$category->id;
            // level-2
            $s_categorys=App\Category::where('parent_id',$category->id)->select('id')->get();
            if ($s_categorys->count()>0) {
                foreach ($s_categorys as $key => $category) {
                    $cat_ary[]=$category->id;
                }
            }
        }
    }

    $all_category = $cat_ary;

    $prodcuts = App\Product::where(function ($q) use ($all_category) {
        foreach ($all_category as $id) {
            $q->orWhere('category_id',$id);
        }
    })->where('status','Active')->inRandomOrder()->latest()->limit(12)->get();
@endphp
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="related-product-area">
                    <div class="page-header">
                        <a href="{{ route('category',$hcategory->slug) }}"><h2>{{$hcategory->name}}</h2></a>
                    </div>
                    <div class="related-products-pro">
                        <div class="slider-items-products">
                            <div id="related-product-slider" class="product-flexslider hidden-buttons">
                                <div class="slider-items slider-width-col4 fadeInUp">
                                  @foreach ($prodcuts as $key=>$product)
                                    <div class="product-item">
                                        <div class="item-inner fadeInUp">
                                            <div class="product-thumbnail">
                                              @if ($product->availability=="Out of stock")
                                                <div class="stock_out">Stock Out</div>
                                              @else
                                                @if ($product->discount>0)
                                                  <div class="discount">{{ number_format($product->discount) }}% off</div>
                                                @endif
                                              @endif

                                              @if ($product->new==1)
                                                  <div class="new" @if ($product->discount>0)
                                                    style="top: 33px;" 
                                                  @endif>New</div>
                                              @endif
                                              
                                              
                                              <div class="pr-img-area"> <a title="Ipsums Dolors Untra" href="{{ route('product_details',$product->slug) }}">
                                                <figure> 
                                                  <img class="first-img" src="{{ Storage::disk('public')->url('product/xxsmall-'.$product->cover_photo) }}" alt="">
                                                  @php
                                                    $post_image = explode("|",$product->others_photo);
                                                  @endphp
                                                  @if ($post_image[0])
                                                      <img class="hover-img" src="{{ Storage::disk('public')->url('product/xxsmall-'.$post_image[0]) }}" alt="product">
                                                  @endif 

                                                </figure>
                                                </a>

                                                <a data-tooltip="Buy Now" href="{{ route('product_details',$product->slug) }}" title="Buy Now" class="add-to-cart-mt"> <i class="fa fa-shopping-cart"></i><span> Buy Now</span></a>
                                                
                                                {{-- @if ($product->size_id || $product->colour_id)
                                                    <button type="button" data-tooltip="Add to cart" data-toggle="modal" data-target="#create_{{$key}}_{{$product->id}}" title="Add to Cart" class="add-to-cart-mt"> <i class="fa fa-shopping-cart"></i><span> Add to Cart</span> </button>
                                                @else
                                                    <a data-tooltip="Add to cart" href="{{ route('add_to_cart',$product->id) }}" title="Add to Cart" class="add-to-cart-mt"> <i class="fa fa-shopping-cart"></i><span> Add to Cart</span></a>
                                                @endif --}}
                                                
                                              </div>
                                              {{-- <div class="pr-info-area">
                                                <div class="pr-button">
                                                  @auth
                                                      <div class="mt-button add_to_wishlist"> <a href="javascript:void()" onclick="wishlist_form_submit({{$product->id}})"> <i class="fa fa-heart"></i> </a> </div>
                                                      <form id="wishlist_form_{{$product->id}}" action="{{ route('user.wishlist.store') }}" method="POST" >
                                                          @csrf
                                                        <input type="hidden" name="product_id" value="{{$product->id}}">
                                                      </form>  
                                                  @endauth 
                                                  
                                                  <div class="mt-button quick-view"> <a href="{{ route('product_details',$product->slug) }}"> <i class="fa fa-search"></i> </a> </div>
                                                </div>
                                              </div> --}}
                                            </div>
                                            <div class="item-info">
                                              <div class="info-inner">
                                                <div class="item-title"> <a title="{{$product->title}}" href="{{ route('product_details',$product->slug) }}">{{ $product->title }} </a> </div>
                                                <div class="item-content">
                                                  <div class="rating">
                                                      @for ($i = 0; $i < $product->star ; $i++)
                                                          <i class="fa fa-star"></i>
                                                      @endfor
                                                      
                                                      @for ($i = 0; $i < 5-$product->star ; $i++)
                                                          <i class="fa fa-star-o"></i>
                                                      @endfor
                                                  </div>
                                                  <div class="price-box">
                                                    <p class="special-price"> <span class="price-label">Special Price</span> <span class="price"> ৳ {{ number_format($product->sell_price) }} </span> </p>
                                                    @if ($product->discount>0)
                                                      <p class="old-price"> <span class="price-label">Regular Price:</span> <span class="price"> ৳ {{ number_format($product->regular_price) }} </span> </p>
                                                    @endif
                                                    
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                        </div>
                                    </div>
                                  @endforeach

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endforeach

<div style="margin-top: 15px;"></div>


@endsection

@push('js')
<!-- flexslider js --> 
<script src="{{ asset('js/jquery.flexslider.js') }}"></script>
@endpush