<?php
/**
 * Copyright (c) Facebook, Inc. and its affiliates. All Rights Reserved
 *
 * This source code is licensed under the license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @package MetaCommerce
 */

namespace WooCommerce\Facebook\Admin\Settings_Screens;

defined( 'ABSPATH' ) || exit;

use WooCommerce\Facebook\Admin\Abstract_Settings_Screen;
use WooCommerce\Facebook\Framework\Api\Exception as ApiException;
use WooCommerce\Facebook\RolloutSwitches;

// Include the localization trait
require_once __DIR__ . '/Localization_Settings_Trait.php';

/**
 * Shops settings screen object.
 *
 * @since 3.5.0
 */
class Shops extends Abstract_Settings_Screen {

	use Localization_Settings_Trait;

	/** @var string */
	const ID = 'shops';

	/** @var string */
	const ACTION_SYNC_PRODUCTS = 'wc_facebook_sync_products';

	/** @var string */
	const ACTION_SYNC_COUPONS = 'wc_facebook_sync_coupons';

	/** @var string */
	const ACTION_SYNC_SHIPPING_PROFILES = 'wc_facebook_sync_shipping_profiles';

	/** @var string */
	const ACTION_SYNC_NAVIGATION_MENU = 'wc_facebook_sync_navigation_menu';

	/**
	 * Shops constructor.
	 *
	 * @since 3.5.0
	 */
	public function __construct() {
		add_action( 'init', array( $this, 'initHook' ) );
		add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_assets' ) );
		add_action( 'admin_notices', array( $this, 'add_notices' ) );
		add_action( 'admin_footer', array( $this, 'render_message_handler' ) );
		add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_admin_scripts' ) );
		// Only register this action once across all settings screens that use the trait
		if ( ! has_action( 'woocommerce_admin_field_localization_plugin_status' ) ) {
			add_action( 'woocommerce_admin_field_localization_plugin_status', array( $this, 'render_localization_plugin_status' ) );
		}
	}

	/**
	 * Enqueues the wp-api script and the Facebook REST API JavaScript client.
	 *
	 * @since 3.5.0
	 *
	 * @internal
	 */
	public function enqueue_admin_scripts() {
		if ( $this->is_current_screen_page() ) {
			wp_enqueue_script( 'wp-api' );
		}
	}

	/**
	 * Initializes this settings page's properties.
	 *
	 * @since 3.5.0
	 */
	public function initHook(): void {
		$this->id    = self::ID;
		$this->label = __( 'Shops', 'facebook-for-woocommerce' );
		$this->title = __( 'Shops', 'facebook-for-woocommerce' );
	}

	/**
	 * Adds admin notices.
	 *
	 * @since 3.5.0
	 *
	 * @internal
	 */
	public function add_notices() {
		if ( get_transient( 'wc_facebook_connection_failed' ) ) {
			$message = sprintf(
			/* translators: Placeholders: %1$s - <strong> tag, %2$s - </strong> tag, %3$s - <a> tag, %4$s - </a> tag, %5$s - <a> tag, %6$s - </a> tag */
				__( '%1$sHeads up!%2$s It looks like there was a problem with reconnecting your site to Facebook. Please %3$sclick here%4$s to try again, or %5$sget in touch with our support team%6$s for assistance.', 'facebook-for-woocommerce' ),
				'<strong>',
				'</strong>',
				'<a href="' . esc_url( facebook_for_woocommerce()->get_connection_handler()->get_connect_url() ) . '">',
				'</a>',
				'<a href="' . esc_url( facebook_for_woocommerce()->get_support_url() ) . '" target="_blank">',
				'</a>'
			);

			facebook_for_woocommerce()->get_admin_notice_handler()->add_admin_notice(
				$message,
				'wc_facebook_connection_failed',
				array(
					'notice_class' => 'error',
				)
			);

			delete_transient( 'wc_facebook_connection_failed' );
		}
	}

