$(function() {

	var stripe = Stripe('pk_live_51OvNiAHqU0UVlwuaxXKY3Vpkq6iTbpjjX9i7o77auuk8iFkuIA6Uf9EXPfZc2XlwMzXN134kEpdAenBJLXA2x9Vn00e9iV7QVQ');
	var elements = stripe.elements();
	var style = {
		base: {
			color: '#444444',
			lineHeight: '48px',
			fontFamily: '"Source Sans Pro",sans-serif',
			fontSmoothing: 'antialiased',
			fontSize: '16px',
				'::placeholder': {
					color: '#757575'
				}
		},
		invalid: {
			color: '#D91E18',
			iconColor: '#D91E18'
		}
	};
	var card = elements.create('card', {style: style});

	card.mount('#card-element');
	card.addEventListener('change', function(event) {
		var displayError = document.getElementById('card-errors');
		if (event.error) {
			displayError.textContent = event.error.message;
		} else {
			displayError.textContent = '';
		}
	});

	$('#donation-form').submit( function(e) {

		var $form = $(this);

		e.preventDefault();
		var token_data = {
			name: $('#full_name').val(),
		};

		stripe.createToken(card, token_data).then(function(result) {
			if (result.error) {
				var errorElement = document.getElementById('card-errors');
				errorElement.textContent = result.error.message;
			} else {
				$('<input>').attr({type: 'hidden', name: 'stripeToken', value: result.token.id}).appendTo($form);


				TrlxRecaptcha($form.data('action')).then(function(data) {
						$form.prepend('<input type="hidden" name="g-recaptcha-response" value="' + data.response + '">');
						$form.unbind('submit').submit();
					}
				);
			}
		});

	});
});