<script src="{{ asset('js/jquery-3.3.1.min.js') }}"></script> 
<script src="{{ asset('js/popper.min.js') }}" ></script> 
<script src="{{ asset('js/bootstrap.min.js') }}"></script> 
 
<!-- JavaScript --> 
<script src="//cdn.jsdelivr.net/npm/[email protected]/build/alertify.min.js"></script> 
 
 
<script> 
    $.ajaxSetup({ 
      headers: { 
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
      } 
    }); 
 
    function addToCart(product_id){ 
        var url = "{{ url('/') }}"; 
        $.post( url+"/api/carts/store",  
            {  
                product_id: product_id  
            }) 
          .done(function( data ) { 
              data = JSON.parse(data); 
            if(data.status == 'success'){ 
                // toast 
                alertify.set('notifier','position', 'top-center'); 
                alertify.success('Item added to cart successfully !! Total Items: '+data.totalItems+ '<br />To checkout <a href="{{ route('carts') }}">go to checkout page</a>'); 
   
                $("#totalItems").html(data.totalItems); 
            } 
          }); 
    } 
</script> 
 
 |