	/**
	 * Enqueues the assets.
	 *
	 * @since 3.5.0
	 *
	 * @internal
	 */
	public function enqueue_assets() {
		if ( ! $this->is_current_screen_page() ) {
			return;
		}

		wp_enqueue_style( 'wc-facebook-admin-shops-settings', facebook_for_woocommerce()->get_plugin_url() . '/assets/css/admin/facebook-for-woocommerce-shops.css', array(), \WC_Facebookcommerce::VERSION );

		wp_enqueue_script(
			'wc-facebook-enhanced-settings-sync',
			facebook_for_woocommerce()->get_asset_build_dir_url() . '/admin/enhanced-settings-sync.js',
			array( 'jquery' ),
			\WC_Facebookcommerce::PLUGIN_VERSION,
			true
		);

		wp_localize_script(
			'wc-facebook-enhanced-settings-sync',
			'wc_facebook_enhanced_settings_sync',
			array(
				'ajax_url'                     => admin_url( 'admin-ajax.php' ),
				'sync_products_nonce'          => wp_create_nonce( self::ACTION_SYNC_PRODUCTS ),
				'sync_coupons_nonce'           => wp_create_nonce( self::ACTION_SYNC_COUPONS ),
				'sync_shipping_profiles_nonce' => wp_create_nonce( self::ACTION_SYNC_SHIPPING_PROFILES ),
				'sync_navigation_menu_nonce'   => wp_create_nonce( self::ACTION_SYNC_NAVIGATION_MENU ),
			)
		);

		wp_enqueue_style( 'wc-facebook-admin-whatsapp-banner', facebook_for_woocommerce()->get_plugin_url() . '/assets/css/admin/facebook-for-woocommerce-whatsapp-banner.css', array(), \WC_Facebookcommerce::VERSION );
	}

	/**
	 * Renders the screen.
	 *
	 * @since 3.5.0
	 */
	public function render() {
		$is_connected = facebook_for_woocommerce()->get_connection_handler()->is_connected();

		$this->render_facebook_iframe();

		if ( $is_connected ) {
			$this->render_troubleshooting_button_and_drawer();
		}
	}

	/**
	 * Renders the appropriate Facebook iframe based on connection status.
	 *
	 * @since 3.5.0
	 */
	private function render_facebook_iframe() {
		$connection            = facebook_for_woocommerce()->get_connection_handler();
		$is_connected          = $connection->is_connected();
		$merchant_access_token = get_option( 'wc_facebook_merchant_access_token', '' );

		if ( ! empty( $merchant_access_token ) && $is_connected ) {
			$iframe_url = \WooCommerce\Facebook\Handlers\MetaExtension::generate_iframe_management_url(
				$connection->get_external_business_id()
			);
		} else {
			$iframe_url = \WooCommerce\Facebook\Handlers\MetaExtension::generate_iframe_splash_url(
				$is_connected,
				$connection->get_plugin(),
				$connection->get_external_business_id()
			);
		}

		if ( empty( $iframe_url ) ) {
			return;
		}
		?>
	<div style="display: flex; justify-content: center; max-width: 1200px; margin: 0 auto;">
		<iframe
			id="facebook-commerce-iframe-enhanced"
			src="<?php echo esc_url( $iframe_url ); ?>"
			></iframe>
	</div>
		<?php
	}

