( function() {
	const { __ } = wp.i18n;

	function activatePlugin( pluginPath, button ) {
		button.classList.add( 'updating-message' );
		wp.apiFetch( {
			path: '/wpchill/v1/activate-plugin',
			method: 'POST',
			data: {
				plugin: pluginPath,
			},
		} )
			.then( ( response ) => {
				if ( response.success ) {
					button.textContent = __( 'Active', 'strong-testimonials' );
					button.setAttribute( 'disabled', 'true' );
					button.classList.remove( 'updating-message' );
				} else {
					button.textContent = __( 'Activate', 'strong-testimonials' );
					console.error( 'Error activating plugin:', response );
					button.classList.remove( 'updating-message' );
				}
			} )
			.catch( ( error ) => {
				console.error( 'API Fetch error:', error );
			} );
	}

	// Install plugins actions
	document.querySelectorAll( '.wpchill_install_partener_addon' ).forEach( ( button ) => {
		button.addEventListener( 'click', ( event ) => {
			event.preventDefault();

			const current = event.currentTarget;
			const pluginSlug = current.dataset.slug;
			const pluginAction = current.dataset.action;
			const pluginPath = current.dataset.plugin;

			current.classList.add( 'updating-message' );

			if ( pluginAction === 'install' ) {
				current.textContent = __( 'Installing plugin…', 'strong-testimonials' );

				const args = {
					slug: pluginSlug,
					success: () => {
						current.textContent = __( 'Activating plugin…', 'strong-testimonials' );
						current.classList.remove( 'updating-message' );
						activatePlugin( pluginPath, current );
					},
					error: ( response ) => {
						current.textContent = __( 'Install', 'strong-testimonials' );
						current.classList.remove( 'updating-message' );
						console.error( 'Error installing plugin:', response );
					},
				};

				wp.updates.installPlugin( args );
			} else if ( pluginAction === 'activate' ) {
				current.textContent = __( 'Activating plugin…', 'strong-testimonials' );

				activatePlugin( pluginPath, current );
			}
		} );
	} );
}() );