@extends('layouts.frontend.app')

@section('content')


<div id="homepage-8">
       
 <div class="ps-home-banner">
    <div class="container-fluid">
        <div class="row">
        <div class="col-lg-8 col-md-8 col-xs-12">
            <div class="ps-carousel--nav-inside owl-slider" data-owl-auto="true" data-owl-loop="true" data-owl-speed="5000" data-owl-gap="0" data-owl-nav="true" data-owl-dots="true" data-owl-item="1" data-owl-item-xs="1" data-owl-item-sm="1" data-owl-item-md="1" data-owl-item-lg="1" data-owl-duration="1000" data-owl-mousedrag="on" data-owl-animate-in="fadeIn" data-owl-animate-out="fadeOut">
                @foreach($sliders as $slider)
                <a href="{{$slider->url}}"><div class="ps-banner--furniture" data-background="{{ URL::asset('storage/slider/homepage/'. $slider->banner_image) }}">
                    <img src="{{ URL::asset('storage/slider/homepage/'. $slider->banner_image) }}" alt="">
                </div></a>
                @endforeach
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-xs-12">
            @foreach($sidebanners as $sidebanner)
            <div class="box-site-img-cate">
                <a href="{{$sidebanner->url}}">
                    <h3>{{$sidebanner->name}}</h3>
                    <img src="{{ URL::asset('storage/slider/sidebanner/'. $sidebanner->banner_image) }}">
                </a>
            </div>
            @endforeach
        </div>
    </div>
    </div>
</div> 


<div class="ps-site-features">
       
    <div class="container-fluid costum-container">
    @if ($message = Session::get('error'))
		<div class="alert alert-danger alert-block">
			<button type="button" class="close" data-dismiss="alert">×</button>	
				<strong>{{ $message }}</strong>
		</div>
		@endif
		@if ($message = Session::get('success'))
			<div class="alert alert-success alert-block">
				<button type="button" class="close" data-dismiss="alert">×</button>	
					<strong>{{ $message }}</strong>
			</div>
		@endif
        <div class="ps-block--site-features ps-block--site-features-2">
            <div class="ps-block__item">
                <div class="ps-block__left">{!! $homepagesettings->delivery_icon !!}</div>
                <div class="ps-block__right">
                    <h4>{{ $homepagesettings->delivery_heading }}</h4>
                    <p>{{ $homepagesettings->delivery_text }}</p>
                </div>
            </div>
            <div class="ps-block__item">
                <div class="ps-block__left">{!! $homepagesettings->return_icon !!}</div>
                <div class="ps-block__right">
                    <h4>{!! $homepagesettings->return_heading !!}</h4>
                    <p>{!! $homepagesettings->return_text !!}</p>
                </div>
            </div>
            <div class="ps-block__item">
                <div class="ps-block__left">{!! $homepagesettings->payment_icon !!}</div>
                <div class="ps-block__right">
                    <h4>{!! $homepagesettings->payment_heading !!}</h4>
                    <p>{!! $homepagesettings->payment_text !!}</p>
                </div>
            </div>
            <div class="ps-block__item">
                <div class="ps-block__left">{!! $homepagesettings->support_icon !!}</div>
                <div class="ps-block__right">
                    <h4>{!! $homepagesettings->support_heading !!}</h4>
                    <p>{!! $homepagesettings->support_text !!}</p>
                </div>
            </div>
        </div>
    </div>
</div>
       

 <div class="ps-home-promotions today-offer-deal" style="padding-bottom: 0px;    background: #f4f4f4;">
        <div class="container-fluid costum-container">
            <div class="ps-section__header pb-40 pt-30">
            {!! $homepagesettings->heading3 !!}
            </div>
            <div class="row">
                @foreach($productspart as $productpart)
               <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-6 ">
                    <div class="ps-block--category"><a href="{{url('product-parts')}}/{{$productpart->productpart_slug}}"></a><img src="{{ URL::asset('storage/product/medium/'. $productpart->productpart_image) }}" alt="Inkjet Printer">
                        <p>{{$productpart->productpart_name}}</p>
                        <button type="submit" class="home-btn ps-btn--black" name="AddToCart" value="Add to cart">Add to cart</button>
                        <button type="submit" class="home-btn ps-btn--black" style="background: #eb1c24;" name="AddToCart" value="Buy Now">Buy Now</button>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>      
       
       
