<?php

declare( strict_types=1 );

namespace Blockify\Theme;

use const GLOB_ONLYDIR;
use function add_action;
use function add_editor_style;
use function add_filter;
use function apply_filters;
use function array_flip;
use function array_map;
use function array_merge;
use function basename;
use function class_exists;
use function dirname;
use function file_exists;
use function file_get_contents;
use function filemtime;
use function get_stylesheet_directory;
use function get_template;
use function glob;
use function implode;
use function is_a;
use function is_admin;
use function is_admin_bar_showing;
use function is_archive;
use function is_array;
use function preg_split;
use function str_contains;
use function str_replace;
use function trim;
use function wp_add_inline_style;
use function wp_dequeue_style;
use function wp_enqueue_style;
use function wp_get_global_settings;
use function wp_get_global_styles;
use function wp_get_theme;
use function wp_register_style;

add_action( 'wp_enqueue_scripts', NS . 'enqueue_styles', 99 );
/**
 * Enqueues styles.
 *
 * @since 0.4.0
 *
 * @return void
 */
function enqueue_styles(): void {
	$handle = get_template();

	wp_register_style(
		$handle,
		'',
		[],
		wp_get_theme()->get( 'Version' )
	);

	wp_enqueue_style( $handle );

	wp_add_inline_style(
		$handle,
		get_inline_styles(
			(string) ( $GLOBALS['template_html'] ?? '' ),
			false
		)
	);

	wp_dequeue_style( 'wp-block-library-theme' );
}

/**
 * Returns filtered inline styles.
 *
 * @since 0.9.22
 *
 * @param string $content   Page content.
 * @param bool   $is_editor Is Editor.
 *
 * @return string
 */
function get_inline_styles( string $content, bool $is_editor ): string {
	$css = apply_filters(
		'blockify_inline_css',
		implode(
			'',
			[
				get_dark_mode_custom_properties(),
				get_dynamic_custom_properties(),
				get_conditional_stylesheets( $content, $is_editor ),
				get_position_styles( $content, $is_editor ),
				get_animation_styles( $content, $is_editor ),
				get_block_style_heading_styles( $content, $is_editor ),
			]
		),
		$content,
		$is_editor
	);

	return remove_line_breaks( $css );
}

/**
 * Add dynamic custom properties.
 *
 * @since 0.9.19
 *
 * @return string
 */
