@extends('layouts.app-home')
@section('content')
<div class="ltn__breadcrumb-area text-left bg-overlay-white-30 " style="    border-bottom: 1px dotted #ddd;" >
   <div class="container">
      <div class="row direction">
         <div class="col-lg-6">
            <div class="ltn__breadcrumb-inner">
               <h3 class="page-title" >{{$productInfo->title}}</h3>
            </div>
         </div>
         <div class="col-lg-6">
            <div class="ltn__breadcrumb-list " style="text-align: right; ">
            <ul>
                                <li><a href="{{url('user/dashboard')}}" class="active"><span class="ltn__secondary-color"><i class="fa fa-home"></i></span> Home</a></li>
                                <li><i class="fa fa-angle-right"></i></li>
                                <li>   Product Details</li>
                            </ul>
            </div>
         </div>
      </div>
   </div>
</div>

   <!--Start shop area-->
   <section id="shop-area" class="single-shop-area">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                        <div class="shop-content">
                            <!--Start single shop content-->
                            <div class="single-shop-content">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="single-product-image-holder">
                                            @if($productInfo->main_img) 
                                                <img src="{{url('media/product/'.@$productInfo->main_img)}}" alt="{{$productInfo->title}}">
                                                    @else
                                                    <img src="{{url('adminAssets/assets/img/default.png')}}" alt="{{$productInfo->title}}">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="content-box">
                                           
                                            <h2>{{$productInfo->title}}</h2>
                                         
                                           
                                            <div class="text">
                                            <p align="left">Product Availability - @if(!empty($productInfo->stock))<span class="badge badge-success">In Stock</span> @else <span class="badge badge-danger">Out of Stock</span> @endif</p>    
                                            <p align="left">Product Code - {{$productInfo->sku}}</p>    
                                        </div>
                                        @guest
                                        @if(auth()->guard('agent')->user())
                                        <input type="hidden" name="shop_id" id="shop_id" value="{{@$_REQUEST['shop']}}" />

                                        @if($productInfo->discount_price!='0')
                                            <h4 style="color:#8193e7;display: inline-block;padding-right: 10px;margin-top: 0px;">MRP Price</h4>
                                            <del class="me-1">£{{$productInfo->price}}</del> &nbsp; <span class="price"><b>£{{$productInfo->price-$productInfo->discount_price}}</b></span>
                                            @else
                                            <span class="price"><b>£{{$productInfo->price}}</b></span>
                                            
                                            @endif

                                         
                                            <div class="addto-cart-box mt-2">
                                            <div class="quantity mt-2" style="background: #f3f4f8;width:120px;display: inline-block;">
                                                <input type="button" value="-" class="minus" data-quantity="minus" data-field="quantity{{$productInfo->id}}">
                                                <input type="text" step="1" min="1" max="{{$productInfo->stock}}" name="quantity" value="1" title="Qty" class="quantity qty " size="4" id="quantity{{$productInfo->id}}" readonly>
                                                <input type="button" value="+" class="plus" data-quantity="plus" data-field="quantity{{$productInfo->id}}">
                                            </div>  
                                            <button class="btn-one addtocart" type="button"  onclick="add_To_Cart_agent({{$productInfo->id}})">Add to Cart</button>
                                            </div>
                                            @else
                                            <a href="{{url('customer-login')}}" data-lightbox="inline" class="btn btn-primary text-center mb-1" style="width:220px">Login</a>

                                            @endif
                                            @else

                                            @if($productInfo->discount_price!='0')
                                            <h4 style="color:#8193e7;display: inline-block;padding-right: 10px;margin-top: 0px;">MRP Price</h4>
                                            <del class="me-1">£{{$productInfo->price}}</del> &nbsp; <span class="price"><b>£{{$productInfo->price-$productInfo->discount_price}}</b></span>
                                            @else
                                            <span class="price"><b>£{{$productInfo->price}}</b></span>
                                            
                                            @endif

                                         
                                            <div class="addto-cart-box mt-2">
                                            <div class="quantity mt-2" style="background: #f3f4f8;width:120px;display: inline-block;">
                                                <input type="button" value="-" class="minus" data-quantity="minus" data-field="quantity{{$productInfo->id}}">
                                                <input type="text" step="1" min="1" max="{{$productInfo->stock}}" name="quantity" value="1" title="Qty" class="quantity qty " size="4" id="quantity{{$productInfo->id}}" readonly>
                                                <input type="button" value="+" class="plus" data-quantity="plus" data-field="quantity{{$productInfo->id}}">
                                            </div>  
                                            <button class="btn-one addtocart" type="button"  onclick="add_To_Cart({{$productInfo->id}})">Add to Cart</button>
                                            </div>

                                            @endif
                                            <div class="share-products-socials">
                                                <h5>Share This Product</h5>
                                                <ul>
                                                    <li><a href="#"><i class="fa fa-facebook fb" aria-hidden="true"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-twitter tw" aria-hidden="true"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-pinterest pin" aria-hidden="true"></i></a></li>
                                                    <li><a href="#"><i class="fa fa-linkedin lin" aria-hidden="true"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--End single shop content-->
                            <!--Start product tab box-->
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="product-tab-box tabs-box">
                                        <ul class="tab-btns tab-buttons clearfix">
                                            <li data-tab="#desc" class="tab-btn active-btn"><span>Descriprion</span></li>
                                           
                                        </ul>
                                        <div class="tabs-content">
                                            <div class="tab active-tab" id="desc">
                                                <div class="product-details-content">
                                                    <div class="desc-content-box">
                                                    {!! $productInfo->description !!}
                                                    </div>
                                                </div>
                                            </div>
                                          

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--End product tab box-->
                          
                        </div>
                    </div>

                </div>
            </div>
        </section>
        <!--End shop area-->


@endsection

@section('script')
<script type="text/javascript">

function add_To_Cart($pid){
          var pid = $pid;         
          var qty = $('#quantity'+pid).val();
          $.ajax({
            type : "post",
            url  : "{{url('user/add_cart_ajax')}}",
            dataType : "json",
            data : {
                "_token": "{{ csrf_token() }}",
                "qty":qty,
                "productid":pid
                },
            success : function(res){
				swal({ title: res.message,  timer: 3000 }); 
                getallcartlist();
                $('.section-cart').show();
            },
            error : function(e){
                console.log(e);
            }
        });

        };
        function add_To_Cart_agent($pid){
          var pid = $pid;         
          var qty = $('#quantity'+pid).val();
          var shopid = $('#shop_id').val();
          if(!shopid){                    
                    swal({ title: 'Please Select Shop Id',  timer: 3000 });
                    return false;
                }
          $.ajax({
            type : "post",
            url  : "{{url('agent/add_cart_ajax')}}",
            dataType : "json",
            data : {
                "_token": "{{ csrf_token() }}",
                "qty":qty,
                "shopid":shopid,
                "productid":pid
                },
            success : function(res){
				swal({ title: res.message,  timer: 3000 }); 
                getallcartlist();
                $('.section-cart').show();
            },
            error : function(e){
                console.log(e);
            }
        });

        };
</script>
@endsection