@extends('layouts.landingapp')
@section('content')
 <!-- Breadcrumb Begin -->
 <div class="breadcrumb-option">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb__links">
                    <a href="{{ url('/') }}"><i class="fa fa-home"></i> Home</a>
                    <span>Shop</span>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Breadcrumb End -->

<!-- Shop Section Begin -->
<section class="shop spad">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-3">
                <div class="shop__sidebar">
                    @if($Stores->count())
                    <div class="sidebar__categories">
                        <div class="section-title">
                            <h4>Related Stores</h4>
                        </div>
                        <div class="categories__accordion">
                            <div class="accordion" id="accordionExample">
                                @foreach($Stores as $item)
                                <div class="card">
                                    <div class="card-heading active">
                                        <a href="{{url('StoreProducts/'.$item->id)}}" >{{$item->title}}</a>
                                    </div>
                                    {{-- <div id="collapseOne" class="collapse show" data-parent="#accordionExample">
                                        <div class="card-body">
                                            <ul>
                                                <li><a href="#">Coats</a></li>
                                                <li><a href="#">Jackets</a></li>
                                                <li><a href="#">Dresses</a></li>
                                                <li><a href="#">Shirts</a></li>
                                                <li><a href="#">T-shirts</a></li>
                                                <li><a href="#">Jeans</a></li>
                                            </ul>
                                        </div>
                                    </div> --}}
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @endif
                   
                    {{-- <div class="sidebar__sizes">
                        <div class="section-title">
                            <h4>Sort by Price</h4>
                        </div>
                        <form id="filter" action="{{url('/Products')}}" method="GET">
                        <div class="size__list">
                            <label for="price500">
                                100 - 500
                                <input type="checkbox" id="price500" name="price500" @if(!empty($price500)) checked @endif  value="500">
                                <span class="checkmark"></span>
                            </label>
                            <label for="price1500">
                                500 - 1500
                                <input type="checkbox" id="price1500" name="price1500" @if(!empty($price1500)) checked @endif value="1500">
                                <span class="checkmark"></span>
                            </label>
                            <label for="price3000">
                               1500 - 3000
                                <input type="checkbox" id="price3000" name="price3000" @if(!empty($price3000)) checked @endif value="3000">
                                <span class="checkmark"></span>
                            </label>
                            <label for="price6000">
                               3000 - 6000
                                <input type="checkbox" id="price6000" name="price6000" @if(!empty($price6000)) checked @endif value="6000">
                                <span class="checkmark"></span>
                            </label>
                            <label for="price6000">
                            <a class="pricefilter" onclick="filterAmount()">Filter</a></span>
                            </label>
                        </div>
                        </form>
                    </div> --}}
               
                
                </div>
            </div>
            <div class="col-lg-9 col-md-9">
            <div class="row">
            @if($Bannerimg)
    <section style="background-image:none;">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-12 col-lg-12 m-auto">
                    <div class="top-banner" style="padding-bottom: 14px;">
                        <img src="{{url('storage/images/storebanners/'.$Bannerimg->image)}}">
                    </div>
                </div>
            </div>
        </div>
    </section>
        @endif
            </div>
            @if($CategoryProducts->count())
                <div class="row">
                    @foreach($CategoryProducts as $CategoryProduct)
                    <div class="col-lg-4 col-md-6 col-6">
                        <div class="product__item sale">
                            <div class="product__item__pic set-bg" data-setbg="{{url('storage/images/products/'.$CategoryProduct->image)}}" onclick="window.location.href ='{{url('/shope/'.$CategoryProduct->id)}}';">
                                <ul class="product__hover">
                                    @if($CategoryProduct->ProductProperties()->count() != 0)
                                    @foreach($CategoryProduct->ProductProperties as $item)
                                    <li>{{$CategoryProduct->product_property_type_value->title ?? ''}}</li>
                                    @endforeach
                                    @endif
                                </ul>
                            </div>
            
                            <div class="product__item__text">
                                <h6><a href="{{url('/shope/'.$CategoryProduct->id)}}">{{$CategoryProduct->title}}</a></h6>                               
                                <div class="product__price">@currency($CategoryProduct->sales_amount)<span>@currency($CategoryProduct->mrp)</span></div>
                            </div>
                        </div>
                    </div>
                    @endforeach                   
                </div>
            @else
            <div class="row">
                <div class="col-lg-12 col-md-12 col-12">
                    <div class="card">
                        <div class="card-body">
                          No items avilable
                        </div>
                      </div>
                </div>
            </div>
            @endif
            </div>
        </div>
    </div>
</section>
<!-- Shop Section End -->

<!-- Instagram Begin -->
<div class="instagram">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-2 col-md-4 col-sm-4 p-0">
                <div class="instagram__item set-bg" data-setbg="{{ asset('ashion/img/instagram/insta-1.jpg') }}">
                    <div class="instagram__text">
                        <i class="fa fa-instagram"></i>
                        <a href="#">@ ashion_shop</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-4 p-0">
                <div class="instagram__item set-bg" data-setbg="{{ asset('ashion/img/instagram/insta-2.jpg') }}">
                    <div class="instagram__text">
                        <i class="fa fa-instagram"></i>
                        <a href="#">@ ashion_shop</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-4 p-0">
                <div class="instagram__item set-bg" data-setbg="{{ asset('ashion/img/instagram/insta-3.jpg') }}">
                    <div class="instagram__text">
                        <i class="fa fa-instagram"></i>
                        <a href="#">@ ashion_shop</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-4 p-0">
                <div class="instagram__item set-bg" data-setbg="{{ asset('ashion/img/instagram/insta-4.jpg') }}">
                    <div class="instagram__text">
                        <i class="fa fa-instagram"></i>
                        <a href="#">@ ashion_shop</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-4 p-0">
                <div class="instagram__item set-bg" data-setbg="{{ asset('ashion/img/instagram/insta-5.jpg') }}">
                    <div class="instagram__text">
                        <i class="fa fa-instagram"></i>
                        <a href="#">@ ashion_shop</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-4 p-0">
                <div class="instagram__item set-bg" data-setbg="{{ asset('ashion/img/instagram/insta-6.jpg') }}">
                    <div class="instagram__text">
                        <i class="fa fa-instagram"></i>
                        <a href="#">@ ashion_shop</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Instagram End -->


<script>
    function add_to_cart(productID){
    
        $.get('/add-to-cart/'+productID, function(data){
    
            document.getElementById("spanCartCount").innerHTML=data;
            $('#cartdiv').load(document.URL + ' #cartdiv'); 
           
                });
    
    }
    </script>
@endsection