<?php
/**
 * Frontend Generator class
 *
 * @author Jegstudio
 * @since 1.0.0
 * @package gutenverse-framework
 */

namespace Gutenverse\Framework;

use WP_Block_Patterns_Registry;
use Gutenverse\Framework\Style\Column;
use Gutenverse\Framework\Style\Container;
use Gutenverse\Framework\Style\Wrapper;
use Gutenverse\Framework\Style\Section;

/**
 * Class Frontend Generator
 *
 * @since 2.3.0:
 *      - Class renamed from Style_Generator to Frontend_Generator
 *      - Add few functions to load scripts conditionally:
 *              - check_attributes
 *              - add_script
 *              - load_conditional_scripts
 *
 * @package gutenverse-framework
 */
class Frontend_Generator {
	/**
	 * Font Families
	 *
	 * @var array
	 */
	protected $font_families = array();

	/**
	 * Font Variables
	 *
	 * @var array
	 */
	protected $font_variables = array();

	/**
	 * List of scripts required to load
	 *
	 * @var array
	 */
	protected $script_list = array();

	/**
	 * List of styles required to load
	 *
	 * @var array
	 */
	protected $style_list = array();

	/**
	 * List of images required to preload
	 *
	 * @var array
	 */
	protected $preload_images = array();

	/**
	 * Init constructor.
	 * priority change to 10 and embed font after style generator with priority 11.
	 * to fix font not loaded in frontend for section that imported from libary.
	 */
	public function __construct() {
		add_action( 'gutenverse_include_frontend', array( $this, 'global_style_generator' ), 30 );
		add_action( 'gutenverse_include_frontend', array( $this, 'template_style_generator' ), 30 );
		add_action( 'gutenverse_include_frontend', array( $this, 'content_style_generator' ), 31 );
		add_action( 'gutenverse_include_frontend', array( $this, 'widget_style_generator' ) );
		add_action( 'gutenverse_include_frontend', array( $this, 'embeed_font_generator' ), 50 );
		add_action( 'gutenverse_include_frontend', array( $this, 'load_conditional_scripts' ), 51 );
		add_action( 'gutenverse_include_frontend', array( $this, 'load_conditional_styles' ), 51 );
		add_action( 'gutenverse_include_frontend', array( $this, 'block_styles' ) );
		add_action( 'wp_head', array( $this, 'render_preload_images' ), 5 );
	}

	/**
	 * Get render mechanism.
	 *
	 * @return string
	 */
	public function get_render_mechanism() {
		return apply_filters( 'gutenverse_frontend_render_mechanism', 'direct' );
	}

	/**
	 * Render Style on Style.
	 *
	 * @todo: Jangan akses instance style cache secara langsung.
	 *
	 * @param string $name Name of Style.
	 * @param string $style Style Content.
	 * @param string $origin Origination of style.
	 */
	public function render_style( $name, $style, $origin ) {
		if ( apply_filters( 'gutenverse_render_generated_style', false, $name, $style, $origin ) ) {
			return;
		}

		wp_add_inline_style( 'gutenverse-frontend-style', $style );
	}

	/**
	 * Render CSS for Widget.
	 */
	public function widget_style_generator() {
		if ( current_theme_supports( 'widgets' ) ) {
			$widgets       = get_option( 'widget_block' );
			$style         = null;
			$name          = 'gutenverse-widget';
			$bypass_style  = apply_filters( 'gutenverse_bypass_generate_style', false, $name, 'widget' );
			$bypass_script = apply_filters( 'gutenverse_bypass_generate_script', false, $name );

			if ( $bypass_style && $bypass_script ) {
				return;
			}

			foreach ( $widgets as $widget ) {
				if ( isset( $widget['content'] ) ) {
					$blocks = $this->parse_blocks( $widget['content'] );
					$blocks = $this->flatten_blocks( $blocks );
					if ( $blocks ) {
						$this->loop_blocks( $blocks, $style );
					}
				}
			}

			do_action( 'gutenverse_after_style_loop_blocks' );

			$this->render_style( $name, $style, 'widget' );
		}
	}

