@extends('user.layouts.index')
 @section('page_content')

 <link rel="stylesheet" href="{{asset ('css/cartpage.css')}}">
 <link rel="stylesheet" href="{{ asset('css/home.css') }}">




     <!--CART PAGE BORDER-->
     <section class="cart-page-border">
         <div class="container-fluid">
             <div class="row">
                 <div class="col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8 about-h1">
                     <h1>Cart Page</h1>
                     @if ($message = Session::get('success'))
               <div class="alert alert-success alert-block">
                   <button type="button" class="close" data-dismiss="alert">×</button>
                   <strong>{{ $message }}</strong>
               </div>
           @endif
           <div class="validate">

        </div>

                 </div>

                 <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">
                     <p class="text-secondary home-bar-text">
                         <img src="{{asset('slicing/My Shout About Us/icons8-home.svg')}}" class="img-fluid text-center"> Home /
                         <span>Pages /</span> <span class="blue">Cart Page</span></p>
                 </div>
             </div>
         </div>
     </section>

     <!-- CART SECTION -->
     <section class="cart-section">
         <div class="container table-container">
             <div class="row">
                 <div class="col-12 col-sm-12 col-md-12 col-lg-8 col-xl-8">
                     <table class="table table-color table-responsive table-hover">
                                              {{-- {{ dd($getcart) }} --}}

                       @foreach ($getcart as $g )



                         <thead class="table-head table-borderless">
                           <tr>

                             <th>Item Details</th>
                             <th></th>
                             <th>Quantity</th>
                             <th>Total Points</th>
                           </tr>
                         </thead>
                         <tbody>
                           <tr>
                             <td>
                             <div class="row">



                                 <div class="col-12 col-lg-4">
                                     <img src="{{$g->product_color->avatar ?? $g->product->avatar }}"class="img-fluid " name="avatar">
                                 </div>
                                 <div class="col-12 col-lg-6">
                                     <small><b name="product">{{ucwords($g->product->name)}}</b></small>
                                     <div class="row table-price-1">
                                         <div class="col-12">
                                             @if($g->promotion)
                                             <small><b name="unitprice">Unit Price :{{$g->promotion->value}}</b></small>
                                             @else
                                             <small><b name="unitprice">Unit Price :{{$g->product->price}}</b></small>
                                             @endif
                                         </div>
                                     </div>

                                 </div>
