(function ($) {
  "use strict";
  if ($("#checkEmiOffers").length > 0) {
	$('#checkEmiOffers').removeAttr('disabled');
	// $("#checkEmiOffers").detach().insertAfter('.single_add_to_cart_button');
  }

  $('#checkEmiOffers').click(function(e){
		//To avoid unnecessary ajax calls
		if( $(this).data('lastsku') === $(".sku").text() )
			return true;
		
		$(this).data('lastsku', $(".sku").text());
	
		$("#emiOffersData").html('');
		$("#emiOffersMsg").html('');
		$("#emiOffersMsg").hide();
		$('#checkEmiOffersLoader').children().show();
		$('.emiOffersDismiss').attr('disabled', 'disabled');
		
		$.ajax({
				url: iVenusAjax.Ajax_Url,
				type: 'POST',
				dataType : 'json',
				data: (
						{
							action : 'emi_calculator',
							sku : $(".sku").text()
						}
					),
				success: function(response) {
						if( response.status == 1 ){
							var html_str = '<ul class="nav nav-tabs">';
							var table_str = '';
							var tabClass = 'active';
							var tableClass = 'active';
							jQuery.each( response.emiOffers, function( key, val ) {
								
								html_str += '<li class="nav-item"><a class="nav-link '+ tabClass +'" data-toggle="tab" href="#'+ key +'">'+ val.name +'</a></li>';
								
								table_str += '<div id="'+ key +'" class="tab-pane container '+ tableClass +'"><br/><table class="table table-bordered"><thead><tr class="table-secondary"><th class="text-center" scope="col">Monthly Installment</th><th class="text-center" scope="col">Months</th><th class="text-center" scope="col">Cost To Customer</th></tr></thead><tbody>';
								
								jQuery.each( val.scheme, function( ind, schemeObj ) {
									table_str += '<tr><td class="text-center"><i class="fa fa-inr"></i> '+ schemeObj.MONTHLY_INSTALLMENT +'</td><td class="text-center">'+ schemeObj.TENURE_IN_MONTHS +'</td><td class="text-center"><i class="fa fa-inr"></i> '+ schemeObj.OVERALL_COST +'</td></tr>';
								});
								
								tabClass = '';
								tableClass = 'fade';
								table_str += '</tbody></table></div>';
							});
							
							html_str += '</ul><div class="tab-content">' + table_str + '</div>';	
							$("#emiOffersData").html(html_str);
						} else {
							$("#emiOffersMsg").html(response.msg);
							$("#emiOffersMsg").show();
						}
					},
				failure : function(err){
						alert(err);
					},
				complete: function(){
					$('#checkEmiOffersLoader').children().hide();
					$('.emiOffersDismiss').removeAttr('disabled');
				}
		});
  });
})(jQuery);