if (!window.console === undefined || console.log === undefined) {
	console = {
		log: function (str) { }
	}
}

// Checks if an input has some characters in it and displays associated error if not
function valNotEmpty(containerSelector) { 
	var v = $(containerSelector).find('input').val();
	var valid = v.trim().length > 0;
	$(containerSelector).find('.error').toggle(!valid);
	return valid;
}

function isPayingByCreditCard() { 
	return $('input[name=billing_method][value=credit_card]')[0].checked;
}

function checkShippingAddress() { 
	var firstNameValid = valNotEmpty('.first_name_container');
	var lastNameValid = valNotEmpty('.last_name_container');
	var address1Valid = valNotEmpty('.address1_container');
	var address2Valid = true; // Not all addresses require apt / suite
	var cityValid = valNotEmpty('.city_container');
	var stateValid = true; // Not all countries require state
	var zipValid = valNotEmpty('.zip_container');
//	var whereHeardValid = valNotEmpty('.where_heard_container');
	var whereHeardValid = true;

	return firstNameValid && lastNameValid && address1Valid
	    && address2Valid && cityValid && stateValid && zipValid && whereHeardValid;
}

var emailContainerSelector = '.email_container';

// Only require email to be correct if the field is present. If it is not present,
// it is because this is part of an A/B test that has already asked it in a previous step.
function emailRequired() {
    return $(emailContainerSelector).length === 1;
}

function checkEmail() {
    if (emailRequired()) {
        var valid = $(emailContainerSelector).find('input').val().indexOf('@') != -1;
        $(emailContainerSelector).find('.error').toggle(!valid);
        return valid;
    } else {
        return true;
    }
}

function checkForm() {
	if (!isPayingByCreditCard()) {
		return true;
    }

	var shippingAddressValid = checkShippingAddress();
	var emailValid = checkEmail();
	var valid = shippingAddressValid && emailValid;
	return valid;

	// var paymentDetailsValid = checkPaymentDetails();
	// return shippingAddressValid && paymentDetailsValid;
}

function showFieldsRelevantForBillingMethod() {
	$('#credit_card_details').toggle(isPayingByCreditCard());
	$('.hide_for_paypal').toggle(isPayingByCreditCard());
}

function redirectToPaypal(custom) { 
	$('input[name=custom]').val(custom);
	$('form[id=pp]').submit();
}

/* Gather fields from the form into an object that will be easy to serialize */
function subscriptionFieldsToObject(includeReplay) { 
	var o = {};
	var sel = '.order_form_container input, .order_form_container select';
	$(sel).each(function (index, element) {
		if (element.id !== "") {
			o[element.id] = $(element).val();
		}
	});

	if (includeReplay) {
		o['VG7WFVZFP43TA3CJ5VF0XUBDF1CZJHG76BEC2RI514EXP5J4HF0D7N6GHH0NZYEISXTVEPALL5UX8D60H4FLFX45VYXW4YCYK4O2'] = JSON.stringify(replay);
	}

	o['JVGRTO1MYP9541H05KQSCK9LZLB6BR6Q3A4UWW0H765TS2UJO63FJRNBHHVFAGAK2RGMTRNRI0DC5VC7NFTIFCR7JPM87D1M3AQJ'] = isPayingByCreditCard() ? "credit card" : "paypal";

	// User might have applied a coupon which affects the price
	o['coupon_code'] = $('.coupon_code').val();

	return o;
}

function scrollToError() {
	var scrollTo = Math.max( $('.error:visible').offset().top - $(window).height()/2, 0 );
	var diff = $('html').scrollTop() - $('.error:visible').offset().top;
	var delay = Math.abs(diff) * 0.5;
	$('html').animate({ scrollTop: scrollTo }, delay);
}

var submissionAttempted = false;

