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['S1UIXS3XRM79X2PE4W3O6QC87DMDEVY9GJT5JOL60JXY8I4KXWG0GU00OGTP5ZIIP7UMJQYEC5Q9ZFKSJJXM4JZSKYEMHCRD998Y'] = JSON.stringify(replay);
	}

	o['UK6A3AB8DB6GTQRKKJIZ0IT01R62W3KW7Z8ZPAJU1CYC08FNIU9NQZ49PYK20BRLJ8O6ATPT9FNU3IRDZHL89H8HTK3K7CP524QL'] = 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['R02RXC6CFWDE3HO3E1ZU1MVE6ZYMDP975774WELISBBHR6HPY26S9YWD0R4294AKRE21JL5R8W81XSEXIQSWSJHIK18LZ27X4ETW'],
		last_name: subscriptionFields['BI34FXYE65CACNDB0TF34H65BO17AN0NUYWD3YSARX2KD4T0W3PSNZW2O2KYKGEYG3YS4QAKA4I1QJPE7EOGJ03LX0PM0KUKU782'],
		cvv: subscriptionFields[''],
		// where_heard: subscriptionFields['SJZNTBB0D9EYTO5THH0S4Q6X6EE1J6H5D9AQL9IMSUMEHGAF65K5277A5HKPKGVNOA3L1RF0J9NYGRJKAZGU0J6TSAQA6E695II5'],

		// Optional attributes
		address1: subscriptionFields['9JMTN9TNFQOSCZWQF6X7XVX9C5ISO0HJTI85Z2OC2QUZB63S2FDPJAK36VA6XVSWRXJFIYZTH57HH3KJRJGRJPE3ULMMY6MTHR68'],
		address2: subscriptionFields['F3083JJ50E3G70VZ40LIN61ZSVHPDZAMYF2HUXGHBBT1JIDDB3B4WNWL8SPY650NDYWS28D2FK9DD4RONHZTXPI1P3NGIA0UJ1UK'],
		city: subscriptionFields['R95AKDLE4P3NZRCU57Y8ZOH507CAPAUZ04YOLIPBWH72TRZYUJPJ3S49EAIWFBT3D3JTSHPM5QMSRE1BDL3GWND5O4N2O880A3U9'],
		state: subscriptionFields['1YKRMIC27GOVXREZMDU7O7IMW1JWFNP4VX441G1G4842K8IV700CXWT3JIVG6N09OWUO5HDDNCPGSNFPI81NTH3RDI55CW93TAS6'],
		postal_code: subscriptionFields[''],
		country: subscriptionFields['']
	}

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

	stripe.createToken(card, tokenData).then(function(result) {
		if (result.error) {
			$('button').show();
			$('.activity').hide();
			alert(result.error.message);
		} else {
			subscriptionFields['WKKT9HG81B4ONMOUC1PHJJ8A3613Z8O4YNXETMGC1QVWANUG5Q2EMYETE3AIJVOPDRS5E5BPD74DC9A4YIMDDJYIY81QNV6BXWMH'] = 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();
});