function get_dynamic_custom_properties(): string {
	$settings       = wp_get_global_settings();
	$global_styles  = wp_get_global_styles();
	$custom         = $settings['custom'] ?? [];
	$border_width   = $custom['border']['width'] ?? '1px';
	$border_style   = $custom['border']['style'] ?? 'solid';
	$border_color   = $custom['border']['color'] ?? '#ddd';
	$bodyBackground = $global_styles['color']['background'] ?? null;
	$body_color     = $global_styles['color']['text'] ?? null;
	$box_shadow     = $custom['boxShadow'] ?? [];
	$list_gap       = $global_styles['blocks']['core/list']['spacing']['blockGap'] ?? null;

	// Button.
	$button_block         = $global_styles['blocks']['core/button'] ?? [];
	$button_element       = $global_styles['elements']['button'] ?? [];
	$button_text          = $button_element['color']['text'] ?? $button_block['color']['text'] ?? null;
	$button_background    = $button_element['color']['background'] ?? $button_block['color']['background'] ?? null;
	$button_border_radius = $button_element['border']['radius'] ?? $button_block['border']['radius'] ?? null;
	$button_border_width  = $button_element['border']['width'] ?? $button_block['border']['width'] ?? null;
	$button_font_size     = $button_element['typography']['fontSize'] ?? $button_block['typography']['fontSize'] ?? null;
	$button_font_weight   = $button_element['typography']['fontWeight'] ?? $button_block['typography']['fontWeight'] ?? null;
	$button_line_height   = $button_element['typography']['lineHeight'] ?? $button_block['typography']['lineHeight'] ?? null;
	$button_padding       = $button_element['spacing']['padding'] ?? $button_block['spacing']['padding'] ?? null;

	// Also used by b, strong elements and legend element.
	$heading_font_weight = $global_styles['elements']['heading']['typography']['fontWeight'] ?? null;
	$heading_font_family = $global_styles['elements']['heading']['typography']['fontFamily'] ?? null;

	$all = [
		'--scroll'                             => '0',
		'--breakpoint'                         => '782px', // Only used by JS.
		'--wp--custom--border'                 => "$border_width $border_style $border_color",
		'--wp--custom--body--background'       => $bodyBackground,
		'--wp--custom--body--color'            => $body_color,
		'--wp--custom--heading--font-weight'   => $heading_font_weight,
		'--wp--custom--heading--font-family'   => $heading_font_family,

		// Used by .button.
		'--wp--custom--button--background'     => $button_background,
		'--wp--custom--button--color'          => $button_text,
		'--wp--custom--button--padding-top'    => $button_padding['top'] ?? null,
		'--wp--custom--button--padding-right'  => $button_padding['right'] ?? null,
		'--wp--custom--button--padding-bottom' => $button_padding['bottom'] ?? null,
		'--wp--custom--button--padding-left'   => $button_padding['left'] ?? null,
		'--wp--custom--button--border-radius'  => $button_border_radius,
		'--wp--custom--button--border-width'   => $button_border_width,
		'--wp--custom--button--font-size'      => $button_font_size,
		'--wp--custom--button--font-weight'    => $button_font_weight,
		'--wp--custom--button--line-height'    => $button_line_height,
	];

	if ( $list_gap ) {
		$all['--wp--custom--list--gap'] = $list_gap;
	}

	$all = array_merge(
		$all,
		[
			'--wp--custom--box-shadow--inset'  => ' ',
			'--wp--custom--box-shadow--x'      => '0px',
			'--wp--custom--box-shadow--y'      => '0px',
			'--wp--custom--box-shadow--blur'   => '0px',
			'--wp--custom--box-shadow--spread' => '0px',
			'--wp--custom--box-shadow--color'  => 'rgba(0,0,0,0)',
		]
	);

	if ( $box_shadow ) {
		if ( is_array( $box_shadow ) ) {
			$inset      = $box_shadow['inset'] ?? ' ';
			$x          = $box_shadow['x'] ?? null;
			$y          = $box_shadow['y'] ?? null;
			$blur       = $box_shadow['blur'] ?? null;
			$spread     = $box_shadow['spread'] ?? null;
			$color      = $box_shadow['color'] ?? null;
			$box_shadow = "$inset $x $y $blur $spread $color";
		}

		$all = array_merge(
			$all,
			[
				'--wp--custom--box-shadow' => $box_shadow,
			]
		);
	} else {
		$all = array_merge(
			$all,
			[
				'--wp--custom--box-shadow--inset'  => ' ',
				'--wp--custom--box-shadow--x'      => '0px',
				'--wp--custom--box-shadow--y'      => '0px',
				'--wp--custom--box-shadow--blur'   => '0px',
				'--wp--custom--box-shadow--spread' => '0px',
				'--wp--custom--box-shadow--color'  => 'rgba(0,0,0,0)',
			]
		);
	}

	return 'body{' . css_array_to_string( $all ) . '}';
}

/**
 * Adds conditional stylesheets inline.
 *
 * @since 0.0.27
 *
 * @param string $content   Page content.
 * @param bool   $is_editor Is editor.
 *
 * @return string
 */
