@extends('layouts.app-home')
@section('content')
<style>
    .header-style2.stricky-fixed {   
    z-index: 999;
    }</style>
<div class="ltn__breadcrumb-area text-left bg-overlay-white-30 ">
        <div class="container">
            <div class="row direction">
                <div class="col-lg-6">
                    <div class="ltn__breadcrumb-inner mt-2">
                        <h3 class="page-title" >   Shopping Cart</h3>
                        
                    </div>
                </div>
                <div class="col-lg-6">

                	<div class="ltn__breadcrumb-list mt-1" style="text-align: right;  \">
                            <ul>
                                <li><a href="{{url('user/dashboard')}}"><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>   Shopping Cart</li>
                            </ul>
                        </div>
                  </div>
            </div>
        </div>
    </div>
    <section class="cart-area" style="    background: #f8f8f8;">
            <div class="container">
            <div class="cart-section p-4" style="    background: #fff;">
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                        <div class="table-outer">
                            <table class="cart-table">
                                <thead class="cart-header">
                                    <tr>
                                        <th>SKU</th>
                                        <th class="prod-column">Name</th>
                                        <th>Quantity</th>
                                        <th>Price</th>
                                        <th>Net</th>
                                        <th class="availability">VAT ({{$setting->tax}}%)</th>
                                       
                                        <th>Total</th>
                                        <th>Remove</th>
                                    </tr>
                                </thead>
                                <tbody>
                                @php $totalprice=null; @endphp
                                    @foreach($cart as $val)
                                    <td data-title="Product SKU" style="font-size: 13px; font-weight: 500;">{{$val->product->sku}}</td>
										<td data-title="Product Name">{{$val->product->title}}</td>
										
                                        <td data-title="Quantity"><div class="quantity" style="background: #f3f4f8;">
                                        <input type="button" value="-" class="minus" onclick="qtyupdateMinus({{$val->id}})">
                                        <input type="text" step="1" min="1" max="{{$val->stock}}" name="quantity" value="{{$val->qty}}" title="Qty" class="qty quantity" size="4" id="quantity{{$val->id}}" style="padding-right: 0; width: 50px; text-align: center;    margin-bottom: 4px;" readonly>
                                        <input type="button" value="+" class="plus" onclick="qtyupdatePlus({{$val->id}})">
                                    </div>
                                           </td>
										<td class="subtotal" data-title="Price"> @if($val->product->discount_price!='0')
                                                           £ @php echo $price=$val->product->price-$val->product->discount_price; @endphp
                                                            @else
                                                            £  @php echo $price=$val->product->price; @endphp
                                                            @endif
										</td>
										

										<td class="total" data-title="Total" style="color: #724bdb;">£ {{$GetTotal=$price*$val->qty}}</td>
                                        <td class="total" data-title="Total" >£ @php echo $vat=round($GetTotal*$setting->tax/100,2); @endphp</td>
                                        <td class="total" data-title="Total" style="color: #ff0000;">£ {{$GetTotal+$vat}}</td>
                                        

										<!-- - - - - - - - - - - - - - End of total - - - - - - - - - - - - - - - - -->

										<!-- - - - - - - - - - - - - - Action - - - - - - - - - - - - - - - - -->

										<td data-title="Action">

										<a href="javascript:void(0);" class="button_dark_grey icon_btn remove_product" onclick="remove_cart({{$val->id}})"><i class="fa fa-trash"></i></a>

										</td>

