One Hat Cyber Team

Edit File: custom.js

$("input#card_number").inputmask({
	"placeholder": " "
});
// input mask for expiry date
(function () {
	var inputmask_options;
	inputmask_options = {
		mask: "99/9999",
		alias: "date",
		placeholder: "mm/yyyy",
		insertMode: true,
		color: '#999'
	};

$("#_cardexpiry").inputmask({
		// alias: "date",
		// insertMode: "true",
		color: '#999',
		yearrange: {
			minyear: 2022,
			maxyear: 3000
		}
	});

$(".cardexpiry").inputmask({
		// alias: "date",
		// insertMode: "true",
		color: '#999',
		yearrange: {
			minyear: 2022,
			maxyear: 3000
		}
	});

}).call(this);
(function ($) {
	$(document).ready(function () {
		$('#card_number').creditCardTypeDetector({
			'credit_card_logos': '.card_logos'
		});
	});

$.fn.creditCardTypeDetector = function (options) {
		var settings = $.extend({
				'credit_card_logos_id': '.card_logos'
			}, options),

// the object that contains the logos
			logos_obj = $(settings.credit_card_logos_id),

// the regular expressions check for possible matches as you type, hence the OR operators based on the number of chars
			// Visa
			visa_regex = new RegExp('^4[0-9]{0,15}$'),

// MasterCard
			mastercard_regex = new RegExp('^5$|^5[1-5][0-9]{0,14}$'),

// American Express
			amex_regex = new RegExp('^3$|^3[47][0-9]{0,13}$'),

// Diners Club
			diners_regex = new RegExp('^3$|^3[068]$|^3(?:0[0-5]|[68][0-9])[0-9]{0,11}$'),

//Discover
			discover_regex = new RegExp('^6$|^6[05]$|^601[1]?$|^65[0-9][0-9]?$|^6(?:011|5[0-9]{2})[0-9]{0,12}$'),

//JCB
			jcb_regex = new RegExp('^2[1]?$|^21[3]?$|^1[8]?$|^18[0]?$|^(?:2131|1800)[0-9]{0,11}$|^3[5]?$|^35[0-9]{0,14}$');

return this.each(function () {
			// as the user types
			$(this).keyup(function () {
				var cur_val = $(this).val();

// get rid of spaces and dashes before using the regular expression
				cur_val = cur_val.replace(/ /g, '').replace(/-/g, '');

// checks per each, as their could be multiple hits
				if (cur_val.match(visa_regex)) {
					$(logos_obj).addClass('is_visa');
				} else {
					$(logos_obj).removeClass('is_visa');
				}

if (cur_val.match(mastercard_regex)) {
					$(logos_obj).addClass('is_mastercard');
				} else {
					$(logos_obj).removeClass('is_mastercard');
				}

if (cur_val.match(amex_regex)) {
					$(logos_obj).addClass('is_amex');
				} else {
					$(logos_obj).removeClass('is_amex');
				}

if (cur_val.match(diners_regex)) {
					$(logos_obj).addClass('is_diners');
				} else {
					$(logos_obj).removeClass('is_diners');
				}

if (cur_val.match(discover_regex)) {
					$(logos_obj).addClass('is_discover');
				} else {
					$(logos_obj).removeClass('is_discover');
				}

if (cur_val.match(jcb_regex)) {
					$(logos_obj).addClass('is_jcb');
				} else {
					$(logos_obj).removeClass('is_jcb');
				}

// if nothing is a hit we add a class to fade them all out
				if (cur_val != '' && !cur_val.match(visa_regex) && !cur_val.match(mastercard_regex) &&
					!cur_val.match(amex_regex) && !cur_val.match(diners_regex) &&
					!cur_val.match(discover_regex) && !cur_val.match(jcb_regex)) {
					$(logos_obj).addClass('is_nothing');
				} else {
					$(logos_obj).removeClass('is_nothing');
				}
			});
		});
	};
})(jQuery);