	/**
	 * Global Style Generator.
	 */
	public function global_style_generator() {
		$variable = apply_filters( 'gutenverse_global_css', '' );

		if ( ! empty( trim( $variable ) ) ) {
			wp_add_inline_style( 'gutenverse-frontend-style', $variable );
		}
	}

	/**
	 * Embeed Font on Header.
	 */
	public function embeed_font_generator() {
		$this->font_families = $this->load_global_fonts();
		gutenverse_header_font( $this->font_families );
	}

	/**
	 * Callback function Flatten Blocks for lower version.
	 *
	 * @param blocks $blocks .
	 *
	 * @return blocks.
	 */
	public function flatten_blocks( $blocks ) {
		if ( gutenverse_compatible_check() ) {
			// use Gutenberg or WP 5.9 & above version.
			return _flatten_blocks( $blocks );
		}

		/**
		 * Below is the native functionality of "_flatten_blocks".
		 * Just to prevent fatal error if somehow user able to install this plugin on WP below 5.9.
		 */
		$all_blocks = array();
		$queue      = array();
		foreach ( $blocks as &$block ) {
			$queue[] = &$block;
		}

		$total = count( $queue );
		while ( $total > 0 ) {
			$block = &$queue[0];
			array_shift( $queue );
			$all_blocks[] = &$block;

			if ( ! empty( $block['innerBlocks'] ) ) {
				foreach ( $block['innerBlocks'] as &$inner_block ) {
					$queue[] = &$inner_block;
				}
			}
		}

		return $all_blocks;
	}

	/**
	 * Callback function for lower version.
	 *
	 * @param blocks $template_content .
	 *
	 * @return blocks.
	 */
	public function inject_theme_attribute_in_block_template_content( $template_content ) {
		if ( gutenverse_compatible_check( '6.4' ) ) {
			// use Gutenberg or WP 6.4 & above version.
			return traverse_and_serialize_blocks( parse_blocks( $template_content ), '_inject_theme_attribute_in_template_part_block' );
		}

		/**
		 * Below is the native functionality of "_inject_theme_attribute_in_block_template_content".
		 * Just to prevent fatal error if somehow user able to install this plugin on WP below 5.9.
		 */
		$has_updated_content = false;
		$new_content         = '';
		$template_blocks     = parse_blocks( $template_content );

		$blocks = $this->flatten_blocks( $template_blocks );
		foreach ( $blocks as &$block ) {
			if (
				'core/template-part' === $block['blockName'] &&
				! isset( $block['attrs']['theme'] )
			) {
				$block['attrs']['theme'] = wp_get_theme()->get_stylesheet();
				$has_updated_content     = true;
			}
		}

		if ( $has_updated_content ) {
			foreach ( $template_blocks as &$block ) {
				$new_content .= serialize_block( $block );
			}

			return $new_content;
		}

		return $template_content;
	}

	/**
	 * Generate style for template.
	 */
	public function template_style_generator() {
		global $_wp_current_template_content, $_wp_current_template_id;
		if ( $_wp_current_template_id ) {
			$style         = null;
			$template      = explode( '//', $_wp_current_template_id );
			$name          = 'gutenverse-template-' . $template[1];
			$bypass_style  = apply_filters( 'gutenverse_bypass_generate_style', false, $name, 'template' );
			$bypass_script = apply_filters( 'gutenverse_bypass_generate_script', false, $name );

			if ( $bypass_style && $bypass_script ) {
				return;
			}

			if ( ! empty( $_wp_current_template_content ) ) {
				$blocks = $this->parse_blocks( $_wp_current_template_content );
				$blocks = $this->flatten_blocks( $blocks );

				if ( $blocks ) {
					$this->loop_blocks( $blocks, $style );
				}

				if ( ! empty( $style ) && ! empty( trim( $style ) ) ) {
					$this->render_style( $name, $style, 'template' );
				}
			}

			do_action( 'gutenverse_after_style_loop_blocks' );
		}
	}