</tr>
@php $totalprice +=$GetTotal+$vat; @endphp
                                    @endforeach
                                  
                                   
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                @if(@$_REQUEST['verify']=='1')
               
                <form action="{{url('agent/payment')}}" method="post">
                    @else
                    <form>
                    @endif
                              @csrf 
                <div class="row cart-bottom">
                    <div class="col-xl-6 col-lg-5 col-md-12 col-sm-12">
                      &nbsp;
                    </div>
                    <!--Start cart total -->
                    <div class="col-xl-6 col-lg-7 col-md-12 col-sm-12">
                        <div class="cart-total">
                            <div class="shop-page-title">
                                <div class="title">Order <span>Summary</span></div>
                            </div>
                            <ul class="cart-total-table">
                                <li class="clearfix">
                                    <span class="col col-title">Cart Subtotal</span>
                                    <span class="col" style="  text-align: right;">£ {{$totalprice}}</span>
                                </li>
                                <li class="clearfix">
                                    <span class="col col-title">Delivery Charge</span>
                                    <span class="col" style="  text-align: right;">£ {{$setting->shippingPrice}}</span>
                                </li>
                                <li class="clearfix">
                                    <span class="col col-title">Order Total</span>
                                    <span class="col" style="color: #007bff;  text-align: right;"><b>£ {{$setting->shippingPrice+$totalprice}}</b></span>
                                </li>
                            </ul>
                           
                         
                            <div aling="right">
                            <a href="{{url('/products?area='.$customer->area.'&shop='.$customer->id)}}"><button type="button" class="btn-one checkout-btn " style="width: 49%;"><i class="fa fa-arrow-left"></i> Back</button></a>  
                         
                          <button type="button" class="btn-one checkout-btn"    data-toggle="modal" data-target="#ShopEdit" style="width: 49%;    background: #724bdb;color:#fff"><i class="fa fa-star"></i> Verify Details</button>

                

                                 
                             

                              </div>
                            
                          
                        </div>
                    </div>
                    @if(@$_REQUEST['verify']=='1')
                    <div class="col-lg-6 ">
                            <label>Payment Method</label>
                          
                            <select name="payment_method" class=" form-control" >
                                <option value="cod">Case On Delivery</option>
                                <option value="bank">Bank Transfer</option>
                            </select>
                               </div>
                               <div class="col-lg-6 ">
                               <button type="submit" class="btn-one checkout-btn" style="width: 100%;    background: #724bdb;color:#fff"> Place Order</button>  
                             
                            </div>
                            @endif
                    <!--End cart total -->
                </div>
</form>
                </div>

            </div>
        </section>

  <!-- ShopEdit Modal template -->
  @if(@$customer->id)
  <div class="modal fade" id="ShopEdit">
                                    <div class="modal-dialog">
                                        <form action="{{url('agent/report/edit_shop2/'.$customer->id)}}" method="post" class="modal-content">
                                            @csrf
                                            <div class="modal-header" style="border-bottom: 1px solid #eee;padding-bottom: 15px;">
                                                <h5 class="modal-title">Edit Shop</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                                                
                                            </div>
                                           
                                            <div class="modal-body p-4">
                                                <div class="form-row">
                                                    <div class="form-group col">
                                                        <label class="form-label">Select Area <span class="error">*</span></label>
                                                        <select name="area" class="form-control select2" >
                                                                <option value="">--Select--</option>
                                                                @foreach($area as $arval)
                                                                <option value="{{$arval->id}}" @if($customer->area==$arval->id) selected @endif>{{$arval->name}}</option>
                                                                @endforeach
                                                        </select>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-6 mb-0">
                                                        <label class="form-label">Shop Name <span class="error">*</span></label>
                                                        <input type="text" class="form-control" name="name" value='{{$customer->name}}' required>                                                      <div class="clearfix"></div>
                                                    </div>
                                                    <div class="form-group col mb-0">
                                                        <label class="form-label">Owner Name <span class="error">*</span></label>
                                                        <input type="text" class="form-control" name="owner_name" value='{{$customer->owner_name}}' required>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                </div>
                                                <div class="form-row mt-2">
                                                    <div class="form-group col-6 mb-0">
                                                        <label class="form-label">Email Address <span class="error">*</span></label>
                                                        <input type="email" class="form-control" name="email" value='{{$customer->email}}' required>                                                      <div class="clearfix"></div>
                                                    </div>
                                                    <div class="form-group col mb-0">
                                                        <label class="form-label">Mobile No <span class="error">*</span></label>
                                                        <input type="text" class="form-control" name="mobile" value='{{$customer->mobile}}' required>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                </div>
                                                <div class="form-row mt-2">
                                                    <div class="form-group col-6 mb-0">
                                                        <label class="form-label">Country <span class="error">*</span></label>
                                                        <select class="form-control Country" name="country" required="">
                                                        <option value="">Select Country</option>
                                                        @foreach($country as $val)
                                                        <option value="{{$val->id}}" @if($customer->country==$val->id) selected @endif>{{$val->name}}</option>
                                                        @endforeach
                                                        </select>                                                 <div class="clearfix"></div>
                                                    </div>
                                                    <div class="form-group col mb-0">
                                                        <label class="form-label">State <span class="error">*</span></label>
                                                        <select class="form-control State" name="state" required="">
                                                        <option value="">Select State</option>
                                                        @foreach($state as $sval)
                                                        <option value="{{$sval->id}}" @if($customer->state==$sval->id) selected @endif>{{$sval->name}}</option>
                                                        @endforeach
                                                        </select>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                </div>
                                                <div class="form-row mt-2">
                                                   
                                                    <div class="form-group col mb-0">
                                                        <label class="form-label">City <span class="error">*</span></label>
                                                        <select class="form-control City" name="city" required="">
                                                        <option value="">Select City</option>
                                                        @foreach($city as $csval)
                                                        <option value="{{$csval->id}}" @if($customer->city==$csval->id) selected @endif>{{$csval->name}}</option>
                                                        @endforeach
                                                        </select>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                    <div class="form-group col mb-0">
                                                        <label class="form-label">Postal Code <span class="error">*</span></label>
                                                        <input type="text" class="form-control" name="pincode" value='{{$customer->pincode}}'>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                </div>
                                                <div class="form-row mt-2">
                                                   
                                                    <div class="form-group col mb-0">
                                                        <label class="form-label">Address <span class="error">*</span></label>
                                                        <textarea id="address" name="address"  class="form-control not-dark"  >{{$customer->address}}</textarea>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                  
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                <button type="submit" class="btn btn-primary">Save</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                @endif
                                 <!-- end ShopEdit Modal template -->