<div class="best-seler-sec bg-f4f4f4">
    <div class="container-fluid costum-container">
        <div class="ps-layout__right">
    <div class="ps-block--shop-features">
        <div class="ps-block__header">
            <div class="ps-section__header">
                    {!! $homepagesettings->heading1 !!}
                </div>
            <div class="ps-block__navigation"><a class="ps-carousel__prev" href="#recommended1"><i class="icon-chevron-left"></i></a><a class="ps-carousel__next" href="#recommended1"><i class="icon-chevron-right"></i></a></div>
        </div>
        <div class="ps-block__content">
            <div class="owl-slider" id="recommended1" data-owl-auto="true" data-owl-loop="true" data-owl-speed="10000" data-owl-gap="30" data-owl-nav="false" data-owl-dots="false" data-owl-item="6" data-owl-item-xs="2" data-owl-item-sm="2" data-owl-item-md="3" data-owl-item-lg="4" data-owl-item-xl="5" data-owl-duration="1000" data-owl-mousedrag="on">
                @foreach($products as $product)
                <div class="ps-product">
                <form name="addtoCartForm" action="{{ url('/add-cart') }}" id="addtoCartForm" method="post">{{ csrf_field() }}
                    <input type="hidden" name="product_id" value="{{$product->id}}">
                    <input type="hidden" name="product_name" value="{{$product->product_name}}">
                    <input type="hidden" name="product_code" value="{{$product->product_code}}">
                    <input type="hidden" id="price" name="price" value="{{$product->selling_price}}">
                    <input type="hidden" id="quantity" name="quantity" value="1">
                    <div class="ps-product__thumbnail"><a href="{{url('products')}}/{{$product->slug}}"><img src="{{ URL::asset('storage/product/medium/'. $product->product_image) }}" alt=""></a>
                        <ul class="ps-product__actions">
                        <li><a href="{{url('products')}}/{{$product->slug}}" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-eye"></i></a></li>
												<!-- <li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li> -->
												<li><button type="submit" data-toggle="tooltip" data-placement="top" title="Add to cart" name="AddToCart" value="Add to cart"><i class="icon-bag2"></i></button></li>
                            <li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
                        </ul>
                    </div>
                    <div class="ps-product__container"><a class="ps-product__vendor" href="{{url('products')}}/{{$product->slug}}">{{$product->category_name}}</a>
                        <div class="ps-product__content"><a class="ps-product__title" href="{{url('products')}}/{{$product->slug}}">{{$product->product_name}}</a>
                            <div class="ps-product__rating">
                                <select class="ps-rating" data-read-only="true">
                                    <option value="1">1</option>
                                    <option value="1">2</option>
                                    <option value="1">3</option>
                                    <option value="1">4</option>
                                    <option value="2">5</option>
                                </select><span>01</span>
                            </div>
                            <p class="ps-product__price">${{$product->regular_price}}</p>
                        </div>
                        <div class="ps-product__content hover"><a class="ps-product__title" href="{{url('products')}}/{{$product->slug}}">{{$product->product_name}}</a>
                            <p class="ps-product__price">${{$product->regular_price}}</p>
                        </div>
                        
                        <button type="submit" class="home-btn ps-btn--black" name="AddToCart" value="Add to cart">Add to cart</button>
                        <button type="submit" class="home-btn ps-btn--black" style="background: #eb1c24;" name="AddToCart" value="Buy Now">Buy Now</button>
                        
                    </div>
                </form>
                </div>
                @endforeach
            </div>
        </div>
    </div>

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


<div class="ps-home-promotions multibottom-imgslide">
    <div class="container-fluid costum-container">
        <div class="row">
            
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">
                <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                  <div class="carousel-inner">
                    <div class="carousel-item active">
                      <img class="d-block w-100" src="{{ URL::asset('storage/slider/middel/'. $homepagesettings->middel_slider_one) }}" alt="First slide">
                    </div>
                    <div class="carousel-item">
                      <img class="d-block w-100" src="{{ URL::asset('storage/slider/middel/'. $homepagesettings->middel_slider_two) }}" alt="Second slide">
                    </div>
                  </div>
                  <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                  </a>
                  <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                  </a>
                </div>
            </div>
        </div>
    </div>
</div>
        