function get_conditional_stylesheets( string $content, bool $is_editor ): string {
	if ( $is_editor ) {
		return '';
	}

	$dir         = get_dir();
	$stylesheets = [
		...glob( $dir . 'assets/css/elements/*.css' ),
		...glob( $dir . 'assets/css/components/*.css' ),
		...glob( $dir . 'assets/css/block-styles/*.css' ),
		...glob( $dir . 'assets/css/formats/*.css' ),
		...glob( $dir . 'assets/css/extensions/*.css' ),
		...glob( $dir . 'assets/css/plugins/*.css' ),
	];

	$conditions = [];
	$css        = '';

	$conditions['elements'] = [
		'all'        => true,
		'big'        => str_contains( $content, '<big' ),
		'blockquote' => str_contains( $content, '<blockquote' ),
		'body'       => true,
		'button'     => str_contains_any(
			$content,
			'<button',
			'type="button"',
			'type="submit"',
			'type="reset"',
			'nf-form'
		),
		'cite'       => str_contains( $content, '<cite' ),
		'code'       => str_contains( $content, '<code' ),
		'hr'         => str_contains( $content, '<hr' ),
		'form'       => str_contains_any(
			$content,
			'<fieldset',
			'<form',
			'<input',
			'nf-form'
		),
		'html'       => true,
		'anchor'     => str_contains( $content, '<a' ),
		'list'       => str_contains( $content, '<list' ),
		'mark'       => str_contains( $content, '<mark' ),
		'pre'        => str_contains( $content, '<pre' ),
		'small'      => str_contains( $content, '<small' ),
		'strong'     => str_contains( $content, '<strong' ),
		'sub'        => str_contains( $content, '<sub' ),
		'sup'        => str_contains( $content, '<sup' ),
		'svg'        => str_contains( $content, '<svg' ),
		'table'      => str_contains( $content, '<table' ),
	];

	$conditions['components'] = [
		'admin-bar'          => is_admin_bar_showing(),
		'border'             => str_contains( $content, 'border-width:' ),
		'drop-cap'           => str_contains( $content, 'has-drop-cap' ),
		'inline-image'       => str_contains( $content, 'wp-image-' ),
		'placeholder-image'  => str_contains( $content, 'is-placeholder' ) || is_archive(),
		'screen-reader-text' => true,
		'site-blocks'        => true,
	];

	$conditions['block-styles'] = [
		'badge'            => str_contains( $content, 'is-style-badge' ),
		'button-outline'   => str_contains( $content, 'is-style-outline' ),
		'button-secondary' => str_contains( $content, 'is-style-secondary' ),
		'button-ghost'     => str_contains( $content, 'is-style-ghost' ),
		'checklist-circle' => str_contains( $content, 'is-style-checklist-circle' ),
		'checklist'        => str_contains( $content, 'is-style-checklist' ),
		'curved-text'      => str_contains( $content, 'is-style-curved-text' ),
		'divider-angle'    => str_contains( $content, 'is-style-angle' ),
		'divider-curve'    => str_contains( $content, 'is-style-curve' ),
		'divider-fade'     => str_contains( $content, 'is-style-fade' ),
		'divider-round'    => str_contains( $content, 'is-style-round' ),
		'divider-wave'     => str_contains( $content, 'is-style-wave' ),
		'mega-menu'        => str_contains( $content, 'is-style-mega-menu' ),
		'notice'           => str_contains( $content, 'is-style-notice' ),
		'numbered-list'    => str_contains( $content, 'is-style-numbered' ),
		'search-toggle'    => str_contains( $content, 'is-style-toggle' ),
		'square-list'      => str_contains( $content, 'is-style-square' ),
		'sub-heading'      => str_contains( $content, 'is-style-sub-heading' ),
		'surface'          => str_contains( $content, 'is-style-surface' ),
	];

	$conditions['formats'] = [
		'arrow'      => str_contains( $content, 'is-underline-arrow' ),
		'brush'      => str_contains( $content, 'is-underline-brush' ),
		'circle'     => str_contains( $content, 'is-underline-circle' ),
		'gradient'   => str_contains( $content, 'has-text-gradient' ),
		'highlight'  => str_contains( $content, 'has-inline-color' ),
		'underline'  => str_contains( $content, 'has-text-underline' ),
		'font-size'  => str_contains( $content, 'has-inline-font-size' ),
		'inline-svg' => str_contains( $content, 'inline-svg' ),
		'outline'    => str_contains( $content, 'has-text-outline' ),
	];

	$conditions['extensions'] = [
		'animation'     => str_contains_any( $content, 'has-animation', 'will-animate' ),
		'animations'    => false,
		'accordion'     => str_contains( $content, 'is-style-accordion' ),
		'box-shadow'    => str_contains( $content, 'has-box-shadow' ),
		'counter'       => str_contains( $content, 'is-style-counter' ),
		'dark-mode'     => str_contains( $content, 'toggle-switch' ),
		'filter'        => str_contains( $content, 'has-filter' ),
		'gradient-mask' => str_contains( $content, '-gradient-background' ),
		'grid-pattern'  => str_contains( $content, 'has-grid-gradient-' ),
		'icon'          => str_contains( $content, 'is-style-icon' ),
		'marquee'       => str_contains( $content, 'is-marquee' ),
	];

	$conditions['plugins'] = [
		'edd'                            => class_exists( 'EDD_Requirements_Check' ),
		'gravity-forms'                  => class_exists( 'GFForms' ),
		'lifterlms'                      => class_exists( 'LifterLMS' ),
		'ninja-forms'                    => str_contains( $content, 'nf-form' ),
		'syntax-highlighting-code-block' => defined( 'Syntax_Highlighting_Code_Block\\PLUGIN_VERSION' ),
		'woocommerce'                    => class_exists( 'WooCommerce' ),
	];

	foreach ( $stylesheets as $stylesheet ) {
		$dir       = basename( dirname( $stylesheet ) );
		$condition = $conditions[ $dir ][ basename( $stylesheet, '.css' ) ];

		if ( $condition || ! $content ) {
			$css .= trim( file_get_contents( $stylesheet ) );
		}
	}

	return $css;
}