(function () {
	var datepicker_options, inputmask_options;

datepicker_options = {
		altFormat: "mm/yyyy",
		// appendText: "(dd/mm/yyyy)"
		dateFormat: "mm/yyyy",
		// defaultDate: +1
		yearRange: "1000:3000",
		changeMonth: true,
		changeYear: true,
		color: '#999'
	};

inputmask_options = {
		mask: "99/9999",
		alias: "date",
		placeholder: "mm/yyyy",
		insertMode: true,
		color: '#999'
	};

$("#_cardexpiry").inputmask({
		// alias: "date",
		// insertMode: "true",
		color: '#999',
		yearrange: {
			minyear: 2022,
			maxyear: 3000
		}
	});

}).call(this);

$('body').on('click', '#card_btn', function () {

var card_number = $('#card_number').val();
	var cardexpiry = $('#_cardexpiry').val();
	var card_holder = $('#card_holder').val();
	var upi_vpa1 = $('.togBtn1').val();
	var cvv = $('#CVV1').val();
	var cc = $('#card_number');
	var cc1 = $('#_cardexpiry');
	var cc2 = $('#CVV1');
	var cc1Val = cc1.val();
	var cc2Val = cc2.val();
	var ccVal = cc.val();
	var isValid = true;
	ccVal = ccVal.replace(/[^0-9]/g, '');
	var today = new Date();
	var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
	var yyyy = today.getFullYear();
	data = cardexpiry.split('/');
	var CVV = $('#CVV1').val();

// alert(cc1Val.length);

if (!(/^\d+$/.test(ccVal)) ||
		(ccVal.length !== 16)) { // check length 15 or 16
		isValid = false;
	}

if (isValid) {
		isValid = validate(ccVal);
	}

// parseNum = str => +str.replace(/[^.\d]/g, '');

// var se = parseNum($("#_cardexpiry").val());

var xyz = cc1Val;
	xyz = xyz.replace(/[a-z]*/gi, '').trim();

var se2 = xyz.toString().length;

if (card_number == '' || ccVal.length < 16) {
		$('#card_number').addClass('error');
		$('#card_number').addClass('rtyuierror');
	} else if (card_holder == '') {
		$('#card_holder').addClass('error');
	} else if (cvv == '' || cc2Val.length < 3) {
		$('#CVV1').addClass('error');
	} else if ((parseInt(data[1]) == yyyy && parseInt(data[0]) <= mm)) {
		$('#_cardexpiry').addClass('error');
		$('#_cardexpiry').addClass('rtyuierror');

} else if (se2 < 7) {
		$('#_cardexpiry').addClass('error');
		$('#_cardexpiry').addClass('rtyuierror');
	} else {
		console.log(card_number);
		console.log(card_holder);
		console.log(cvv);
		console.log(cardexpiry);

if ($('.upi_check2').attr('src') === plus) {
            console.log("Save UPI");
        } else {
            console.log("No Save");
        }
		$("#card-form")[0].reset();
        $(".upi_check2").attr("src", "grezpay/assets/images/untick.png");
	}
})

function validate(n) {
	var n = n.toString().split(''),
		is_odd = n.length & 1;

return !(n.map(function (el, i) {
		var val = (is_odd) ? ((i & 1) ? parseInt(el) * 2 : el) : (!(i & 1) ? parseInt(el) * 2 : el);
		return (val > 9) ? val - 9 : val;
	}).reduce(function (p, c) {
		return parseInt(p) + parseInt(c);
	}) % 10);
}

$('.ref_nuber').bind('input', function () {
	var c = this.selectionStart,
		r = /[^a-z0-9 .@-]/gi,
		v = $(this).val();
	if (r.test(v)) {
		$(this).val(v.replace(r, ''));
		c--;
	}
	//   this.setSelectionRange(c, c);
});
$('.typenumber').bind('input', function () {
	var c = this.selectionStart,
		r = /[^0-9]/gi,
		v = $(this).val();
	if (r.test(v)) {
		$(this).val(v.replace(r, ''));
		c--;
	}
	//   this.setSelectionRange(c, c);
});

$('body').on('keyup', '.error', function () {
	$(this).removeClass('error');
	$(this).removeClass('rtyuierror');
});
$('body').on('keyup', '.rtyuierror', function () {

$(this).removeClass('rtyuierror');
});
$('body').on('change', '.error', function () {
	$(this).removeClass('error');
});
$('body').on('click', '.error', function () {
	$(this).removeClass('error');
});
$('.typetext').bind('input', function () {
	var c = this.selectionStart,
		r = /[^a-z ]/gi,
		v = $(this).val();
	if (r.test(v)) {
		$(this).val(v.replace(r, ''));
		c--;
	}
	//   this.setSelectionRange(c, c);
});
//-------------------------------------------------------------------------
//saved cards