	/**
	 * Content Style Generator.
	 */
	public function content_style_generator() {
		global $post;
		if ( $post ) {
			$style         = null;
			$name          = 'gutenverse-content-' . $post->ID;
			$bypass_style  = apply_filters( 'gutenverse_bypass_generate_style', false, $name, 'content' );
			$bypass_script = apply_filters( 'gutenverse_bypass_generate_script', false, $name );

			if ( $bypass_style && $bypass_script ) {
				return;
			}

			if ( has_blocks( $post ) && isset( $post->post_content ) ) {
				$blocks = $this->parse_blocks( $post->post_content );
				$blocks = $this->flatten_blocks( $blocks );
				$this->loop_blocks( $blocks, $style );

				if ( ! empty( $style ) && ! empty( trim( $style ) ) ) {
					$this->render_style( $name, $style, 'content' );
				}
			}

			do_action( 'gutenverse_after_style_loop_blocks' );
		}
	}

	/**
	 * Loop Block.
	 *
	 * @param array  $blocks Array of blocks.
	 * @param string $style Style string.
	 */
	public function loop_blocks( $blocks, &$style ) {
		foreach ( $blocks as $block ) {
			$this->generate_block_style( $block, $style );

			$this->check_attributes( $block['attrs'], $block['blockName'] );

			if ( 'core/template-part' === $block['blockName'] ) {
				$parts = $this->get_template_part_content( $block['attrs'] );
				$parts = parse_blocks( $parts );
				$parts = $this->flatten_blocks( $parts );
				if ( $parts ) {
					$this->loop_blocks( $parts, $style );
				}
				$this->inject_template_part( $block );
			}

			if ( 'core/pattern' === $block['blockName'] ) {
				$parts = $this->get_pattern_content( $block['attrs'] );
				$parts = parse_blocks( $parts );
				$parts = $this->flatten_blocks( $parts );
				if ( $parts ) {
					$this->loop_blocks( $parts, $style );
				}
			}

			if ( 'core/block' === $block['blockName'] && isset( $block['attrs'] ) && isset( $block['attrs']['ref'] ) ) {
				$reusables = get_post( $block['attrs']['ref'] );

				if ( $reusables ) {
					$reusables = $this->parse_blocks( $reusables->post_content );
					$reusables = $this->flatten_blocks( $reusables );
					if ( $reusables ) {
						$this->loop_blocks( $reusables, $style );
					}
				}
			}

			// Check for Background Attribute with fetchPriorityHigh.
			if ( ! empty( $block['attrs']['background']['fetchPriorityHigh'] ) ) {
				$bg         = $block['attrs']['background'];
				$image_urls = array();

				if ( ! empty( $bg['useFeaturedImage'] ) && has_post_thumbnail() ) {
					$use_featured = $bg['useFeaturedImage'];
					if ( is_array( $use_featured ) ) {
						if ( ! empty( $use_featured['Desktop'] ) ) {
							$image_urls[] = get_the_post_thumbnail_url( get_the_ID(), 'full' );
						}
					} else { // Boolean or simple value.
						$image_urls[] = get_the_post_thumbnail_url( get_the_ID(), 'full' );
					}
				} elseif ( ! empty( $bg['type'] ) && 'slide' === $bg['type'] && ! empty( $bg['slideImage'] ) ) {
					$slide_images = $bg['slideImage'];

					if ( is_array( $slide_images ) && isset( $slide_images[0]['image']['image'] ) ) {
						$image_urls[] = $slide_images[0]['image']['image'];
					}
				} elseif ( ! empty( $bg['image'] ) ) {
					$image = $bg['image'];
					if ( isset( $image['image'] ) ) {
						$image_urls[] = $image['image'];
					} elseif ( isset( $image['url'] ) ) {
						$image_urls[] = $image['url'];
					} elseif ( isset( $image['Desktop']['image'] ) ) {
						$image_urls[] = $image['Desktop']['image'];
					} elseif ( isset( $image['Desktop']['url'] ) ) {
						$image_urls[] = $image['Desktop']['url'];
					}
				}

				if ( ! empty( $image_urls ) ) {
					foreach ( $image_urls as $url ) {
						if ( $url ) {
							$this->preload_images[] = $url;
						}
					}
				}
			}

			if ( ! empty( $block['attrs']['backgroundOverlay']['fetchPriorityHigh'] ) ) {
				$bg_overlay = $block['attrs']['backgroundOverlay'];

				if ( isset( $bg_overlay['image'] ) ) {
					$image      = $bg_overlay['image'];
					$image_urls = array();

					if ( isset( $image['image'] ) ) {
						$image_urls[] = $image['image'];
					} elseif ( isset( $image['url'] ) ) {
						$image_urls[] = $image['url'];
					} elseif ( isset( $image['Desktop']['image'] ) ) {
						$image_urls[] = $image['Desktop']['image'];
					} elseif ( isset( $image['Desktop']['url'] ) ) {
						$image_urls[] = $image['Desktop']['url'];
					}

					if ( ! empty( $image_urls ) ) {
						foreach ( $image_urls as $url ) {
							if ( $url ) {
								$this->preload_images[] = $url;
							}
						}
					}
				}
			}

			do_action_ref_array( 'gutenverse_loop_blocks', array( $block, &$style, $this ) );
		}
	}