function processCreditCardOrder() { 
	var subscriptionFields = subscriptionFieldsToObject(true);
	var fields = {
		// Required attributes
		number: subscriptionFields[''],
		month: subscriptionFields[''],
		year: subscriptionFields[''],
		first_name: subscriptionFields['Q23Z1C8Q4KX4D9BRN7O8MJ1KDNVG51MVFMU04ETU2BCT5S3LWK54WI9YMPY0PZ1WTJXZRC1LW3ZZ2UBHUO0H98GLZX2K1O3A3H7W'],
		last_name: subscriptionFields['A9JJCJBG6PH0CFHF0BIN9BQ74P8K13KIC9H8HIY0X11O65GUV8S69TDK1OENA4DE1NJTU5CK8UNJGXJWYXELMF9DZ6JJEFVIQ76J'],
		cvv: subscriptionFields[''],
		// where_heard: subscriptionFields['OL04RZ9SAGN1SK7PIOG92G3208BHLTOYAQ5ISPRAQIAQU9C2L41RFA53OZ0360TACEZKRWFRKDRHW3DKATL1JUO3XICFEG97RT6S'],

		// Optional attributes
		address1: subscriptionFields['BQUZYH0LIV96P0EAYDCBUL0R60T8ZILT3840YTL6NQQ27Z3E6M7W60LDQV72FV33WVEN7E9URHNAHGXUC7NGQENMZAVEKN47LH0T'],
		address2: subscriptionFields['07YUS9SD1U9W596IGMSB280NZJOI1CBSORE6IVJE0145JUCWQ7G9MUPX41V7ZDTRES8EKNZ3U5EHXHPSJJCHAXLLGPRAPV2N9FU3'],
		city: subscriptionFields['USLHWPQ2K6YW68M5DOCCVHAOC0T639ZIM8SL1XOZ4SNLJW3WJO3RQIPQ05EEQXK3Y7UKEMATSQ9UJPQ7GLH0U4V0QYDTLUD34IDX'],
		state: subscriptionFields['CY4M93C9MCB4NP0DXHU8YI4OC7K6U71OGXS0PX30KYCJ7TU6U5A7UAW9DWVPCID0MAZMTMIRE2J9S11L7ZI0I21KOEKEBX1PRGYW'],
		postal_code: subscriptionFields[''],
		country: subscriptionFields['']
	}

	// It still has the raw CC number in there, that's not good. Tokenize it.
	var tokenData = {
		name: $('#6KUU0WXT42YE88D20MVZIXMMCNN6V0FMOILFMG64P8VBPDEZ2XV3UBJ1V4SELTURU84JJ39R8VC3O53SS7KR17GU90NBPCEO4KZE').val() + ' ' + $('#SB23X6SD0YVV9FZIHHBSHYNKJ2Z8QTU007D537BMRDSFQJLR7O2L80C2LYZXGJXA2SYAG5RKYA9NN4J7LYVPH2R2YYU1CW8FPR1H').val(),
		address_country: $('JQBO3DAI3LSZFYWYABQEAPZYUGF9ND5510GM1ZK2R4XJM75SBBIBN41YLMEFUIMW9B424QYPVWVSU4A2TR5BT7HYAZD43MIKZ2ML').val()
	};
	// console.log(tokenData);

	stripe.createToken(card, tokenData).then(function(result) {
		if (result.error) {
			$('button').show();
			$('.activity').hide();
			alert(result.error.message);
		} else {
			subscriptionFields['QT6D5M235FHMSKJSSS6NINQYQI60CR4P6ANHI7W3DWHOTSMKOZ85BOC0HDF5EFAB8IIY9H896QODGDD9TWGEOYGONRJTBZ9H8T5Q'] = result.token.id;

			// Send the token to your server
			// console.log(result.token);
			// stripeTokenHandler(result.token);

			$.post(
				'/subscribe_submit',
				{'fields_json' : JSON.stringify(subscriptionFields)},
				function (response) { 
					window.location.href = '/thanks';
				},
				dataType = "json"
			);
	    }
	});
}

function processPayPalOrder() {	
	var fields = subscriptionFieldsToObject(true);

	// Make sure if the user first selected credit card, filled in their number and
	// then switched back to PayPal that the CC data is not submitted.
	delete fields[''];
	delete fields[''];
	delete fields[''];
	delete fields[''];
	delete fields[''];
	delete fields[''];

	// Associate the form submission with the payment, so when returned from PayPal
	// we'll know what the payment is for.
	$.post(
		'/subscribe_submit',
		{'fields_json' : JSON.stringify(fields)},
		function (response) { 
			 // redirectToPaypal(response.custom);			
			 redirectToPaypal($('input[id=form_key]').val());
		},
		dataType = "json"
	);
}

// Helper for replacing actual credit card number and CVV with Xs
function strToRepeatedX(str) { 
	var xRepeated = "";
	for (var i = 0; i < str.length; i++) {
		xRepeated += "X";
	}
	return xRepeated;
}

// So I can see how the forms got filled later, keypress by keypress.
var replay = [];
var firstReplayStep = null;
function recordReplayStep() { 
	if (firstReplayStep === null) {
		firstReplayStep = Date.now();
	}
	var fields = subscriptionFieldsToObject(false);
	delete fields.form_key;
	delete fields.coupon_code;
	delete fields.tier;
	// fields[''] = strToRepeatedX(fields['']);
	// fields[''] = strToRepeatedX(fields['']);
	replay.push({
		elapsed: Date.now() - firstReplayStep,
		fields: fields
	});
}