<div class="ps-home-promotions" style="padding-bottom: 0px;padding-top: 0px;">
    <div class="container-fluid costum-container">
        <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">
                <a class="ps-collection" href="#"><img src="{{ URL::asset('storage/slider/middel/'. $homepagesettings->banner) }}" alt=""></a>
            </div>
        </div>
    </div>
</div>
        
        
<div class="ps-home-promotions today-offer-deal ">
    <div class="container-fluid costum-container">
        <div class="ps-section__header pb-30">
        {!! $homepagesettings->heading1 !!}
        </div>
        <div class="row">
            @foreach($todaysdeals as $todaysdeal)
            <div class="col-md-2 col-sm-2 col-xs-12 col-lg-2">
                <div class="product-grid">
                    <div class="product-image">
                        <a href="{{url('products')}}/{{$todaysdeal->slug}}" class="image">
                            <img class="pic-1" src="{{ URL::asset('storage/product/thumbnail/'. $todaysdeal->product_image) }}">
                        </a>
                    </div>
                    <div class="product-content">
                        <h3 class="title"><a href="{{url('products')}}/{{$todaysdeal->slug}}">{{$todaysdeal->product_name}}</a></h3>
                        <div class="extra"><p>30 % Off</p></div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>

    
        
         <div class="ps-home-promotions today-offer-deal">
            <div class="container-fluid costum-container">
                <div class="ps-section__header-update-headeing">
                    <div class="ps-section">
                    {!! $homepagesettings->heading4 !!}
                    </div>
                    <div class="view-all-button">
                        <a href="#">View All Products</a>
                    </div>
                </div>
                <div class="row">
                    @foreach($blogs as $blog)
                   <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-6 ">
                        <div class="got-style-cate">
                            <a href="{{url('blog')}}/{{$blog->slug}}">
                                <img src="{{ URL::asset('storage/blogs/'. $blog->image) }}" alt="Inkjet Printer">
                            </a>
                            <h3>{{$blog->title}}</h3>
                            <p>{!! $blog->description !!}</p>
                        </div>
                    </div>
                    @endforeach
                    
                    
                </div>
            </div>
        </div>
        
        
<div class="best-seler-sec bg-f4f4f4 trending-category-section">
    <div class="container-fluid costum-container">
        <div class="ps-layout__right">
            <div class="ps-block--shop-features">
                <div class="ps-block__header">
                    <div class="ps-section__header">
                    {!! $homepagesettings->heading5 !!}
                    </div>
                </div>

                <div class="row">
                    @foreach($productcat as $procat)
                    <div class="col-sm-3 col-lg-3 col-md-3 col-xs-6">
                        <div class="ps-product">
                            <div class="ps-product__thumbnail"><a href="{{url('products/by/category')}}/{{$procat->cat_slug}}">
                                <img src="{{ URL::asset('storage/category/'. $procat->image) }}" alt=""></a>
                                <button type="submit" class="home-btn ps-btn--black" name="AddToCart" value="Add to cart">Add to cart</button>
                                <button type="submit" class="home-btn ps-btn--black" style="background: #eb1c24;" name="AddToCart" value="Buy Now">Buy Now</button>
                            </div>
                        </div>
                    </div>
                   @endforeach
                </div>

            </div>

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


        
        <div class="ps-home-promotions today-offer-deal bg-f4f4f4" style="padding: 50px 0;">
            <div class="container-fluid costum-container">
                <div class="ps-section__header">
                {!! $homepagesettings->heading7 !!}
                </div>
                <br>
                <div class="row">
                @foreach($trendingsearch as $trending)
                 <div class="col-sm-4 col-lg-4 col-xs-12">
                     <div class="trending-search">
                       <a href="{{url('/products')}}/{{$trending->slug}}"><h3>{{$trending->product_name}}</h3></a>
                     </div>
                 </div>
                 @endforeach
                   
                </div>
            </div>
        </div>
        

        <div class="ps-home-promotions ps-best-sale-brands ps-section--furniture">
            <div class="container-fluid costum-container">
                <div class="ps-section__header">
                    <h3>BEST <span>SELLER</span> BRANDS</h3>
                </div>
                <div class="ps-section__content">
                    <ul class="ps-image-list">
                        @foreach($partners as $partner)
                        <li><a href=""><img src="{{ URL::asset('storage/partners/'. $partner->image) }}" alt="solvent-printer"></a></li>
                       @endforeach
                    </ul>
                </div>
            </div>
        </div>
    </div>

</div>
    
@endsection