	/**
	 * Render Preload Images
	 */
	public function render_preload_images() {
		static $printed_images = array();

		if ( ! empty( $this->preload_images ) ) {
			$this->preload_images = array_unique( $this->preload_images );
			foreach ( $this->preload_images as $image_url ) {
				if ( in_array( $image_url, $printed_images, true ) ) {
					continue;
				}

				printf( '<link rel="preload" fetchpriority="high" as="image" href="%s">', esc_url( $image_url ) );
				$printed_images[] = $image_url;
			}
			$this->preload_images = array();
		}
	}

	/**
	 * Add Template Part.
	 *
	 * @param array $block Block Part.
	 */
	public function inject_template_part( $block ) {
		add_filter(
			'gutenverse_inject_template_part',
			function ( $params ) use ( $block ) {
				$params[] = $block;
				return $params;
			}
		);
	}

	/**
	 * Generate Block Style.
	 *
	 * @param array  $block Detail of block.
	 * @param string $style Style string.
	 */
	public function generate_block_style( $block, &$style ) {
		$instance = $this->get_block_style_instance( $block['blockName'], $block['attrs'] );

		if ( ! is_null( $instance ) ) {
			$style    .= $instance->generate_style();
			$fonts     = $instance->get_fonts();
			$fonts_var = $instance->get_fonts_var();

			if ( ! empty( $fonts ) ) {
				$this->font_families = array_merge( $fonts, $this->font_families );
			}

			if ( ! empty( $fonts_var ) ) {
				$this->font_variables = array_merge( $fonts_var, $this->font_variables );
			}
		}
	}

	/**
	 * Get Template Part Content.
	 *
	 * @param array $attributes Attributes.
	 */
	public function get_template_part_content( $attributes ) {
		$template_part_id = null;
		$area             = WP_TEMPLATE_PART_AREA_UNCATEGORIZED;
		return gutenverse_template_part_content( $attributes, $template_part_id, $area );
	}

	/**
	 * Get Pattern Content.
	 *
	 * @param array $attributes Attributes.
	 */
	public function get_pattern_content( $attributes ) {
		$content = '';

		if ( isset( $attributes['slug'] ) ) {
			$block   = WP_Block_Patterns_Registry::get_instance()->get_registered( $attributes['slug'] );
			$content = isset( $block ) ? $block['content'] : $content;
		}
		return $content;
	}

	/**
	 * Get Block Style Instance.
	 *
	 * @param string $name Block Name.
	 * @param array  $attrs Block Attribute.
	 *
	 * @return Style_Abstract
	 */
	public function get_block_style_instance( $name, $attrs ) {
		$instance = null;

		switch ( $name ) {
			case 'gutenverse/section':
				$instance = new Section( $attrs );
				break;
			case 'gutenverse/column':
				$instance = new Column( $attrs );
				break;
			case 'gutenverse/wrapper':
				$instance = new Wrapper( $attrs );
				break;
			case 'gutenverse/container':
				$instance = new Container( $attrs );
				break;
		}

		$instance = apply_filters( 'gutenverse_block_style_instance', $instance, $name, $attrs );

		return $instance;
	}