	/**
	 * Renders the troubleshooting button and drawer.
	 *
	 * @since 3.5.0
	 */
	private function render_troubleshooting_button_and_drawer() {
		?>
	<div class="centered-container">
		<button id="toggle-troubleshooting-drawer" class="drawer-toggle-button">
			Troubleshooting
			<span id="caret" class="caret"></span>
		</button>
	</div>

	<div id="troubleshooting-drawer" class="settings-drawer" style="display: none;">
		<div class="settings-drawer-content">
			<table class="form-table">
				<tbody>
					<tr valign="top" class="wc-facebook-shops-sample">
						<th scope="row" class="titledesc">
							Product data sync
						</th>
						<td class="forminp">
							<button
								id="wc-facebook-enhanced-settings-sync-products"
								class="button"
								type="button">
								<?php esc_html_e( 'Sync now', 'facebook-for-woocommerce' ); ?>
							</button>
							<p id="product-sync-description" class="sync-description">
								Manually sync your products from WooCommerce to your shop. It may take a couple of minutes for the changes to populate.
							</p>
						</td>
					</tr>
					<tr valign="top" class="wc-facebook-shops-sample">
						<th scope="row" class="titledesc">
							Coupon codes sync
						</th>
						<td class="forminp">
							<button
								id="wc-facebook-enhanced-settings-sync-coupons"
								class="button"
								type="button">
								<?php esc_html_e( 'Sync now', 'facebook-for-woocommerce' ); ?>
							</button>
							<p id="coupon-sync-description" class="sync-description">
								Manually sync your coupons from WooCommerce to your shop. It may take a couple of minutes for the changes to populate.
							</p>
						</td>
					</tr>
					<tr valign="top" class="wc-facebook-shops-sample">
						<th scope="row" class="titledesc">
							Shipping profiles sync
						</th>
						<td class="forminp">
							<button
								id="wc-facebook-enhanced-settings-sync-shipping-profiles"
								class="button"
								type="button">
								<?php esc_html_e( 'Sync now', 'facebook-for-woocommerce' ); ?>
							</button>
							<p id="shipping-profile-sync-description" class="sync-description">
								Manually sync your shipping profiles from WooCommerce to your shop. It may take a couple of minutes for the changes to populate.
							</p>
						</td>
					</tr>
					<tr valign="top" class="wc-facebook-shops-sample">
						<th scope="row" class="titledesc">
							Navigation menu sync
						</th>
						<td class="forminp">
							<button
								id="wc-facebook-enhanced-settings-sync-navigation-menu"
								class="button"
								type="button">
								<?php esc_html_e( 'Sync now', 'facebook-for-woocommerce' ); ?>
							</button>
							<p id="navigation-menu-sync-description" class="sync-description">
								Manually sync your category navigation menu from WooCommerce to your shop. It may take a couple of minutes for the changes to populate.
							</p>
						</td>
					</tr>
				</tbody>
			</table>

			<?php parent::render(); ?>
		</div>
	</div>

	<script>
		document.getElementById('toggle-troubleshooting-drawer').addEventListener('click', function() {
			var drawer = document.getElementById('troubleshooting-drawer');
			var caret = document.getElementById('caret');
			var button = document.getElementById('toggle-troubleshooting-drawer');

			if (drawer.style.maxHeight === '0px' || drawer.style.maxHeight === '') {
				drawer.style.display = 'block';
				drawer.style.maxHeight = drawer.scrollHeight + 'px';
				caret.style.transform = 'rotate(180deg)';
				drawer.style.marginBottom = '20px';
				button.style.marginBottom = '0';
			} else {
				drawer.style.maxHeight = '0';
				setTimeout(function() {
					drawer.style.display = 'none';
				}, 300);
				caret.style.transform = 'rotate(0deg)';
				drawer.style.marginBottom = '0';
				button.style.marginBottom = '20px';
			}
		});
	</script>
		<?php
	}

	/**
	 * Gets the screen settings.
	 *
	 * @return array
	 * @since 3.5.0
	 */
	public function get_settings(): array {
		// Get the parent settings (debug mode, meta diagnosis, etc.)
		$parent_settings = self::get_settings_with_title_static( '' );

		// Get the localization settings
		$localization_settings = $this->get_localization_settings();

		// Merge both settings arrays
		return array_merge( $parent_settings, $localization_settings );
	}