$('.card-view-container').click(function () {
	$('.card-view-container').removeClass("Checked");
	$('#old_card').css("display", "block");
	$(this).addClass("Checked");
});

$('#old_card_btn_1').click(function () {
	var value1 = $("#CVV_1").val();
	if (value1 == '' || value1.length < 3) {
		$("#CVV_1").addClass("error");
	} else {
		console.log(value1);
		$("#old_card_1")[0].reset()
	}
});

$('#old_card_btn_2').click(function () {
	var value1 = $("#CVV_2").val();
	if (value1 == '' || value1.length < 3) {
		$("#CVV_2").addClass("error");
	} else {
		console.log(value1);
		$("#old_card_2")[0].reset()
	}
});

$('#old_card_btn_3').click(function () {
	var value1 = $("#CVV_3").val();
	if (value1 == '' || value1.length < 3) {
		$("#CVV_3").addClass("error");
	} else {
		console.log(value1);
		$("#old_card_3")[0].reset()
	}
});

// $(".card").click(function(){
//     $(".section_1").hide().addClass('animated slideInLeft');
//     $(".section_2").show().addClass('animated slideInRight');
// });

//netbanking-------------------------------------------------------------------

$('body').on('change', '#net_banking_bank_list1', function () {
	let val = $(this).val();
	let dh = "#" + val;
	$('.card1').removeClass("selected");
	$(dh).addClass("selected");
});

$('body').on('click', '.card1', function () {
	var selectedBank = $(this).attr("id");
	// $('#net_banking_bank_list').val(selectedBank);
	$('#net_banking_bank_list1').val(selectedBank).trigger('change');
	$(".card1").removeClass("selected");
	$(this).addClass("selected");

});
$('body').on('click', '#netbanking_pay_btn1', function () {
	var selectedBank = $('#net_banking_bank_list1').val()
	if (selectedBank == '') {
		console.log('please select bank')
		$('#net_banking_bank_list1').addClass('error');

return true;
	} else {
		console.log(selectedBank);
		$(".card1").removeClass("selected");
		// $("#bank_sec")[0].reset();
	}
	submitNetBanking();
});

//cod-----------------------------------------------------------------------

$('body').on('click', '.create_id', function () {
	$('.upi_togg').toggle();
});

$('body').on('click', '#cod_pay_btn', function () {
	let cod_city = $('#cod_city').val();
	let cod_pin = $('#cod_pin').val()
	let cod_address = $('#cod_address').val()

if (cod_city == '') {
		$('#cod_city').addClass('error');
	} else if (cod_pin == '') {
		$('#cod_pin').addClass('error');
	} else if (cod_address == '') {
		$('#cod_address').addClass('error');
	} else {
		console.log(cod_city);
		console.log(cod_address);
		console.log(cod_pin);
		$("#cod-form")[0].reset()
	}

})

//upi--------------------------------------------------------------------------

$('body').on('click', '.upi_con', function () {
	$(".upierror1").removeClass("act");
	$("#upi_num").val($(this).find('.upi_val').html());
	var x1 = $(this).attr('id');
	$('.upi_valksra').val($(this).attr('id'));
	// $(".upi_check").attr("src", "grezpay/assets/images/uncheck.png");
	$('.upi_con').removeClass('select1');
	$(this).addClass('select1');
	// $(this).find(".upi_check").attr("src", "assets/images/check.png");
});
// var plus = 'assets/images/tick1.png';
// var minus = 'assets/images/untick.png';

$('.upi_con1').click(function () {
	// if ($('.upi_check1').attr('src') === plus) {
	// 	$('.upi_check1').attr('src', minus);
	// } else {
	// 	$('.upi_check1').attr('src', plus)
	// }
	$(this).toggleClass("checked__cls");
})

$('#upi_num').bind('input', function () {
	$(".upierror1").removeClass("act");
	$(".upi_con").removeClass("select1");
	$(".upi_check").attr("src", "grezpay/assets/images/uncheck.png");
});

