<?php

/* ---------------------------------------------------------------------------------------------
   CUSTOM CSS CLASS
   Handle custom CSS output
------------------------------------------------------------------------------------------------ */

if ( ! class_exists( 'Alux_Custom_CSS' ) ) :
	class Alux_Custom_CSS {


		/*	-----------------------------------------------------------------------------------------------
			GENERATE CSS
		--------------------------------------------------------------------------------------------------- */

		public static function generate_css( $selector, $style, $value, $prefix = '', $suffix = '', $echo = false ) {

			$return = '';
			if ( ! $value ) {
				return;
			}
			$return = sprintf( '%s { %s: %s; }', $selector, $style, $prefix . $value . $suffix );
			if ( $echo ) {
				echo $return;
			}
			return $return;
		}


		/*	-----------------------------------------------------------------------------------------------
			HEX TO RGB
			Convert hex colors to RGB colors
		--------------------------------------------------------------------------------------------------- */

		public static function hex_to_rgb( $hex_color ) {

			$values = str_replace( '#', '', $hex_color );
			$rgb_color = array();
			switch ( strlen( $values ) ) {
				case 3 :
					list( $r, $g, $b ) = sscanf( $values, "%1s%1s%1s" );
					return [ hexdec( "$r$r" ), hexdec( "$g$g" ), hexdec( "$b$b" ) ];
				case 6 :
					return array_map( 'hexdec', sscanf( $values, "%2s%2s%2s" ) );
				default :
					return false;
			}

		}


		/*	-----------------------------------------------------------------------------------------------
			MINIFY CSS
			Helper function for reducing the size of the line styles output by alux.
			Based on a original script by @webgefrickel: https://gist.github.com/webgefrickel/3339063
		--------------------------------------------------------------------------------------------------- */

		public static function minify_css( $css ) {

			$css = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $css);

			// Backup values within single or double quotes
			preg_match_all('/(\'[^\']*?\'|"[^"]*?")/ims', $css, $hit, PREG_PATTERN_ORDER);

			for ( $i = 0; $i < count( $hit[1] ); $i++ ) {
				$css = str_replace( $hit[1][$i], '##########' . $i . '##########', $css );
			}

			// Remove traoling semicolon of selector's last property
			$css = preg_replace( '/;[\s\r\n\t]*?}[\s\r\n\t]*/ims', "}\r\n", $css );

			// Remove any whitespace between semicolon and property-name
			$css = preg_replace( '/;[\s\r\n\t]*?([\r\n]?[^\s\r\n\t])/ims', ';$1', $css );

			// Remove any whitespace surrounding property-colon
			$css = preg_replace( '/[\s\r\n\t]*:[\s\r\n\t]*?([^\s\r\n\t])/ims', ':$1', $css );

			// Remove any whitespace surrounding selector-comma
			$css = preg_replace( '/[\s\r\n\t]*,[\s\r\n\t]*?([^\s\r\n\t])/ims', ',$1', $css );

			// Remove any whitespace surrounding opening parenthesis
			$css = preg_replace( '/[\s\r\n\t]*{[\s\r\n\t]*?([^\s\r\n\t])/ims', '{$1', $css );

			// Remove any whitespace between numbers and units
			$css = preg_replace( '/([\d\.]+)[\s\r\n\t]+(px|em|pt|%)/ims', '$1$2', $css );

			// Shorten zero-values
			$css = preg_replace( '/([^\d\.]0)(px|em|pt|%)/ims', '$1', $css );

			// Constrain multiple whitespaces
			$css = preg_replace( '/\p{Zs}+/ims',' ', $css );

			// Remove newlines
			$css = str_replace( array( "\r\n", "\r", "\n" ), '', $css );

			// Restore backed up values within single or double quotes
			for ( $i = 0; $i < count( $hit[1] ); $i++ ) {
				$css = str_replace( '##########' . $i . '##########', $hit[1][$i], $css );
			}

			return $css;

		}

		/*	-----------------------------------------------------------------------------------------------
			GET CSS FOR CUSTOMIZER OPTIONS
			Build CSS reflecting colors, fonts and other options set in the Customizer settings, and return them for output

			@param		$type string	Whether to return CSS for 'front-end', 'block-editor'
		--------------------------------------------------------------------------------------------------- */

		public static function get_customizer_css( $type = 'front-end' ) {

			$css = '';

			/* Font Options ------------------ */

			$body_font = 			esc_attr( get_theme_mod( 'alux_body_font', Alux_Google_Fonts::$default_body_font ) );
			$headings_font = 		esc_attr( get_theme_mod( 'alux_headings_font', Alux_Google_Fonts::$default_headings_font ) );
			$headings_weight =		esc_attr( get_theme_mod( 'alux_headings_weight' ) );
			$headings_case =		esc_attr( get_theme_mod( 'alux_headings_letter_case' ) );
			$headings_spacing =		get_theme_mod( 'alux_headings_letterspacing' ) ? str_replace( '_', '.', esc_attr( get_theme_mod( 'alux_headings_letterspacing' ) ) ) : ''; // Replace underscores with dots

			// Combine the chosen fonts with the appropriate fallback font stack
			if ( $body_font ) {
				$body_font_stack = 	Alux_Google_Fonts::get_font_fallbacks( $body_font, 'body' );
				$body_font = 		$body_font . ', '. $body_font_stack;
			}

			if ( $headings_font ) {
				$headings_font_stack = 	Alux_Google_Fonts::get_font_fallbacks( $headings_font, 'headings' );
				$headings_font = 		$headings_font . ', ' . $headings_font_stack;
			}

			/* Color Options ----------------- */

			$background = 			get_theme_mod( 'background_color' ) ? '#' . get_theme_mod( 'background_color' ) : false;
			$primary = 				get_theme_mod( 'alux_primary_text_color' );
			$headings = 			get_theme_mod( 'alux_headings_text_color' );
			$buttons_background = 	get_theme_mod( 'alux_buttons_background_color' );
			$buttons_text = 		get_theme_mod( 'alux_buttons_text_color' );
			$accent = 				get_theme_mod( 'alux_accent_color' );


			// The default buttons background color is conditional.
			// If an accent color is set, the default is the accent color.
			// If an accent color is not set, the default is the default accent color.
			$default_accent = '#007c89';
			$buttons_background_default = ( $accent && $accent !== $default_accent ) ? $accent : $default_accent;

			/* Properties -------------------- */

			// Make the list of CSS properties filterable
			$properties = apply_filters( 'alux_css_properties', array(
				'body_font'				=> array(
					'default'				=> '',
					'value'					=> $body_font,
					'type'					=> 'font',
				),
				'headings_font'			=> array(
					'default'				=> '',
					'value'					=> $headings_font,
					'type'					=> 'font',
				),
				'headings_weight'		=> array(
					'default'				=> '700',
					'value'					=> $headings_weight,
					'type'					=> 'font',
				),
				'headings_case'			=> array(
					'default'				=> 'normal',
					'value'					=> $headings_case,
					'type'					=> 'font',
				),
				'headings_spacing'			=> array(
					'default'				=> 'normal',
					'value'					=> $headings_spacing,
					'suffix'				=> 'em',
					'type'					=> 'font',
				),
				'background'			=> array(
					'default'				=> '#ffffff',
					'value'					=> $background,
					'type'					=> 'color',
				),
				'primary'				=> array(
					'default'				=> '#1a1b1f',
					'value'					=> $primary,
					'type'					=> 'color',
				),
				'headings'				=> array(
					'default'				=> '#1a1b1f',
					'value'					=> $headings,
					'type'					=> 'color',
				),
				'buttons_background'	=> array(
					'default'				=> $buttons_background_default,
					'value'					=> $buttons_background,
					'type'					=> 'color',
				),
				'buttons_text'			=> array(
					'default'				=> $background,
					'value'					=> $buttons_text,
					'type'					=> 'color',
				),
				'accent'				=> array(
					'default'				=> '#007c89',
					'value'					=> $accent,
					'type'					=> 'color',
				),

			) );


			/* CSS Elements ------------------ */

			$css_elements = self::get_css_elements_array( $type );

			/* Loop over the CSS elements ---- */

			foreach ( $css_elements as $key => $definitions ) {

				$property = $properties[ $key ];

				// Only proceeed if the value is set and not the default one
				// if ( ! $property['value'] || ( $property['default'] && $property['default'] == $property['value'] ) ) {
				// 	continue;
				// }

				// Add the specified prefix and/or suffix to the value
				$value = $property['value'];
				$value = isset( $property['prefix'] ) && $property['prefix'] ? $property['prefix'] . $value : $value;
				$value = isset( $property['suffix'] ) && $property['suffix'] ? $value . $property['suffix'] : $value;

				foreach ( $definitions as $elements_property => $elements ) {

					// No elements, no output
					if ( empty( $elements ) ) {
						continue;
					}

					// Convert to array, to support multiple sets of elements for each property. This gets
					// us around edgecases where browsers will break if it hits an urecognized selector.
					// For example, vendor specific ::placeholder selectors need to be styled separately,
					// or the browser will skip the entire CSS rule.
					if ( ! is_array( $elements ) ) $elements = array( $elements );

					foreach ( $elements as $elements_set ) {
						// Generate CSS for the elements
						$css .= self::generate_css( $elements_set, $elements_property, $value );

					}

				}
			}

			/* Minify the results ------------ */

			$css = self::minify_css( $css );

			/* Return the results ------------ */

			return $css;

		}

		/*	-----------------------------------------------------------------------------------------------
			GET THE CSS ELEMENTS
			Stores an array of all elements to apply custom CSS to.

			@param		$type string	Whether to return elements for 'front-end', 'block-editor',
		--------------------------------------------------------------------------------------------------- */

		public static function get_css_elements_array( $type = 'front-end' ) {

			/* Helper Variables -------------- */

			// Type specific helper variables
			switch ( $type ) {
				case 'front-end' :
					$headings_targets = apply_filters( 'alux_headings_targets_front_end', 'h1, h2, h3, h4, h5, h6' );
					$buttons_targets = apply_filters( 'alux_buttons_targets_front_end', 'button, .button, .wp-block-button__link, :root .wp-block-file a.wp-block-file__button, input[type=\'button\'], input[type=\'reset\'], input[type=\'submit\']' );
					break;
				case 'block-editor' :
					$headings_targets = apply_filters( 'alux_headings_targets_block_editor', ':root .wp-block h1, :root h1.wp-block, :root .wp-block h2, :root h2.wp-block, :root .wp-block h3, :root h3.wp-block, :root .wp-block h4, :root h4.wp-block, :root .wp-block h5, :root h5.wp-block, :root .wp-block h6, :root h6.wp-block, .editor-post-title__block .editor-post-title__input, .editor-post-title__block .editor-post-title__input:focus' );
					$buttons_targets = apply_filters( 'alux_buttons_targets_block_editor', '.wp-block-button__link, .editor-styles-wrapper :root .wp-block-file a.wp-block-file__button' );
					break;
			}

			/* Build the array --------------- */

			$elements = array(
				'front-end'			=> array(
					// Typography
					'body_font'				=> array(
						'font-family'			=> 'body',
					),
					'headings_font'			=> array(
						'font-family'			=> $headings_targets,
					),
					'headings_weight'		=> array(
						'font-weight'			=> $headings_targets,
					),
					'headings_case'			=> array(
						'text-transform'		=> $headings_targets,
					),
					'headings_spacing'		=> array(
						'letter-spacing'		=> $headings_targets,
					),
					// Colors

					'primary'				=> array(
						'background-color'		=> ' ',
						'border-color'			=> ' ',
						'color'					=> '.color-primary, .color-primary-hover:hover, body p',
					  //'fill'					=> '.fill-children-primary, .fill-children-primary *',
					),
					'headings'				=> array(
						'color'					=> $headings_targets,
					),
					'accent'				=> array(
						'background-color'		=> ' ' . $buttons_targets,
						'border-color'			=> ' blockquote',
						'color'					=> ' a ',
						//'fill'					=> '.fill-children-accent, .fill-children-accent *',
					),
					'buttons_background'	=> array(
						'background-color'		=> $buttons_targets . ' ',
						'color'					=> '.is-style-outline .wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline',
					),
					'buttons_text'			=> array(
						'background-color'		=> ' ',
						'color'					=> $buttons_targets . ' .wp-block-button__link ',
					),

				),

				'block-editor'		=> array(
					// Typography
					'body_font'				=> array(
						'font-family'			=> '.editor-styles-wrapper > *, .editor-post-title__block .editor-post-title__input',
					),
					'headings_font'			=> array(
						'font-family'			=> $headings_targets,
					),
					'headings_weight'		=> array(
						'font-weight'			=> $headings_targets,
					),
					'headings_case'			=> array(
						'text-transform'		=> $headings_targets,
					),
					'headings_spacing'		=> array(
						'letter-spacing'		=> $headings_targets,
					),
					// Colors

					'primary'				=> array(
						'background-color'		=> ' ',
						'color'					=> ' .editor-styles-wrapper > *',
					),
					'headings'				=> array(
						'color'					=> $headings_targets,
					),
					'accent'				=> array(
						'background-color'		=> ' ' . $buttons_targets,
						'border-color'			=> '.editor-styles-wrapper blockquote, .editor-styles-wrapper .wp-block-quote,',
						'color'					=> '.editor-styles-wrapper .editor-block-list__layout a, .editor-styles-wrapper .block-editor-block-list__layout a, .wp-block-button.is-style-outline, .wp-block-button__link.is-style-outline',
					),
					'buttons_background'	=> array(
						'background-color'		=> $buttons_targets,
						'color'					=> '.wp-block-button.is-style-outline, .wp-block-button__link.is-style-outline, .is-style-outline>.wp-block-button__link:not(.has-text-color) ',
						'border-color'			=> '.is-style-outline .wp-block-button__link ',
					),
					'buttons_text'			=> array(
						'color'					=> $buttons_targets,
					),

				),

			);

			/**
			 * Filter the array of elements and return the array
			 *
			 * @param array Array of elements
			 * @param string The type of elements selected (front-end, block-editor)
			 */

			return apply_filters( 'alux_get_css_elements_array', $elements[$type], $type );

		}

	}
endif;


/* ---------------------------------------------------------------------------------------------
   Generate Blocks Defualt Colors Button
   --------------------------------------------------------------------------------------------- */


add_filter( 'generateblocks_defaults', function( $defaults ) {


    $defaults['button']['backgroundColor'] = get_theme_mod( 'alux_buttons_background_color' );
    $defaults['button']['backgroundColorHover'] = get_theme_mod( 'alux_accent_color' );
    $defaults['button']['textColor'] = get_theme_mod( 'alux_buttons_text_color' );
    //$defaults['button']['textColorHover'] = $color_settings['form_button_text_color_hover'];
    $defaults['button']['paddingTop'] = '10';
    $defaults['button']['paddingRight'] = '20';
    $defaults['button']['paddingBottom'] = '10';
    $defaults['button']['paddingLeft'] = '20';

    return $defaults;
} );