@extends('layouts.app-home')
@section('content')
<style>
    ul.brandlist li {
    display: inline-block;
    padding: 6px 16px;
    border: 1px solid #6a6a6aee;
    background: #544a4aee;
    color: #ffff;
    border-radius: 1px;
}
ul.brandlist li a{
    color:#fff
}
ul.brandlist li.active {
    background: #724bdb;
    border: 1px solid #724bdb;
}
</style>

<section class="single-service-area pt-4 bg-grey">
            <div class="container-fuild">
                <div class="row">
               
                    <div class="col-xl-3 col-lg-5 col-md-12 col-sm-12">
                        <div class="single-service-sidebar">
                            <!--Start Single sidebar-->
                            <div class="single-sidebar">
                                <h5 class="pt-3 pb-3 pl-3" style="color: #fff; background: #724bdb;">Categories</h5>
                                <ul class="service-pages">
                                    @foreach($Categorylist as $ctr)
                                    <li class=" @if($ctr->title==$name) active @endif">
                                        <a href="{{url('category/'.$ctr->url_slug)}}">
                                            <div class="title">
                                                <h3 class="static">{{$ctr->title}}</h3>
                                                <div class="overlay-title">
                                                    <h3>{{$ctr->title}}</h3>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    @endforeach
                                  

                                </ul>
                            </div>
                          
                         
                            <!--End Single sidebar-->
                        </div>
                    </div>
                    <div class="col-xl-9 col-lg-7 col-md-12 col-sm-12">
                       
                       
                            <div class="row p-4">
                            <div class="col-xl-12"> 
                            <h4>{{$name}}</h4>
                                <hr/>
                                <ul class="brandlist mb-4">
                                @foreach($brandlist as $bdr)
                                    <li @if($brandid==$bdr->id) class="active" @endif>
                                          @if(auth()->guard('agent')->user())
                                        <a href="{{url('product/'.$bdr->id)}}?area={{@$_REQUEST['area']}}&shop={{@$_REQUEST['shop']}}">
                                            @else
                                            <a href="{{url('product/'.$bdr->id)}}">
                                            @endif
                                            {{$bdr->title}}</a></li>
                                    @endforeach
                                </ul>
                            </div>
                                   @if(@$productInfo[0]->id )                
                                    @foreach($productInfo as $val)
                                    <div class="col-lg-3 col-md-3 col-6 px-2">
                                    <div class="product">
                                    <div class="product-image">
                                    @if($val->main_img)
                                    @if(auth()->guard('agent')->user())
                                        <a href="{{url('product-details/'.$val->id)}}?area={{@$_REQUEST['area']}}&shop={{@$_REQUEST['shop']}}">
                                            @else
                                            <a href="{{url('product-details/'.$val->id)}}">
                                            @endif
                                
                                                            <img src="{{url('media/product/'.@$val->main_img)}}" alt="{{$val->title}}">
                                                            @else
                                                            <img src="{{url('adminAssets/assets/img/default.png')}}" alt="{{$val->title}}">
                                                            @endif
                                    </a>

                                    </div>
                                    <div class="product-desc">
                                        <p align="center">@if(!empty($val->stock))<span class="badge badge-success">In Stock</span> @else <span class="badge badge-danger">Out of Stock</span> @endif</p>
                                    <div class="product-title mb-1"><h3>{{$val->title}}</h3></div>

                                    
                                    <div class="text-center mb-1 mt-2">
                                    @guest
                                    @if(auth()->guard('agent')->user())
                                    <input type="hidden" name="shop_id" id="shop_id" value="{{@$_REQUEST['shop']}}" />

                                    <div class="row text-center mb-1">
                                    <div class="col-6"><p class="mb-1">{{$val->sku}}</p></div>
                                    <div class="col-6"><div class="product-price font-primary text-center">
                                        @if($val->discount_price!='0')
                                       <!-- <del class="me-1">£{{$val->price}}</del>--> <ins>£{{$val->price-$val->discount_price}}</ins>
                                        @else
                                        <ins>£{{$val->price}}</ins>
                                        @endif
                                    </div></div>
                                    <div class="col-8">
                                    
                                    <div class="quantity mt-2" style="background: #f3f4f8;">
                                  

                                                                            <input type="button" value="-" class="minus" data-quantity="minus" data-field="quantity{{$val->id}}">
                                                                            <input type="text" step="1" min="1" max="{{$val->stock}}" name="quantity" value="1" title="Qty" class="quantity qty " size="4" id="quantity{{$val->id}}" readonly>
                                                                            <input type="button" value="+" class="plus" data-quantity="plus" data-field="quantity{{$val->id}}">
                                                                        </div>
</div>
<div class="col-4">
                                    <a href="javascript:void(0);"  class="btn btn-primary text-center mb-1 mt-2 " onclick="add_To_Cart_agent({{$val->id}})"><i class="fa fa-shopping-bag"></i></a>
                                    </div>
</div>
                                    @else 
                                    <div class="row text-center mb-1">
                                    <div class="col-12" align="center"><p class="mb-1">{{$val->sku}}</p></div>
                                       </div>
                                    <a href="{{url('customer-login')}}" data-lightbox="inline" class="btn btn-primary text-center mb-1" style="width:90%">Login</a>
                                    @endif
                                    @else
                                    <div class="row text-center mb-1">
                                    <div class="col-6"><p class="mb-1">{{$val->sku}}</p></div>
                                    <div class="col-6"><div class="product-price font-primary text-center">
                                        @if($val->discount_price!='0')
                                        <!--<del class="me-1">£{{$val->price}}</del>--> <ins>£{{$val->price-$val->discount_price}}</ins>
                                        @else
                                        <ins>£{{$val->price}}</ins>
                                        @endif
                                    </div></div>
                                    <div class="col-8">
                                    
                                    <div class="quantity mt-2" style="background: #f3f4f8;">
                                  

                                                                            <input type="button" value="-" class="minus" data-quantity="minus" data-field="quantity{{$val->id}}">
                                                                            <input type="text" step="1" min="1" max="{{$val->stock}}" name="quantity" value="1" title="Qty" class="quantity qty " size="4" id="quantity{{$val->id}}" readonly>
                                                                            <input type="button" value="+" class="plus" data-quantity="plus" data-field="quantity{{$val->id}}">
                                                                        </div>
</div>
<div class="col-4">
                                    <a href="javascript:void(0);"  class="btn btn-primary text-center mb-1 mt-2 " onclick="add_To_Cart({{$val->id}})"><i class="fa fa-shopping-bag"></i></a>
                                    </div>
</div>
                                    @endif
                                    </div>



                                    </div>
                                    </div>
                                    </div>
                                   
                                    @endforeach
                                    @else                                  
                                   <div align="center"> <h3>Product Not Found</h3></div>
                                    @endif
                            
                        </div>

                       

                    


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

<section class="about-one pd-120-0-120 " style="padding: 10px 0;"></section>

@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