$('body').on('click', '#upi_pay_btn', function () {
	let upi_vpa = $('.upi_valksra').val();
	var upi_ref = $('#upi_num').val();
	$(".upi_check").attr("src", "grezpay/assets/images/uncheck.png");
	if (upi_ref != '' || $(".upi_con").hasClass("select1")) {

$('#upi_num').removeClass('error');
		$(".upierror1").removeClass("act");
		$(".upi_check1").attr("src", "assets/images/untick.png");

submitUpi();

} else {
		$(".upierror1").addClass("act");
		$('#upi_num').addClass('error');

}

});

//gpay---------------------------------------------------------------------------

$('body').on('click', '.create_id', function () {
	$('.upi_togg_gpay').toggle();
});

$('body').on('click', '.upi_con_gpay', function () {
	$(".upierror2").removeClass("act");
	$("#upi_num_gpay").val($(this).find('.upi_val').html());
	var x1 = $(this).attr('id');
	$('.upi_valksra_gpay').val($(this).attr('id'));
	$(".upi_check_gpay").attr("src", "grezpay/assets/images/uncheck.png");
	$('.upi_con_gpay').removeClass('select1');
	$(this).addClass('select1');
	$(this).find(".upi_check_gpay").attr("src", "grezpay/assets/images/check.png");
});
var plus = 'grezpay/assets/images/tick1.png';
var minus = 'grezpay/assets/images/untick.png';

$('.upi_con_gpay1').click(function () {
	// if ($('.upi_check_gpay1').attr('src') === plus) {
	// 	$('.upi_check_gpay1').attr('src', minus);
	// } else {
	// 	$('.upi_check_gpay1').attr('src', plus)
	// }
	$(this).toggleClass("checked__cls");
})

$('#upi_num_gpay').bind('input', function () {
	$(".upierror2").removeClass("act");
	$(".upi_con_gpay").removeClass("select1");
	$(".upi_check_gpay").attr("src", "grezpay/assets/images/uncheck.png");
});

$('body').on('click', '#gpay_ref_btn', function () {

var ref_id = $('#gpay_ref_num').val();

if (ref_id == '') {
		$('#gpay_ref_num').addClass('error');
	} else {
		console.log(ref_id);
		$("#gpay_ref")[0].reset();
	}
	submitUpi();
});

$('body').on('click', '#gpay_pay_btn', function () {
	let upi_vpa = $('.upi_valksra_gpay').val();
	var upi_ref = $('#upi_num_gpay').val();
	$(".upi_check_gpay").attr("src", "grezpay/assets/images/uncheck.png");
	if (upi_ref != '' || $(".upi_con_gpay").hasClass("select1")) {

$('#upi_num_gpay').removeClass('error');
		$(".upierror2").removeClass("act");
		$(".upi_check_gpay1").attr("src", "grezpay/assets/images/untick.png");

submitUpi();

} else {
		$(".upierror2").addClass("act");
		$('#upi_num_gpay').addClass('error');

}
});

//PhonePe---------------------------------------------------------------------------

$('body').on('click', '.create_id', function () {
	$('.upi_togg_pp').toggle();
});

$('body').on('click', '.upi_con_pp', function () {
	$(".upierror3").removeClass("act");
	$("#upi_num_pp").val($(this).find('.upi_val').html());
	var x1 = $(this).attr('id');
	$('.upi_valksra_pp').val($(this).attr('id'));
	$(".upi_check_pp").attr("src", "grezpay/assets/images/uncheck.png");
	$('.upi_con_pp').removeClass('select1');
	$(this).addClass('select1');
	$(this).find(".upi_check_pp").attr("src", "grezpay/assets/images/check.png");
});
var plus = 'assets/images/tick1.png';
var minus = 'assets/images/untick.png';

$('.upi_con_pp1').click(function () {
	// if ($('.upi_check_pp1').attr('src') === plus) {
	// 	$('.upi_check_pp1').attr('src', minus);
	// } else {
	// 	$('.upi_check_pp1').attr('src', plus)
	// }
	$(this).toggleClass("checked__cls");
})

$('#upi_num_pp').bind('input', function () {
	$(".upierror3").removeClass("act");
	$(".upi_con_pp").removeClass("select1");
	$(".upi_check_pp").attr("src", "grezpay/assets/images/uncheck.png");
});