	/**
	 * Loading fonts from global styles and variable
	 *
	 * @return array
	 */
	public function load_global_fonts() {
		$variable_fonts = apply_filters( 'gutenverse_font_header', Init::instance()->global_variable->get_global_variable( 'google' ) );
		$custom_fonts   = apply_filters( 'gutenverse_font_header', Init::instance()->global_variable->get_global_variable( 'custom_font_pro' ) );
		$the_fonts      = array_merge( apply_filters( 'gutenverse_custom_font_pro', $variable_fonts, $custom_fonts ), $this->font_families );

		return apply_filters( 'gutenverse_global_fonts', $the_fonts );
	}

	/**
	 * Parse Guten Block.
	 *
	 * @param string $content the content string.
	 * @since 1.1.0
	 */
	public function parse_blocks( $content ) {
		global $wp_version;

		return ( version_compare( $wp_version, '5', '>=' ) ) ? parse_blocks( $content ) : parse_blocks( $content );
	}

	/**
	 * Load attrs.
	 *
	 * @since 2.3.0
	 *
	 * @param array  $attrs attributes data.
	 * @param string $block_name block name.
	 */
	public function check_attributes( $attrs, $block_name ) {
		if ( empty( $attrs ) ) {
			return;
		}

		$conditions = array();

		if ( isset( $attrs['background'] ) ) {
			$conditions[] = array(
				'attr'     => $attrs['background'],
				'allow_if' => array(
					array(
						'id'       => 'useFeaturedImage',
						'operator' => '===',
						'value'    => true,
						'device'   => true,
					),
				),
				'script'   => 'gutenverse-core-frontend-bg-featured-image-script',
			);

			$conditions[] = array(
				'attr'     => $attrs['background'],
				'allow_if' => array(
					array(
						'id'       => 'type',
						'operator' => '===',
						'value'    => 'slide',
					),
				),
				'script'   => 'gutenverse-core-frontend-bg-slideshow-script',
			);

			$conditions[] = array(
				'attr'     => $attrs['background'],
				'allow_if' => array(
					array(
						'id'       => 'type',
						'operator' => '===',
						'value'    => 'video',
					),
				),
				'script'   => 'gutenverse-core-frontend-bg-video-script',
			);
		}

		if ( isset( $attrs['animation'] ) ) {
			$conditions[] = array(
				'attr'     => $attrs['animation'],
				'allow_if' => array(
					array(
						'id'       => 'type',
						'operator' => '!==',
						'value'    => 'none',
						'device'   => true,
					),
				),
				'script'   => 'gutenverse-core-frontend-animation-basic-script',
			);
		}

		$conditions = apply_filters( 'gutenverse_conditional_script_attributes', $conditions, $attrs, $block_name );

		foreach ( $conditions as $condition ) {
			$this->add_script( $condition );
		}
	}

	/**
	 * Conditionally enqueues a script based on attribute checks.
	 * If the 'device' parameter is present, it requires at least ONE device setting to pass the condition.
	 *
	 * @since 2.3.0
	 *
	 * @param array $args The script configuration array, including 'attr', 'allow_if', and 'script'.
	 */
	public function add_script( array $args ) {
		$can_load      = true;
		$script_handle = isset( $args['script'] ) ? $args['script'] : false;
		$style_handle  = isset( $args['style'] ) ? $args['style'] : false;

		if ( isset( $args['attr'], $args['allow_if'] ) ) {
			$attrs      = $args['attr'];
			$conditions = $args['allow_if'];

			foreach ( $conditions as $condition ) {
				$id       = $condition['id'];
				$operator = $condition['operator'];
				$value    = $condition['value'];

				if ( ! isset( $attrs[ $id ] ) ) {
					$can_load = false;
					break;
				}

				$attr_value = $attrs[ $id ];

				if ( isset( $condition['device'] ) ) {
					$device_condition_met = false;

					if ( is_array( $attr_value ) ) {
						foreach ( $attr_value as $device_setting_value ) {

							if ( $this->check_condition( $device_setting_value, $operator, $value ) ) {
								$device_condition_met = true;
								break;
							}
						}
					}

					if ( ! $device_condition_met ) {
						$can_load = false;
						break;
					}
				} elseif ( ! $this->check_condition( $attr_value, $operator, $value ) ) {
					$can_load = false;
					break;
				}
			}

			if ( ! $can_load ) {
				return;
			}
		}

		// Asumsikan pengecekan ada di element itu sendiri.

		if ( ! empty( $script_handle ) ) {
			$this->script_list[] = $script_handle;
		}

		if ( ! empty( $style_handle ) ) {
			$this->style_list[] = $style_handle;
		}
	}

