<?php
/**
 * Welcome / Pro promo admin page for Advanced Addons.
 *
 * Shown in the admin menu and opened once after plugin activation.
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

class WPAddons_Admin_Promo {

	const PAGE_SLUG = 'advanced-addons';

	const REDIRECT_TRANSIENT = 'wpaddons_activation_redirect';

	/**
	 * YouTube video ID shown on the welcome page.
	 * Example: for https://www.youtube.com/watch?v=VIDEO_ID use VIDEO_ID only.
	 */
	const YOUTUBE_VIDEO_ID = 'zcnisWAB8mc';

	/**
	 * Pro purchase / pricing URL.
	 */
	const PRO_URL = 'https://payhip.com/b/h7STM';

	public function __construct() {
		add_action( 'admin_menu', array( $this, 'register_menu' ) );
		add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_assets' ) );
		add_action( 'admin_init', array( $this, 'maybe_redirect_on_activation' ) );
	}

	/**
	 * Set a short-lived flag so the next admin load redirects to this page.
	 * Call from register_activation_hook in the main plugin file.
	 */
	public static function set_activation_redirect() {
		set_transient( self::REDIRECT_TRANSIENT, 1, 60 );
	}

	/**
	 * One-time redirect after activation.
	 */
	public function maybe_redirect_on_activation() {
		if ( ! get_transient( self::REDIRECT_TRANSIENT ) ) {
			return;
		}

		delete_transient( self::REDIRECT_TRANSIENT );

		if ( wp_doing_ajax() || ( defined( 'WP_CLI' ) && WP_CLI ) ) {
			return;
		}

		if ( is_network_admin() || isset( $_GET['activate-multi'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification.Recommended
			return;
		}

		if ( ! current_user_can( 'activate_plugins' ) ) {
			return;
		}

		wp_safe_redirect( admin_url( 'admin.php?page=' . self::PAGE_SLUG ) );
		exit;
	}

	public function register_menu() {
		add_menu_page(
			__( 'Advanced Addons', 'advanced-animation' ),
			__( 'Advanced Addons', 'advanced-animation' ),
			'manage_options',
			self::PAGE_SLUG,
			array( $this, 'render_page' ),
			'dashicons-art',
			58
		);

		add_submenu_page(
			self::PAGE_SLUG,
			__( 'Welcome', 'advanced-animation' ),
			__( 'Welcome', 'advanced-animation' ),
			'manage_options',
			self::PAGE_SLUG,
			array( $this, 'render_page' )
		);

		// AI modules load before admin_menu fires, so the class is available here.
		if ( class_exists( '\AdvancedAddons\Tailwind_Theme_Settings', false ) ) {
			add_submenu_page(
				self::PAGE_SLUG,
				__( 'Tailwind Theme', 'advanced-animation' ),
				__( 'Tailwind Theme', 'advanced-animation' ),
				'manage_options',
				\AdvancedAddons\Tailwind_Theme_Settings::PAGE_SLUG,
				array( \AdvancedAddons\Tailwind_Theme_Settings::instance(), 'render_settings_page' )
			);
		}
	}

	public function enqueue_assets( $hook ) {
		if ( 'toplevel_page_' . self::PAGE_SLUG !== $hook ) {
			return;
		}

		wp_enqueue_style(
			'wpaddons-admin-promo',
			plugins_url( 'assets/admin-promo.css', dirname( __DIR__ ) . '/advanced-animation.php' ),
			array(),
			defined( 'ADVANCED_ADDONS_VERSION' ) ? ADVANCED_ADDONS_VERSION : '1.0.0'
		);
	}

	/**
	 * Pro feature list shown on the welcome page.
	 *
	 * @return array<int, array{title: string, description: string, icon: string}>
	 */
	private function get_pro_features() {
		return array(
			array(
				'title'       => __( 'Codex Chat in the Editor', 'advanced-animation' ),
				'description' => __( 'Run a Codex agent inside the block editor and Elementor with a subscription that costs less than bring-your-own API keys.', 'advanced-animation' ),
				'icon'        => 'dashicons-format-chat',
			),
			array(
				'title'       => __( 'Editor Screenshot Capture', 'advanced-animation' ),
				'description' => __( 'Capture the editor for looping agent tasks — like turning a screenshot or image into a full website layout.', 'advanced-animation' ),
				'icon'        => 'dashicons-camera',
			),
			array(
				'title'       => __( 'MCP for Your AI Tools', 'advanced-animation' ),
				'description' => __( 'Connect Codex, Claude, Cursor, OpenCode, and other MCP clients to work with your WordPress site.', 'advanced-animation' ),
				'icon'        => 'dashicons-networking',
			),
			array(
				'title'       => __( 'Figma Conversion', 'advanced-animation' ),
				'description' => __( 'Convert Figma designs into editable WordPress layouts in Gutenberg and Elementor.', 'advanced-animation' ),
				'icon'        => 'dashicons-art',
			),
			array(
				'title'       => __( 'Tailwind HTML Conversion', 'advanced-animation' ),
				'description' => __( 'Paste Tailwind HTML and convert it directly into WordPress blocks or Elementor widgets.', 'advanced-animation' ),
				'icon'        => 'dashicons-editor-code',
			),
			array(
				'title'       => __( 'Unlimited Companion Tools', 'advanced-animation' ),
				'description' => __( 'Pro unlocks unlimited use of our HTML and Figma conversion Chrome extensions and Figma plugin.', 'advanced-animation' ),
				'icon'        => 'dashicons-admin-plugins',
			),
		);
	}

	/**
	 * Companion tools included with Pro (unlimited usage).
	 *
	 * @return array<int, array{title: string, description: string, url: string}>
	 */
	private function get_pro_tools() {
		return array(
			array(
				'title'       => __( 'HTML to Tailwind', 'advanced-animation' ),
				'description' => __( 'Chrome extension — convert any page HTML into Tailwind classes.', 'advanced-animation' ),
				'url'         => 'https://chromewebstore.google.com/detail/html-to-tailwind/kchdoeihmmgkghnhgpnbpocnnlpfehef',
			),
			array(
				'title'       => __( 'HTML to WordPress', 'advanced-animation' ),
				'description' => __( 'Chrome extension — turn HTML into WordPress blocks you can paste into the editor.', 'advanced-animation' ),
				'url'         => 'https://chromewebstore.google.com/detail/html-to-wordpress/fenjbbcgglfkokgjimkbbpghhmampcpi',
			),
			array(
				'title'       => __( 'HTML to Elementor', 'advanced-animation' ),
				'description' => __( 'Chrome extension — convert HTML into Elementor-ready structures.', 'advanced-animation' ),
				'url'         => 'https://chromewebstore.google.com/detail/html-to-elementor/bammnammeldigbbkooilpcmigfejfhko',
			),
			array(
				'title'       => __( 'Figma to Elementor', 'advanced-animation' ),
				'description' => __( 'Figma community plugin — export designs straight into Elementor.', 'advanced-animation' ),
				'url'         => 'https://www.figma.com/community/plugin/1289146550601337525/figma-to-elementor',
			),
		);
	}

	public function render_page() {
		if ( ! current_user_can( 'manage_options' ) ) {
			return;
		}

		$pro_url  = apply_filters( 'wpaddons_pro_url', self::PRO_URL );
		$video_id = sanitize_text_field( apply_filters( 'wpaddons_promo_youtube_id', self::YOUTUBE_VIDEO_ID ) );
		$features = $this->get_pro_features();
		$tools    = $this->get_pro_tools();
		?>
		<div class="wrap wpaddons-promo">
			<div class="wpaddons-promo__banner">
				<div class="wpaddons-promo__banner-body">
					<h1><?php esc_html_e( 'Advanced Addons', 'advanced-animation' ); ?></h1>
					<p>
						<?php
						esc_html_e(
							'Thank you for installing Advanced Addons. Build with AI, animation, and custom CSS inside the block editor and Elementor. Upgrade to Pro for Codex chat, MCP, design conversion, and unlimited companion tools.',
							'advanced-animation'
						);
						?>
					</p>
					<a class="wpaddons-promo__btn wpaddons-promo__btn--primary" href="<?php echo esc_url( $pro_url ); ?>" target="_blank" rel="noopener noreferrer">
						<?php esc_html_e( 'Get Pro — Codex & MCP', 'advanced-animation' ); ?>
					</a>
				</div>
			</div>

			<div class="wpaddons-promo__intro">
				<h2><?php esc_html_e( 'What you get for free', 'advanced-animation' ); ?></h2>
				<p>
					<?php
					esc_html_e(
						'The free version includes an AI WordPress builder (bring your own key via WordPress connectors), plus animation and custom CSS tools — all inside the block editor and Elementor.',
						'advanced-animation'
					);
					?>
				</p>
				
			</div>

			<div class="wpaddons-promo__video-wrap">
				<div class="wpaddons-promo__video">
					<?php if ( $video_id ) : ?>
						<iframe
							src="<?php echo esc_url( 'https://www.youtube.com/embed/' . rawurlencode( $video_id ) ); ?>"
							title="<?php esc_attr_e( 'Advanced Addons overview', 'advanced-animation' ); ?>"
							frameborder="0"
							allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
							allowfullscreen
							loading="lazy"
						></iframe>
					<?php else : ?>
						<div class="wpaddons-promo__video-placeholder">
							<span class="dashicons dashicons-video-alt3" aria-hidden="true"></span>
							<p><?php esc_html_e( 'AI builder, animation, custom CSS, Codex chat, and MCP — all inside Gutenberg and Elementor.', 'advanced-animation' ); ?></p>
						</div>
					<?php endif; ?>
				</div>
			</div>

			<div class="wpaddons-promo__features">
				<h2><?php esc_html_e( 'Unlock more with Pro', 'advanced-animation' ); ?></h2>
				<div class="wpaddons-promo__grid">
					<?php foreach ( $features as $feature ) : ?>
						<div class="wpaddons-promo__card">
							<span class="dashicons <?php echo esc_attr( $feature['icon'] ); ?>" aria-hidden="true"></span>
							<h3><?php echo esc_html( $feature['title'] ); ?></h3>
							<p><?php echo esc_html( $feature['description'] ); ?></p>
						</div>
					<?php endforeach; ?>
				</div>
			</div>

			<div class="wpaddons-promo__tools">
				<h2><?php esc_html_e( 'Unlimited Pro companion tools', 'advanced-animation' ); ?></h2>
				<p class="wpaddons-promo__tools-intro">
					<?php
					esc_html_e(
						'Pro includes unlimited usage of these conversion tools so you can move designs from the browser or Figma into WordPress and Elementor without usage caps.',
						'advanced-animation'
					);
					?>
				</p>
				<ul class="wpaddons-promo__tools-list">
					<?php foreach ( $tools as $tool ) : ?>
						<li class="wpaddons-promo__tool">
							<div class="wpaddons-promo__tool-body">
								<h3><?php echo esc_html( $tool['title'] ); ?></h3>
								<p><?php echo esc_html( $tool['description'] ); ?></p>
							</div>
							<a class="wpaddons-promo__tool-link" href="<?php echo esc_url( $tool['url'] ); ?>" target="_blank" rel="noopener noreferrer">
								<?php esc_html_e( 'Open tool', 'advanced-animation' ); ?>
								<span class="dashicons dashicons-external" aria-hidden="true"></span>
							</a>
						</li>
					<?php endforeach; ?>
				</ul>
			</div>

			<div class="wpaddons-promo__cta">
				<p><?php esc_html_e( 'Ready for Codex chat, MCP, and unlimited conversion tools?', 'advanced-animation' ); ?></p>
				<a class="wpaddons-promo__btn wpaddons-promo__btn--primary" href="<?php echo esc_url( $pro_url ); ?>" target="_blank" rel="noopener noreferrer">
					<?php esc_html_e( 'View Pro', 'advanced-animation' ); ?>
				</a>
			</div>
		</div>
		<?php
	}
}