add_action( 'wp_enqueue_scripts', NS . 'add_block_styles' );
/**
 * Adds conditional block styles.
 *
 * @since 0.9.19
 *
 * @return void
 */
function add_block_styles(): void {
	global $wp_styles;

	if ( ! is_a( $wp_styles, 'WP_Styles' ) ) {
		return;
	}

	$handles = array_flip( $wp_styles->queue );

	foreach ( $wp_styles->registered as $handle => $style ) {
		if ( ! isset( $handles[ $handle ] ) ) {
			continue;
		}

		$slug = str_replace( 'wp-block-', '', $handle );
		$file = get_dir() . 'assets/css/blocks/' . $slug . '.css';

		if ( ! file_exists( $file ) ) {
			continue;
		}

		if ( ! is_admin() ) {
			wp_add_inline_style(
				$handle,
				file_get_contents( $file )
			);
		}
	}
}

add_filter( 'wp_theme_json_data_theme', NS . 'fix_editor_layout_sizes' );
/**
 * Changes layout size unit from vw to % in editor.
 *
 * @todo  Move layout settings to separate file.
 *
 * @since 0.4.2
 *
 * @param mixed $theme_json WP_Theme_JSON_Data | WP_Theme_JSON_Data_Gutenberg.
 *
 * @return mixed
 */
function fix_editor_layout_sizes( $theme_json ) {
	$default      = $theme_json->get_data();
	$new          = [];
	$content_size = $default['settings']['layout']['contentSize'] ?? 'min(calc(100dvw - 3rem), 800px)';
	$wide_size    = $default['settings']['layout']['wideSize'] ?? 'min(calc(100dvw - 3rem), 1200px)';

	if ( is_admin() ) {
		$content_size = str_replace( 'dvw', '%', $content_size );
		$wide_size    = str_replace( 'dvw', '%', $wide_size );
	}

	$new['settings']['layout']['contentSize'] = $content_size;
	$new['settings']['layout']['wideSize']    = $wide_size;

	$theme_json->update_with( array_merge( $default, $new ) );

	return $theme_json;
}

add_action( 'blockify_editor_scripts', NS . 'enqueue_editor_only_styles' );
/**
 * Enqueues editor assets.
 *
 * @since 0.3.3
 *
 * @return void
 */
function enqueue_editor_only_styles(): void {
	wp_dequeue_style( 'wp-block-library-theme' );

	$file   = 'assets/css/editor.css';
	$handle = 'blockify-editor';

	wp_register_style(
		$handle,
		get_uri() . $file,
		[],
		filemtime( get_dir() . $file )
	);

	wp_enqueue_style( $handle );
}

add_action( 'admin_init', NS . 'add_editor_stylesheets' );
/**
 * Adds editor only styles.
 *
 * @since 0.9.10
 *
 * @return void
 */
function add_editor_stylesheets() {
	$dirs = glob( get_dir() . 'assets/css/*', GLOB_ONLYDIR );
	$path = get_editor_stylesheet_path();

	foreach ( $dirs as $dir ) {
		if ( basename( $dir ) === 'abstracts' ) {
			continue;
		}

		$files = glob( $dir . '/*.css' );

		foreach ( $files as $file ) {
			$stylesheet = "{$path}assets/css/" . basename( $dir ) . DS . basename( $file );

			add_editor_style( $stylesheet );
		}
	}

	add_editor_style( 'https://blockify-dynamic-styles' );
}

add_filter( 'pre_http_request', NS . 'generate_dynamic_styles', 10, 3 );
/**
 * Generates dynamic editor styles.
 *
 * @since 0.9.23
 *
 * @param array|bool $response    HTTP response.
 * @param array      $parsed_args Response args.
 * @param string     $url         Response URL.
 *
 * @return array|bool
 */