	/**
	 * Returns the shop-wide settings array.
	 * Reused in Connection.php.
	 *
	 * @param string $title A translated title.
	 * @return array
	 */
	public static function get_settings_with_title_static( string $title ): array {
		$offer_management_enabled_by_fb = facebook_for_woocommerce()->get_rollout_switches()->is_switch_enabled(
			RolloutSwitches::SWITCH_OFFER_MANAGEMENT_ENABLED
		);

		$title_array = [
			'title' => $title,
			'type'  => 'title',
		];

		$settings_without_title_and_type = [
			[
				'id'       => \WC_Facebookcommerce_Integration::SETTING_ENABLE_META_DIAGNOSIS,
				'title'    => __( 'Enable meta diagnosis', 'facebook-for-woocommerce' ),
				'type'     => 'checkbox',
				'desc'     => __( 'Upload plugin events to Meta', 'facebook-for-woocommerce' ),
				'desc_tip' => sprintf( __( 'Allow Meta to monitor event and error logs to help fix issues.', 'facebook-for-woocommerce' ) ),
				'default'  => 'yes',
			],

			[
				'id'       => \WC_Facebookcommerce_Integration::SETTING_ENABLE_DEBUG_MODE,
				'title'    => __( 'Enable debug mode', 'facebook-for-woocommerce' ),
				'type'     => 'checkbox',
				'desc'     => __( 'Log plugin events for debugging.', 'facebook-for-woocommerce' ),
				/* translators: %s URL to the documentation page. */
				'desc_tip' => sprintf( __( 'Only enable this if you are experiencing problems with the plugin. <a href="%s" target="_blank">Learn more</a>.', 'facebook-for-woocommerce' ), 'https://woocommerce.com/document/facebook-for-woocommerce/#debug-tools' ),
				'default'  => 'no',
			],
		];
		if ( $offer_management_enabled_by_fb ) {
			$settings_without_title_and_type[] = [
				'id'       => \WC_Facebookcommerce_Integration::SETTING_ENABLE_FACEBOOK_MANAGED_COUPONS,
				'title'    => __( 'Enable Meta-managed coupons', 'facebook-for-woocommerce' ),
				'type'     => 'checkbox',
				'desc'     => __( 'Allow Meta to create and manage coupons based on your offer setup on Meta business tools', 'facebook-for-woocommerce' ),
				'desc_tip' => sprintf( __( 'If this is disabled, some promotional features in Meta business tools may not be available.', 'facebook-for-woocommerce' ) ),
				'default'  => \WC_Facebookcommerce_Integration::SETTING_ENABLE_FACEBOOK_MANAGED_COUPONS_DEFAULT_VALUE,
			];
		}

		$section_end_array = [ 'type' => 'sectionend' ];

		array_unshift( $settings_without_title_and_type, $title_array );
		$settings_without_title_and_type[] = $section_end_array;

		return array_merge( $title_array, $settings_without_title_and_type, $section_end_array );
	}

	/**
	 * Renders the message handler script in the footer.
	 *
	 * @since 3.5.0
	 */
	public function render_message_handler() {
		if ( ! $this->is_current_screen_page() ) {
			return;
		}

		wp_add_inline_script( 'plugin-api-client', $this->generate_inline_enhanced_onboarding_script(), 'after' );
	}

	/**
	 * Generates the inline script for the enhanced onboarding flow.
	 *
	 * @since 3.5.0
	 *
	 * @return string
	 */
	public function generate_inline_enhanced_onboarding_script() {
		// Generate a fresh nonce for this request
		$nonce = wp_json_encode( wp_create_nonce( 'wp_rest' ) );

		// Create the inline script with HEREDOC syntax for better JS readability
		return <<<JAVASCRIPT
			const fbAPI = GeneratePluginAPIClient({$nonce});
			window.addEventListener('message', function(event) {
				const message = event.data;
				const messageEvent = message.event;

				if (messageEvent === 'CommerceExtension::INSTALL' && message.success) {
					const cms_id = message.installed_features.find( ( f ) => 'fb_shop' === f.feature_type )?.connected_assets?.commerce_merchant_settings_id ||
						message.installed_features.find( ( f ) => 'ig_shopping' === f.feature_type )?.connected_assets?.commerce_merchant_settings_id || '';
					const ad_account_id = message.installed_features.find( ( f ) => 'ads' === f.feature_type )?.connected_assets?.ad_account_id || '';

					const requestBody = {
						access_token: message.access_token,
						merchant_access_token: message.access_token,
						page_access_token: message.access_token,
						product_catalog_id: message.catalog_id,
						pixel_id: message.pixel_id,
						page_id: message.page_id,
						business_manager_id: message.business_manager_id,
						commerce_merchant_settings_id: cms_id,
						ad_account_id: ad_account_id,
						commerce_partner_integration_id: message.commerce_partner_integration_id || '',
						profiles: message.profiles,
						installed_features: message.installed_features
					};

					fbAPI.updateSettings(requestBody)
						.then(function(response) {
							if (response.success) {
								window.location.reload();
							} else {
								console.error('Error updating Facebook settings:', response);
							}
						})
						.catch(function(error) {
							console.error('Error during settings update:', error);
						});
				}

				if (messageEvent === 'CommerceExtension::RESIZE') {
					const iframe = document.getElementById('facebook-commerce-iframe-enhanced');
					if (iframe && message.height) {
						iframe.height = message.height;
					}
				}

				if (messageEvent === 'CommerceExtension::UNINSTALL') {
					fbAPI.uninstallSettings()
						.then(function(response) {
							if (response.success) {
								window.location.reload();
							}
						})
						.catch(function(error) {
							console.error('Error during uninstall:', error);
							window.location.reload();
						});
				}
			});
		JAVASCRIPT;
	}
}