	/**
	 * Helper method to securely check two values against a dynamic operator.
	 * Prevents security risks associated with using 'eval()'.
	 *
	 * @since 2.3.0
	 *
	 * @param mixed  $attr_value The value from the attributes array.
	 * @param string $operator The comparison operator (e.g., '===', '!==').
	 * @param mixed  $target_value The value to compare against.
	 *
	 * @return bool True if the condition is met, false otherwise.
	 */
	protected function check_condition( $attr_value, $operator, $target_value ) {
		switch ( $operator ) {
			case '===':
				return $attr_value === $target_value;
			case '!==':
				return $attr_value !== $target_value;
			case '==':
				return $attr_value == $target_value;
			case '!=':
				return $attr_value != $target_value;
			case '>':
				return $attr_value > $target_value;
			case '<':
				return $attr_value < $target_value;
			case '>=':
				return $attr_value >= $target_value;
			case '<=':
				return $attr_value <= $target_value;
			default:
				return false;
		}
	}

	/**
	 * Load the scripts
	 *
	 * @since 2.3.0
	 */
	public function load_conditional_scripts() {
		$include = array(
			'gutenverse-frontend-event',
		);

		wp_register_script(
			'gutenverse-core-frontend-animation-basic-script',
			GUTENVERSE_FRAMEWORK_URL_PATH . '/assets/js/frontend/animation-basic.js',
			$include,
			GUTENVERSE_FRAMEWORK_VERSION,
			true
		);

		wp_register_script(
			'gutenverse-core-frontend-bg-featured-image-script',
			GUTENVERSE_FRAMEWORK_URL_PATH . '/assets/js/frontend/bg-featured-image.js',
			$include,
			GUTENVERSE_FRAMEWORK_VERSION,
			true
		);

		wp_register_script(
			'gutenverse-core-frontend-bg-slideshow-script',
			GUTENVERSE_FRAMEWORK_URL_PATH . '/assets/js/frontend/slideshow.js',
			$include,
			GUTENVERSE_FRAMEWORK_VERSION,
			true
		);

		wp_register_script(
			'gutenverse-core-frontend-bg-video-script',
			GUTENVERSE_FRAMEWORK_URL_PATH . '/assets/js/frontend/video.js',
			$include,
			GUTENVERSE_FRAMEWORK_VERSION,
			true
		);

		$script_handles = apply_filters( 'gutenverse_conditional_script_handles', $this->script_list );

		// remove duplicates.
		$script_handles = array_values( array_unique( $this->script_list ) );

		if ( ! empty( $script_handles ) ) {
			foreach ( $script_handles as $handle ) {
				wp_enqueue_script( $handle );
			}
		}
	}

	/**
	 * Load conditional styles file
	 *
	 * @since 2.3.0
	 */
	public function load_conditional_styles() {
		$style_handles = apply_filters( 'gutenverse_conditional_style_handles', $this->style_list );

		// remove duplicates
		$style_handles = array_values( array_unique( $this->style_list ) );

		if ( ! empty( $style_handles ) ) {
			foreach ( $style_handles as $handle ) {
				wp_enqueue_style( $handle );
			}
		}
	}

	/**
	 * Load the styles
	 *
	 * @since 2.3.0
	 */
	public function block_styles() {
		$blocks = array(
			'column',
			'container',
			'section',
			'wrapper',
		);

		foreach ( $blocks as $block ) {
			wp_register_style(
				'gutenverse-core-frontend-' . $block . '-style',
				GUTENVERSE_FRAMEWORK_URL_PATH . '/assets/css/frontend/' . $block . '.css',
				array(),
				GUTENVERSE_FRAMEWORK_VERSION
			);
		}
	}
}