function generate_dynamic_styles( $response, array $parsed_args, string $url ) {
	if ( $url === 'https://blockify-dynamic-styles' ) {
		$response = [
			'body'     => get_inline_styles( '', true ),
			'headers'  => [],
			'response' => [
				'code'    => 200,
				'message' => 'OK',
			],
			'cookies'  => [],
			'filename' => null,
		];
	}

	return $response;
}

add_filter( 'blockify_inline_css', NS . 'add_child_theme_style_css' );
/**
 * Adds child theme style.css to inline styles.
 *
 * @since 0.9.23
 *
 * @param string $css CSS.
 *
 * @return string
 */
function add_child_theme_style_css( string $css ): string {
	$child = get_stylesheet_directory() . '/style.css';

	if ( file_exists( $child ) ) {
		$content = file_get_contents( $child );
		$css    .= str_replace(
			str_between( '/**', '*/', $content ),
			'',
			$content
		);
	}

	return $css;
}

/**
 * Conditionally adds CSS for utility classes
 *
 * @since 0.9.19
 *
 * @param string $content   Page Content.
 * @param bool   $is_editor Is editor page.
 *
 * @return string
 */
function get_position_styles( string $content, bool $is_editor ): string {
	$options = get_block_extra_options();
	$all     = '';
	$mobile  = '';
	$desktop = '';

	foreach ( $options as $key => $args ) {
		$property       = _wp_to_kebab_case( $key );
		$select_options = $args['options'] ?? [];

		foreach ( $select_options as $option ) {
			if ( ! $option['value'] ) {
				continue;
			}

			if ( $is_editor || str_contains( $content, " has-{$property}-{$option['value']}" ) ) {
				$all .= sprintf(
					'.has-%1$s-%2$s{%1$s:%2$s !important}',
					$property,
					$option['value'] ?? '',
				);
			}

			if ( $is_editor || str_contains( $content, " has-{$property}-{$option['value']}-mobile" ) ) {
				$mobile .= sprintf(
					'.has-%1$s-%2$s-mobile{%1$s:%2$s !important}',
					$property,
					$option['value'] ?? '',
				);
			}

			if ( $is_editor || str_contains( $content, " has-{$property}-{$option['value']}-desktop" ) ) {
				$desktop .= sprintf(
					'.has-%1$s-%2$s-desktop{%1$s:%2$s !important}',
					$property,
					$option['value'] ?? '',
				);
			}
		}

		// Has custom value.
		if ( ! $select_options ) {

			if ( $is_editor || str_contains( $content, " has-$property" ) ) {
				$all .= sprintf(
					'.has-%1$s{%1$s:var(--%1$s)}',
					$property
				);
			}

			if ( $is_editor || str_contains( $content, "--$property-mobile" ) ) {
				$mobile .= sprintf(
					'.has-%1$s{%1$s:var(--%1$s-mobile,var(--%1$s))}',
					$property
				);
			}

			if ( $is_editor || str_contains( $content, "--$property-desktop" ) ) {
				$desktop .= sprintf(
					'.has-%1$s{%1$s:var(--%1$s-desktop,var(--%1$s))}',
					$property
				);
			}
		}
	}

	$css = '';

	if ( $all ) {
		$css .= $all;
	}

	if ( $mobile ) {
		$css .= sprintf( '@media(max-width:781px){%s}', $mobile );
	}

	if ( $desktop ) {
		$css .= sprintf( '@media(min-width:782px){%s}', $desktop );
	}

	return $css;
}

/**
 * Get block style heading styles.
 *
 * @since 1.1.2
 *
 * @param string $content   Page Content.
 * @param bool   $is_editor Is editor page.
 *
 * @return string
 */
function get_block_style_heading_styles( string $content, bool $is_editor ): string {
	$global_styles = wp_get_global_styles();

	if ( ! str_contains( $content, 'is-style-heading' ) && ! $is_editor ) {
		return '';
	}

	$typography = $global_styles['elements']['heading']['typography'] ?? [];
	$color      = $global_styles['elements']['heading']['color'] ?? [];

	if ( ! $typography && ! $color ) {
		return '';
	}

	$styles = [];

	foreach ( $typography as $key => $value ) {
		$pieces   = preg_split( '/(?=[A-Z])/', $key );
		$property = implode( '-', array_map( 'strtolower', $pieces ) );

		$styles[ $property ] = $value;
	}

	if ( $color['text'] ?? null ) {
		$styles['color'] = $color['text'];
	}

	return '.is-style-heading{' . css_array_to_string( $styles ) . '}';
}