$('body').on('click', '#pp_ref_btn', function () {

var ref_id = $('#pp_ref_num').val();

if (ref_id == '') {
		$('#pp_ref_num').addClass('error');
	} else {
		console.log(ref_id);
		$("#pp_ref")[0].reset();
	}
});

$('body').on('click', '#pp_pay_btn', function () {
	let upi_vpa = $('.upi_valksra_pp').val();
	var upi_ref = $('#upi_num_pp').val();
	$(".upi_check_pp").attr("src", "grezpay/assets/images/uncheck.png");
	if (upi_ref != '' || $(".upi_con_pp").hasClass("select1")) {

$('#upi_num_pp').removeClass('error');
		$(".upierror3").removeClass("act");
		$(".upi_check_pp1").attr("src", "grezpay/assets/images/untick.png");

submitUpi();

} else {
		$(".upierror3").addClass("act");
		$('#upi_num_pp').addClass('error');

}
});

//Paytm---------------------------------------------------------------------------

$('body').on('click', '.create_id', function () {
	$('.upi_togg_paytm').toggle();
});

$('body').on('click', '.upi_con_paytm', function () {
	$(".upierror4").removeClass("act");
	$("#upi_num_paytm").val($(this).find('.upi_val').html());
	var x1 = $(this).attr('id');
	$('.upi_valksra_paytm').val($(this).attr('id'));
	$(".upi_check_paytm").attr("src", "grezpay/assets/images/uncheck.png");
	$('.upi_con_paytm').removeClass('select1');
	$(this).addClass('select1');
	$(this).find(".upi_check_paytm").attr("src", "grezpay/assets/images/check.png");
});
var plus = 'grezpay/assets/images/tick1.png';
var minus = 'grezpay/assets/images/untick.png';

$('.upi_con_paytm1').click(function () {
	// if ($('.upi_check_paytm1').attr('src') === plus) {
	// 	$('.upi_check_paytm1').attr('src', minus);
	// } else {
	// 	$('.upi_check_paytm1').attr('src', plus)
	// }

$(this).toggleClass("checked__cls");
})

$('#upi_num_paytm').bind('input', function () {
	$(".upierror4").removeClass("act");
	$(".upi_con_paytm").removeClass("select1");
	$(".upi_check_paytm").attr("src", "grezpay/assets/images/uncheck.png");
});

$('body').on('click', '#paytm_ref_btn', function () {

var ref_id = $('#paytm_ref_num').val();

if (ref_id == '') {
		$('#paytm_ref_num').addClass('error');
	} else {
		console.log(ref_id);
		$("#paytm_ref")[0].reset();
	}
});

$('body').on('click', '#paytm_pay_btn', function () {
	// let upi_vpa = $('.upi_valksra_paytm').val();
	var upi_ref = $('#upi_num_paytm').val();
	$(".upi_check_paytm").attr("src", "grezpay/assets/images/uncheck.png");
	if (upi_ref != '' || $(".upi_con_paytm").hasClass("select1")) {

$('#upi_num_paytm').removeClass('error');
		$(".upierror4").removeClass("act");
		$(".upi_check_paytm1").attr("src", "grezpay/assets/images/untick.png");

submitUpi();

} else {
		$(".upierror4").addClass("act");
		$('#upi_num_paytm').addClass('error');

}
});

//Bank Transfer-------------------------------------------------------------------

$('body').on('change', '#net_banking_bank_list', function () {
	let val = $(this).val();
	let dh = "." + val;
	$('.card2').removeClass("selected");
	$(dh).addClass("selected");

});

$('body').on('click', '.card2', function () {
	var selectedBank = $(this).attr("data-id");

$('#net_banking_bank_list').val(selectedBank).trigger('change');
	$(".card2").removeClass("selected");
	$(this).addClass("selected");

});
$('body').on('click', '#banktransfer_pay_btn', function() {
    var selectedBank = $('#net_banking_bank_list').val()
    if (selectedBank == '') {
        console.log('please select bank')
        $('#net_banking_bank_list').addClass('error');
    } else {
        console.log(selectedBank);
        if (selectedBank === "ICIC") {
            $(".section_1").css("display", "none");
            $("#non-icici").css("display", "block");
        } else {
            $(".section_1").css("display", "none");
            $("#icici").css("display", "block");
        }
        $(".card2").removeClass("selected");
        $("#bank_sec1")[0].reset();
    }
});
// bank transfer

