@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>
                    <a href="#">Women’s </a>
                    <span>Essential structured blazer</span>
                </div>
            </div>
        </div>
    </div>
</div> --}}
<!-- Breadcrumb End -->

<!-- Product Details Section Begin -->
<section class="product-details spad">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
            @if($Product->image)
            <div class="product__details__pic">
                                        
                        <div class="product__details__pic__left product__thumb nice-scroll">
                            @if($Product->image)
                            <a class="pt active" href="#product-1">
                                <img src="{{asset('storage/images/products/'.$Product->image)}}" alt="">
                            </a>
                            @endif
                            @php $i=2; @endphp
                            @foreach($ProductImages as $ProductImage)
                            <a class="pt" href="#product-{{$i++}}">
                                <img src="{{asset('storage/images/productimages/'.$ProductImage->images)}}" alt="">
                            </a>
                            @endforeach                          
                        </div>
                       
                        <div class="product__details__slider__content">
                            <div class="product__details__pic__slider owl-carousel">
                            @if($Product->image)
                                <img data-hash="product-1" class="product__big__img" src="{{asset('storage/images/products/'.$Product->image)}}" alt="">
                                @endif
                                @php $i=2; @endphp
                            @foreach($ProductImages as $ProductImage)
                                <img data-hash="product-{{$i++}}" class="product__big__img" src="{{asset('storage/images/productimages/'.$ProductImage->images)}}" alt="">
                            @endforeach
                              {{--  <img data-hash="product-3" class="product__big__img" src="{{ asset('ashion/img/product/details/product-2.jpg') }}" alt="">
                                <img data-hash="product-4" class="product__big__img" src="{{ asset('ashion/img/product/details/product-4.jpg') }}" alt=""> --}}
                            </div>
                        </div>
                                           
                    </div>
            </div>
            @endif
            <div class="col-lg-6">
                <div class="product__details__text">
                    {{-- <h3>Essential structured blazer <span>Brand: SKMEIMore Men Watches from SKMEI</span></h3> --}}
                    <h3>{{$Product->title}}</h3>
                    {{-- <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <span>( 138 reviews )</span>
                    </div> --}}
                    <div class="product__details__price">@currency($Product->sales_amount) <span>@currency($Product->mrp)</span></div>
                     
                    
                    <p>{{$Product->narration}}</p>
                   
            @if(App\Http\Controllers\CartController::chekcCart($Product->id) == true)
            <div class="product__details__button">
                <a href="{{route('order-to-stores')}}" class="cart-btn">GO to Cart</a>
            </div>
            @else

                    @if($Product->ProductProperties)
                        <table class="table">
                            <tbody>
                                @php
                                    $arPrperties=[];
                                @endphp
                            @foreach($Product->ProductProperties as $item)
                                <tr>
                                <td>{{$item->product_property_type->title}}</td>
                                <td>{{$item->product_property_type_value->title}}</td>
                               
                                <td><input type="radio" id="valueID{{$item->id}}" @if(!in_array($item->product_property_type->id,$arPrperties)) checked @endif value="{{$item->product_property_type_value->id}}" name="{{$item->product_property_type->title}}"></td> 
                                @php
                                    array_push($arPrperties,$item->product_property_type->id);
                                @endphp                              
                                </tr>
                                @endforeach 
                            </tbody>
                            </table>
                            @endif

                    <div class="product__details__button">
                        {{-- <div class="quantity">
                            <span>Quantity:</span>
                            <div class="pro-qty">
                                <input type="text" value="1">
                            </div>
                        </div> --}}                      
                        <a onclick="add_to_cart({{$Product->id}})" class="kartinn-cursor cart-btn"><span class="icon_bag_alt"></span> Add to cart</a>
                      
                        <ul>
                            <li><a href="#"><span class="icon_heart_alt"></span></a></li>
                            <li><a ><span class="icon_adjust-horiz"></span></a></li>
                        </ul>
                    </div>
            @endif

                    {{-- <div class="product__details__widget">
                        <ul>
                            <li>
                                <span>Availability:</span>
                                <div class="stock__checkbox">
                                    <label for="stockin">
                                        In Stock
                                        <input type="checkbox" id="stockin">
                                        <span class="checkmark"></span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <span>Available color:</span>
                                <div class="color__checkbox">
                                    <label for="red">
                                        <input type="radio" name="color__radio" id="red" checked>
                                        <span class="checkmark"></span>
                                    </label>
                                    <label for="black">
                                        <input type="radio" name="color__radio" id="black">
                                        <span class="checkmark black-bg"></span>
                                    </label>
                                    <label for="grey">
                                        <input type="radio" name="color__radio" id="grey">
                                        <span class="checkmark grey-bg"></span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <span>Available size:</span>
                                <div class="size__btn">
                                    <label for="xs-btn" class="active">
                                        <input type="radio" id="xs-btn">
                                        xs
                                    </label>
                                    <label for="s-btn">
                                        <input type="radio" id="s-btn">
                                        s
                                    </label>
                                    <label for="m-btn">
                                        <input type="radio" id="m-btn">
                                        m
                                    </label>
                                    <label for="l-btn">
                                        <input type="radio" id="l-btn">
                                        l
                                    </label>
                                </div>
                            </li>
                            <li>
                                <span>Promotions:</span>
                                <p>Free shipping</p>
                            </li>
                        </ul>
                    </div> --}}
                </div>
            </div>
            <div class="col-lg-12">
                <div class="product__details__tab">
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab">Description</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab">Reviews</a>
                        </li>
                        {{-- <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab">Reviews ( 2 )</a>
                        </li> --}}
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tabs-1" role="tabpanel">
                            <h6>Description</h6>
                            <p>{{$Product->description}}</p>
                          
                        </div>
                        <div class="tab-pane" id="tabs-2" role="tabpanel">
                            <h6>Review</h6>
                            <p>Nemo1 enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut loret fugit, sed
                                quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt loret.
                                Neque porro lorem quisquam est, qui dolorem ipsum quia dolor si. Nemo enim ipsam
                                voluptatem quia voluptas sit aspernatur aut odit aut loret fugit, sed quia ipsu
                                consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Nulla
                            consequat massa quis enim.</p>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
                                dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes,
                                nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium
                            quis, sem.</p>
                        </div>                        
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12 text-center">
                <div class="related__title">
                    <h5>RELATED PRODUCTS</h5>
                </div>
            </div>
            @if(isset($related))
                @foreach($related as $item)
            <div class="col-lg-3 col-md-4 col-6">                
                <div class="product__item">
                    <div class="product__item__pic set-bg" data-setbg="{{url('storage/images/products/'.$item->image)}}" onclick="window.location.href ='{{url('/shope/'.$item->id)}}';">
                        {{-- <div class="label new">New</div> --}}
                        {{-- <ul class="product__hover">
                            <li><a href="{{url('storage/images/products/'.$item->image)}}" class="image-popup"><span class="arrow_expand"></span></a></li>
                            <li><a href="#"><span class="icon_heart_alt"></span></a></li>
                            <li><a onclick="add_to_cart({{$item->id}})"><span class="icon_bag_alt"></span></a></li>
                        </ul> --}}
                    </div>
                    <div class="carting">
                        <div class="fn-icon"><a href="{{url('storage/images/products/'.$item->image)}}" class="image-popup"><span class="arrow_expand"></span></a></div>
                        <div class="fn-icon"><a href="#"><span class="icon_heart_alt"></span></a></div>
                        <div class="fn-icon"><a href="" onclick="add_to_cart({{$item->id}})"><span class="icon_bag_alt"></span></a></div>
                    </div>    
                    <div class="product__item__text">
                        <h6><a href="{{url('/shope/'.$item->id)}}">{{$item->title}}</a></h6>
                        
                        {{-- <div class="product__price">$ 59.0</div> --}}
                        <div class="product__price">@currency($item->sales_amount)<span>@currency($item->mrp)</span></div>
                    </div>
                </div>
            </div>
            @endforeach
            @endif
            
        </div>
    </div>
</section>
<!-- Product Details Section End -->

<script>
    function add_to_cart(productID){

        var x = [];
        @if($Product->ProductProperties)
           @foreach($Product->ProductProperties as $item)          
             if(document.getElementById("valueID{{$item->id}}").checked == true){
               x.push("{{$item->product_property_type_value->id}}");
             }            
           @endforeach       
        @endif
      
    
        // $.get('/add-to-cart/'+productID+'/'+x, function(data){
        //     alert(data);              
        //     document.getElementById("spanCartCount").innerHTML=data;
        //     $('#cartdiv').load(document.URL + ' #cartdiv'); 
           
        //         });

        $.ajax({
            url: '{{ route('add-to-cart') }}',
            method: "get",
            data: {_token: '{{ csrf_token() }}',ProductID:productID,PropertyTypeValueIDs:x },
                                        success: function (response){ 
                                                    document.getElementById("spanCartCount").innerHTML=response;
                                                    // $('#cartdiv').load(document.URL + ' #cartdiv'); 
                                                    location.reload();
                                                                                   
                                                        }
                        });  
    
    }
    </script>



@endsection