@endsection
@section('script')
  
     <script src="{{url('adminAssets/assets/js/bootstrap.js')}}"></script>

<script>
    function remove_cart(id){
        $.ajax({
         type : "POST",
         dataType : "json",
         data : {'_token':"{{csrf_token()}}",'id':id},
         url : "{{url('agent/cart_remove')}}",
         success : function(res){
			swal({ title: res.message,  timer: 3000 }); 
			location.reload();       
         },
         error : function(e){
            console.log(e);
         }

      });
    }
    </script>

<script>
function qtyupdatePlus(id){
       // var qty = qty;
	   var qty =parseInt($('#quantity'+id).val()) +parseInt(1);
        $.ajax({
         type : "POST",
         dataType : "json",
         data : {'_token':"{{csrf_token()}}",'id':id,'qty':qty},
         url : "{{url('agent/cart_qty_update')}}",
         success : function(res){
            swal({ title: res.message,  timer: 3000 }); 
			location.reload(); 
            // Update List
            getallcartlist();
            //if('{{Route::currentRouteName()}}' == 'user.checkout'){
                /* Remove Coupon On Update Quantity*/
              //  checkCoupon('remove');
            //}
            
         },
         error : function(e){
            console.log(e);
         }

      });
    }
	function qtyupdateMinus(id){
       // var qty = qty;
	   var qty =parseInt($('#quantity'+id).val())  - parseInt(1);
        $.ajax({
         type : "POST",
         dataType : "json",
         data : {'_token':"{{csrf_token()}}",'id':id,'qty':qty},
         url : "{{url('agent/cart_qty_update')}}",
         success : function(res){
            swal({ title: res.message,  timer: 3000 }); 
			location.reload(); 
            // Update List
            getallcartlist();
            //if('{{Route::currentRouteName()}}' == 'user.checkout'){
                /* Remove Coupon On Update Quantity*/
              //  checkCoupon('remove');
            //}
            
         },
         error : function(e){
            console.log(e);
         }

      });
    }

    function VerifyDetails(){
                var userId = "{{auth()->guard('agent')->user()->id}}";
                                $('#ShopEdit').model();
            }
</script>
@endsection