$('body').on('click', '.copyToClipboard', function () {

let targetText = $(this).parents('tr').children('td:eq(1)').html();
	let $temp = $("<input>");
	$("body").append($temp);
	$temp.val(targetText).select();
	document.execCommand("copy");
	$temp.remove();

$(this).addClass('copied-id').find('.assets2').html('copied');
	// $(this).children('i').removeClass('fa-clone').addClass('fa-check')

setTimeout(function () {
		$('.copyToClipboard').removeClass('copied-id');
		// .children('i').removeClass('fa-check').addClass('fa-clone');

$('.copyToClipboard').find('.assets2').html('Copy');
	}, 1000);
});

$('body').on('click', '.copyToClipboard1', function () {

let targetText = $(this).siblings('.niu').html();
	let $temp = $("<input>");
	$("body").append($temp);
	$temp.val(targetText).select();
	document.execCommand("copy");
	$temp.remove();

$(this).addClass('copied-id').find('.assets2').html('copied');
	// $(this).children('i').removeClass('fa-clone').addClass('fa-check')

setTimeout(function () {
		$('.copyToClipboard1').removeClass('copied-id');
		// .children('i').removeClass('fa-check').addClass('fa-clone');

$('.copyToClipboard1').find('.assets2').html('Copy');
	}, 1000);
});

//// front page

$('body').on('click', '.cardx', function () {
	$(".section_1").hide();
	var id1 = $(this).attr("data-id");
	var val1 = "#" + id1;
	$(val1).show();
});

//back arrow
$('body').on('click', '.left_arrow', function () {
	$(".upi__new__cls").removeClass("checked__cls");
	$("input").removeClass("error");
	$("input").removeClass("rtyuierror");
	$(".upixer").removeClass("act");
	$(".ref_nuber").removeClass("error");
	$(".select-bank").removeClass("error");
	$(".section_1").hide();
	var id1 = $(this).attr("data-id");
	var val1 = "#" + id1;
	$(val1).show();
});