<br />
<b>Notice</b>:  Undefined variable: g in <b>/home/demohatinco/public_html/my_shout_backend/resources/views/user/cartpage/index.blade.php</b> on line <b>84</b><br />
<br />
<b>Notice</b>:  Trying to get property 'promotion' of non-object in <b>/home/demohatinco/public_html/my_shout_backend/resources/views/user/cartpage/index.blade.php</b> on line <b>84</b><br />
<br />
<b>Notice</b>:  Undefined variable: g in <b>/home/demohatinco/public_html/my_shout_backend/resources/views/user/cartpage/index.blade.php</b> on line <b>88</b><br />
<br />
<b>Notice</b>:  Trying to get property 'quantity' of non-object in <b>/home/demohatinco/public_html/my_shout_backend/resources/views/user/cartpage/index.blade.php</b> on line <b>88</b><br />
<br />
<b>Notice</b>:  Undefined variable: g in <b>/home/demohatinco/public_html/my_shout_backend/resources/views/user/cartpage/index.blade.php</b> on line <b>88</b><br />
<br />
<b>Notice</b>:  Trying to get property 'product' of non-object in <b>/home/demohatinco/public_html/my_shout_backend/resources/views/user/cartpage/index.blade.php</b> on line <b>88</b><br />
<br />
<b>Notice</b>:  Trying to get property 'price' of non-object in <b>/home/demohatinco/public_html/my_shout_backend/resources/views/user/cartpage/index.blade.php</b> on line <b>88</b><br />
                             </div>
                             </td>
                             <td>
                                 {{-- <input type="number" class="form-control form-sm"> --}}
                                 <input class="quantity" min="1" data-id="{!!$g->id!!}" type="number" name="quantity"
                                   value="{!!$g->quantity !!}" onkeyup="update_cart(this,'{!!$g->id!!}')"> </td>

                             <td >
                                 <small class="quantity"><b name="quantity" class="quantity_{!!$g->id !!}">{{$g->quantity}}</b></small>
                             </td>
                             <td>

                                @if($g->promotion)
                                <small  name="total_price">
                                    <b class="mysub_{!!$g->id !!}"> {!!$g->quantity*$g->promotion->value !!} </b>
                                </small>




                                @else
                                {{-- $ {{$p->price * $point_price }} --}}

                            <small  name="total_price">
                                    <b class="mysub_{!!$g->id !!}"> {!!$g->quantity*$g->product->price !!} </b>
                                </small>



                                @endif


                               {{-- <small  name="total_price">
                                   <b class="mysub_{!!$g->id !!}">{{$total_price}}</b>
                               </small> --}}
                             </td>
                             


                           </tr>

                         </tbody>


                         @endforeach






                       </table>
                       <div class="row">
                           <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                               {{-- <button class="btn btn-sm btn-primary coupon-code-btn">Coupon Code</button> --}}
 {{-- <button class="btn btn-sm btn-primary apply-coupon-btn">
 Apply Coupon</button> --}}
                    <div class="col-10 padding-top-bottom-btn-col">
                     <a href="" type="submit" class="btn btn-sm btn-primary check-out-btn"
                            data-toggle="modal" data-target=".detail_promo" >
                                 Apply Coupon
                        </a>
                            @include('user.cartpage.promo_code_modal',
                                 [
                                 'final_price'=>$final_price,
                                 'url'=>asset('user/request/save'),

                    ])
    </div>



                           </div>
                           {{-- <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 update-cart-btn-col">
                               <button class="btn btn-sm btn-primary apply-coupon-btn">Update Cart</button>
                           </div> --}}
                       </div>
                 </div>

                 <div class="col-12 col-sm-10 col-md-12 col-lg-4 col-xl-4 cart-total-section">
                     <div class="row cart-total-heading-row">
                         <div class="col-12">
                             <h3>Cart Total</h3>
                         </div>
                     </div>

                     <div class="row cart-total-content">
                         <div class="col-12 padding-top-bottom">
                             <b>Subtotal</b>
                             <b class="float-right myyysubfinal">{{$final_price}}</b>
                         </div>
                         <div class="col-12 padding-top-bottom dicount_show" style="display: none">
                            <b>Discounted Price</b>
                            <b class="float-right  discounted_price"></b>
                        </div>
                         <div class="col-12 padding-top-bottom">
                             <b>Total</b>
                             <b class="float-right myyyfinal">{{$final_price}}</b>
                         </div>


                {{-- {{--====== ///////PROCEED TO CHECK OUT BUTTON BEFORE COUPON WORKING --}===========} --}}
                      <div class="col-10 padding-top-bottom-btn-col">
                       {!! Form::open(['id'=>'my_form','method' => 'POST', 'url' => ['user/request/save' ], 'files'=>true]) !!}
                             <button  type="submit" class="btn btn-sm btn-primary check-out-btn">
                                 &#10003;
                                   Proceed to check out
                             </button>
                             <input type="hidden" name="coupon_code" id="coupon_code">
                             <input type="hidden" name="coupon_id" id="coupon_id">
                             {{-- <input type="hidden" name="promotion_id" value={{$getcart->promotion->id}}> --}}
                             {!! Form::close() !!}

                         </div>

                         <div class="col-2 padding-top-bottom-btn-col">
                             <a href="{{url('user/purchase/points')}}"  class="btn btn-sm btn-primary check-out-btn my" type="button" > Points</a>

                                 {{-- <button  type="submit"  class="btn btn-sm btn-primary check-out-btn my">


                                 </button> --}}

                             </div>

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


   @endsection



   @section('app_jquery')
   <script>

function update_cart(e,cart_id){

var quantity =  $(e).val() ;
var cart_id = cart_id ;
if(quantity == ''){
   return;
}
console.log('qqqq ',quantity);
console.log('cart_id=========== ',cart_id);

$.ajax({
   headers: {
'X-CSRF-TOKEN': '{!!csrf_token()!!}'
},
   url: '{!!asset("user/update/cart")!!}'+'?id='+cart_id+'&quantity='+quantity,
   method: 'post',
   dataType: 'json',
   success: function(data){
       console.log("data my data : ",data);
       if(data.status){
           $('.mysub_'+cart_id).html(data.subtotal);
           var final_price = data.total_sub_total;
           var total_after_discount = final_price * promo_discount * 0.01;
           let total_after_discount_fixes = total_after_discount.toFixed(2);
            $('.discounted_price').html(total_after_discount_fixes);
            if(promo_discount){
                var r = final_price-total_after_discount_fixes;
                console.log("sdf",r);
             $('.myyyfinal').html(r);

           }
           else{

            $('b.float-right.myyyfinal').html(final_price);
           }


           $('b.float-right.myyysubfinal').html(final_price);
           $('.quantity_'+cart_id).html(data.quantity);


       }
       else{
           $('.errors').html(data.response);
           // $('.errors').className ('alert alert-danger alert-block');
       }

   },
   error: function (data) {
       console.log('Error:', JSON.stringify(data));
   }
});
}
</script>

@endsection