/* global jp_banner */

( function ( $ ) {
	var recommendationsBanner = $( '#jp-recommendations-banner-main' );
	var recommendationsBannerForm = $( '#jp-recommendations-banner__form' );
	var recommendationsBannerContinue = $( '#jp-recommendations-banner__continue-button' );
	var recommendationsBannerDismiss = $( '#jp-recommendations-banner__notice-dismiss' );

	recommendationsBannerForm.on( 'change', function ( event ) {
		if (
			'checkbox' === event.target.type &&
			event.target.parentElement &&
			'label' === event.target.parentElement.tagName.toLowerCase()
		) {
			var isChecked = $( 'label.checked input[name="' + event.target.name + '"]' ).length > 0;
			if ( isChecked ) {
				event.target.parentElement.classList.remove( 'checked' );
			} else {
				event.target.parentElement.classList.add( 'checked' );
			}
		}
	} );

	recommendationsBannerContinue.on( 'click', function () {
		var fieldNames = [ 'builder', 'store', 'personal' ];
		var formData = {};
		fieldNames.forEach( function ( name ) {
			formData[ name ] = $( "input[name='" + name + "']" ).prop( 'checked' );
		} );
		$.post(
			jp_banner.ajax_url,
			{
				action: 'jetpack_recommendations_banner',
				nonce: jp_banner.nonce,
				personal: formData.personal,
				builder: formData.builder,
				store: formData.store,
			},
			function ( response ) {
				if ( true === response.success ) {
					window.location.assign( jp_banner.recommendations_url );
				}
			}
		);
	} );

	recommendationsBannerDismiss.on( 'click', function () {
		$( recommendationsBanner ).hide();

		var data = {
			action: 'jetpack_recommendations_banner',
			nonce: jp_banner.nonce,
			dismissBanner: true,
		};

		$.post( jp_banner.ajax_url, data, function ( response ) {
			if ( true !== response.success ) {
				$( recommendationsBanner ).show();
			}
		} );
	} );
} )( jQuery );