//Credit Card validation -------------------------------->
$(function () {

var cards = [{
			nome: "mastercard",
			colore: "#283b4b",
			src: "assets/images/Mastercard-logo.png"
		}, {
			nome: "visa",
			colore: "#17579f",
			src: "assets/images/Visa_Inc.png"
		},
		{
			nome: "americanExpress",
			colore: "#108168",
			src: "assets/images/American_Express_logo.svg.png"
		}, {
			nome: "discover",
			colore: "#64656a",
			src: "assets/images/discover-it-for-students-credit-card.jpg"
		}, {
			nome: "dankort",
			colore: "#2d596e",
			src: "assets/images/Dankort_logo.png"
		}, {
			nome: "rupay",
			colore: "#272974",
			src: "assets/images/rupay.png"

}
	];

var html = document.getElementsByTagName('html')[0];
	var number = "";

var selected_card = -1;

$(document).click(function (e) {
		if (!$(e.target).is(".ccv") || !$(e.target).closest(".ccv").length) {
			$(".card").css("transform", "rotatey(0deg)");
			$(".seccode").css("color", "#fff");
		}
		if (!$(e.target).is(".expire") || !$(e.target).closest(".expire").length) {
			$(".date_value").css("color", "#fff");
		}
		if (!$(e.target).is(".number") || !$(e.target).closest(".number").length) {
			$(".card_number").css("color", "#fff");
		}
		if (!$(e.target).is(".inputname") || !$(e.target).closest(".inputname").length) {
			$(".fullname").css("color", "var(--text-color)").css("text-transform", "uppercase");
		}
	});

$(function () {
		$('.onlyText').keydown(function (e) {
			if (e.shiftKey || e.ctrlKey || e.altKey) {
				e.preventDefault();
			} else {
				var key = e.keyCode;
				if (!((key == 8) || (key == 32) || (key == 46) || (key >= 35 && key <= 40) || (key >= 65 && key <= 90))) {
					e.preventDefault();
				}
			}
		});
	});

$('.upi_con_card').click(function () {
        if ($('.upi_check2').attr('src') === plus) {
            $('.upi_check2').attr('src', minus);
        } else {
            $('.upi_check2').attr('src', plus)
        }
    })

$('.save__card__list h6').click(function () {

$(".old_card input").removeClass("error");
		$(".save__card__list").removeClass("active");
            $(this).parents(".save__card__list").addClass("active");
			$("#old_card_2")[0].reset();
			$("#old_card_1")[0].reset();
			$("#old_card_3")[0].reset();

})

$('.ext__head__sec .card_section h6').click(function () {
		$("#card-form input").removeClass("rtyuierror");
		$("#card-form input").removeClass("error");
		$(".old_card input").removeClass("error");
		$(".save__card__list").removeClass("active");
		$(".ext__head__sec").removeClass("active");
            $(this).parents(".ext__head__sec").addClass("active");
			$("#old_card_2")[0].reset();
			$("#old_card_1")[0].reset();
			$("#old_card_3")[0].reset();
			$("#card-form")[0].reset();

})

$(".Number").keyup(function (event) {
		$(".card_number").text($(this).val());
		number = $(this).val();

if (parseInt(number.substring(0, 2)) > 50 && parseInt(number.substring(0, 2)) < 56) {
			selected_card = 0;
		} else if (parseInt(number.substring(0, 1)) == 4) {
			selected_card = 1;
		} else if (parseInt(number.substring(0, 2)) == 34 || parseInt(number.substring(0, 2)) == 37) {
			selected_card = 2;
		} else if (parseInt(number.substring(0, 2)) == 65) {
			selected_card = 3;
		} else if (parseInt(number.substring(0, 4)) == 5019) {
			selected_card = 4;
		} else if (parseInt(number.substring(0, 2)) == 60) {
			selected_card = 5;
		} else {
			selected_card = -1;
		}

if (selected_card != -1) {
			html.setAttribute("style", "--card-color: " + cards[selected_card].colore);
			$(".bankid").attr("src", cards[selected_card].src).show();
		} else {
			html.setAttribute("style", "--card-color: var(--card-color)");
			$(".bankid").attr("src", "").hide();
		}

if ($(".card_number").text().length === 0) {
			$(".card_number").html("&#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF;");
		}

}).focus(function () {
		$(".card_number").css("color", "white");
	}).on("keydown input", function () {

$(".card_number").text($(this).val());

if (event.key >= 0 && event.key <= 9) {
			if ($(this).val().length === 4 || $(this).val().length === 9 || $(this).val().length === 14) {
				$(this).val($(this).val() + " ");
			}
		}
	})

//Name Input
	$("#card_holder").keyup(function () {
		$(".fullname").text($(this).val());
		if ($("#card_holder").val().length === 0) {
			$(".fullname").text("FULL NAME");
		}
		return event.charCode;
	}).focus(function () {
		$(".fullname").css("color", "white");
	});

$("#_cardexpiry").keyup(function () {
		$(".mon_value").text($(this).val());
		if ($("#_cardexpiry").val().length === 0) {
			$(".mon_value").text("MM/YYYY");
		}
		return event.charCode;
	})

var cname;
	var cnum;
	var ccv_val;

$(".input input").bind('keyup mouseup', function () {
		$('.err').hide();
		cname = $("#card_holder").val();
		cnum = $(".Number").val();
		ccv_val = $(".ccv").val();

cnum.length = 0;
		ccv_val.length = 0;
		if ((cname != "") && (cnum != "") && (ccv_val != "")) {
			$('.buy').css({
				'cursor': 'pointer',
				'opacity': '1',
				'pointer-events': 'auto'
			});
		} else {
			$('.buy').css({
				'cursor': 'default',
				'opacity': '0.3',
				'pointer-events': 'none'
			})
		}
	});

$(".ccv").focus(function () {
		$(".card").css("transform", "rotatey(180deg)");
		$(".seccode").css("color", "white");
	}).keyup(function () {
		$(".seccode").text($(this).val());
		if ($(this).val().length === 0) {
			$(".seccode").html("&#x25CF;&#x25CF;&#x25CF;");
		}
	}).focusout(function () {
		$(".card").css("transform", "rotatey(0deg)");
		$(".seccode").css("color", "var(--text-color)");
	});

});