document.addEventListener( 'DOMContentLoaded', () => {
	const config = ppcpSwitchSettingsUi;
	const button = document.querySelector(
		'.button.button-settings-switch-ui'
	);

	if ( ! typeof config || ! button ) {
		return;
	}

	button.addEventListener( 'click', () => {
		fetch( config.endpoint, {
			method: 'POST',
			headers: {
				'Content-Type': 'application/json',
			},
			body: JSON.stringify( {
				nonce: config.nonce,
			} ),
		} )
			.then( ( response ) => {
				if ( ! response.ok ) {
					throw new Error( 'Network response was not ok' );
				}
				return response.json();
			} )
			.then( ( data ) => {
				window.location.reload();
			} )
			.catch( ( error ) => {
				console.error( 'Error:', error );
			} );
	} );
} );