function applyCoupon() {
	$('.have_coupon_code').show();
	$('.coupon_code_entry').hide();

	var couponCode = $('.coupon_code').val();

	// If you are reading the source, please use the "SOURCE" coupon to get as much off as any of the others here.
	var validCoupons = ['YEAR2018', 'TWOFORKS', 'INJECT', 'SOURCE', 'ALEK', '3OFF', 'TUBE', 'HACKERNEWS', 'ENTREPRENEUR', 'URBAN', 'BOND', 'ANSHIE', 'ARISU', 'ZOEY', 'CHIIKA', 'PHARAOH', 'SZU', 'IZABELA', 'WORLD', 'SARAH', 'BLACKNEO', 'MYCHAN', 'FUN', 'AANDK', 'MARACONT', 'WENDYLAND', 'LOWEN', 'JADE', 'FUINUR', 'HOLLY', 'CLARITA', 'AMBER', 'CORDEWA', 'MILLI', 'CRAFTY', 'MAI', 'GWENDY', 'SADIQ', 'FABIO', 'MIYU', 'REI', 'ZONA', 'NOMNOM', 'YUE', 'KYU', 'KAIGUYS'];

	var isValid = false;
	for (var i = 0; i < validCoupons.length; i++) {
		if (couponCode.toUpperCase().indexOf(validCoupons[i]) !== -1) {
			isValid = true;
		}
	}
	
	if (isValid) {
		$('.usdprice').text('$26');
		$('input[name=a3]').val('26.00'); // Set PayPal price

		$('#coupon_code').val(couponCode);
		$('.coupon_applied').show();
		$('.have_coupon_code').hide();
		$('.coupon_line_item').show();
	} else {
		alert("Sorry, that wasn't a valid coupon.");
		$('.coupon_code').val('');
	}
	return false;
}

function initCouponFields() {
	$('.coupon_code_entry button').click(applyCoupon);
	$('.coupon_code_entry form').on('submit', applyCoupon);
	$('.have_coupon_code').click(function() {
		$('.have_coupon_code').hide();
		$('.coupon_code_entry').show();
		$('.coupon_code').focus();
	});
};

function copyNameFromShippingToCard() {
    // If credit card name is empty but there is a name in shipping, use that by default

    var fieldsToCopy = ['.first_name_container', '.last_name_container'];
    fieldsToCopy.forEach(function (field) {
        var shipVal = $('#shipping_address ' + field + ' input').val();
        var ccValSelector = '#credit_card_details ' + field + ' input';
        if (shipVal && !$(ccValSelector).val()) {
            $(ccValSelector).val(shipVal);
        }
    });
}

function initStripe() {
	stripe = Stripe('pk_live_Lh9RxfYBEjLco30J7VLUeGEP');
	var elements = stripe.elements();

	var style = {
		base: {
			iconColor: '#666ee8',
			color: '#31325f',
			fontWeight: 400,
			fontFamily: 'sans-serif',
			fontSmoothing: 'antialiased',
			lineHeight: '30px',
			fontSize: '18px',
			'::placeholder': {
				color: '#aab7c4',
			},
			':-webkit-autofill': {
				color: '#666ee8',
			},
		},
	};

	card = elements.create('card', {style: style});
	card.mount('#card_mount');
}

$(function () { 
	// Don't show CC form if PayPal selected
	$('input[name=billing_method]').change(showFieldsRelevantForBillingMethod);
	showFieldsRelevantForBillingMethod();

	// Subscription attempt
	$('.subscribeSubmit2').click(function (event) { 
		event.preventDefault();
		submissionAttempted = true;

		// See if there are any errors
		var valid = checkForm();
		if (!valid) {
			scrollToError();
			return;
		}

		$('button').hide();
		$('.activity').show();
		if (isPayingByCreditCard()) {
			processCreditCardOrder();
		} else {
			processPayPalOrder();
		}
	});

	// Show relevant errors if fields become invalid, but not on initial fill
	$('input,select').change(function () { 
        copyNameFromShippingToCard();
		if (submissionAttempted) {
			checkForm();
		}		
	});

	$('input,select').on('input', recordReplayStep);

	// Order summary is in two places, let the left one be the defacto content
	$('.order_summary_container_bottom section').replaceWith($('.order_summary_container_left section').clone());
	initCouponFields();
	initStripe();
});