<?php
/**
 * Helpers for generating CSS output.
 *
 * @copyright 2019-present Creative Themes
 * @license   http://www.gnu.org/copyleft/gpl.html GNU General Public License
 * @package   Blocksy
 */

/**
 * Generate colors based on input.
 *
 * @param array $color_descriptor Colors array.
 */
if (! function_exists('blocksy_get_colors')) {
	function blocksy_get_colors( $color_descriptor, $defaults ) {
		$result = [];

		foreach ($defaults as $id => $default_data) {
			$data = $default_data;

			if (
				is_array($color_descriptor)
				&&
				isset($color_descriptor[$id])
				&&
				is_array($color_descriptor[$id])
			) {
				$data = $color_descriptor[$id];
			}

			$result[$id] = blocksy_get_color($data);
		}

		return $result;
	}
}

/**
 * Extract color from a descriptor.
 * id:
 *   - fw-custom
 *   - fw-no-color
 *   - color_skin_*
 *   - fw-inherit:location
 *   - fw-inherit:location:hover
 *   - fw-inherit:location:default
 *
 * @param array $color_descriptor Single color descriptor.
 */
if (! function_exists('blocksy_get_color')) {
	function blocksy_get_color($color_descriptor) {
		if ( ! isset( $color_descriptor['color'] ) ) {
			return null;
		}

		return $color_descriptor['color'];
	}
}

if (! function_exists('blocksy_output_colors')) {
	function blocksy_output_colors($args = []) {
		$args = wp_parse_args(
			$args,
			[
				'css' => null,
				'tablet_css' => null,
				'mobile_css' => null,
				'value' => null,
				'default' => null,
				'variables' => [],
				'responsive' => false
			]
		);

		blocksy_assert_args($args, ['css', 'default']);

		if ($args['responsive']) {
			blocksy_assert_args($args, ['tablet_css', 'mobile_css']);
		}

		$responsive_value = blocksy_expand_responsive_value($args['value']);
		$responsive_default_value = blocksy_expand_responsive_value($args['default']);

		$desktop_colors = blocksy_get_colors(
			$responsive_value['desktop'],
			$responsive_default_value['desktop']
		);

		$tablet_colors = blocksy_get_colors(
			$responsive_value['tablet'],
			$responsive_default_value['tablet']
		);

		$mobile_colors = blocksy_get_colors(
			$responsive_value['mobile'],
			$responsive_default_value['mobile']
		);

		foreach ($args['variables'] as $key => $descriptor) {
			if (! isset($descriptor['selector'])) {
				$descriptor['selector'] = ':root';
			}

			$args['css']->put(
				$descriptor['selector'],
				"--" . $descriptor['variable'] . ": {$desktop_colors[$key]}"
			);

			if ($args['responsive']) {
				$args['tablet_css']->put(
					$descriptor['selector'],
					"--" . $descriptor['variable'] . ": {$tablet_colors[$key]}"
				);

				$args['mobile_css']->put(
					$descriptor['selector'],
					"--" . $descriptor['variable'] . ": {$mobile_colors[$key]}"
				);
			}
		}
	}
}

if (! function_exists('blocksy_expand_responsive_value')) {
	function blocksy_expand_responsive_value($value, $is_responsive = true) {
		if (is_array($value) && isset($value['desktop'])) {
			if (! $is_responsive) {
				return $value['desktop'];
			}

			return $value;
		}

		if (! $is_responsive) {
			return $value;
		}

		return [
			'desktop' => $value,
			'tablet' => $value,
			'mobile' => $value,
		];
	}
}

if (! function_exists('blocksy_output_responsive')) {
	function blocksy_output_responsive($args = []) {
		$args = wp_parse_args(
			$args,
			[
				'css' => null,
				'tablet_css' => null,
				'mobile_css' => null,
				'selector' => null,
				'variableName' => null,
				'unit' => 'px',
				'value' => null,
			]
		);

		if (! $args['variableName']) {
			throw new Error('variableName missing in args!');
		}

		$value = blocksy_expand_responsive_value($args['value']);

		$args['mobile_css']->put(
			$args['selector'],
			'--' . $args['variableName'] . ': ' . $value['mobile'] . $args['unit']
		);
		$args['tablet_css']->put(
			$args['selector'],
			'--' . $args['variableName'] . ': ' . $value['tablet'] . $args['unit']
		);
		$args['css']->put(
			$args['selector'],
			'--' . $args['variableName'] . ': ' . $value['desktop'] . $args['unit']
		);
	}
}

if (! function_exists('blocksy_units_config')) {
	function blocksy_units_config( $overrides = [] ) {
		$units = [
			[
				'unit' => 'px',
				'min' => 0,
				'max' => 40,
			],
			[
				'unit' => 'em',
				'min' => 0,
				'max' => 30,
			],
			[
				'unit' => '%',
				'min' => 0,
				'max' => 100,
			],
			[
				'unit' => 'vw',
				'min' => 0,
				'max' => 100,
			],
			[
				'unit' => 'vh',
				'min' => 0,
				'max' => 100,
			],
			[
				'unit' => 'pt',
				'min' => 0,
				'max' => 100,
			],
			[
				'unit' => 'rem',
				'min' => 0,
				'max' => 30,
			],
		];

		foreach ( $overrides as $single_override ) {
			foreach ( $units as $key => $single_unit ) {
				if ( $single_override['unit'] === $single_unit['unit'] ) {
					$units[ $key ] = $single_override;
				}
			}
		}

		return $units;
	}
}

if (! function_exists('blocksy_output_border')) {
	function blocksy_output_border($args = []) {
		$args = wp_parse_args(
			$args,
			[
				'css' => null,
				'tablet_css' => null,
				'mobile_css' => null,

				'selector' => null,

				'variableName' => null,
				'value' => null,

				'responsive' => false
			]
		);

		$value = blocksy_expand_responsive_value(
			$args['value'],
			$args['responsive']
		);

		if (! $args['responsive']) {
			if ($value['style'] === 'none') {
				$args['css']->put($args['selector'], '--' . $args['variableName'] . ': none');
				return;
			}

			$color = blocksy_get_colors([
				'default' => $value['color']
			], [
				'default' => $value['color']
			]);

			$args['css']->put(
				$args['selector'],
				'--' . $args['variableName'] .
				': ' . $value['width'] . 'px ' .
				$value['style'] . ' ' . $color['default']
			);

			return;
		}

		if ($value['desktop']['style'] === 'none') {
			$args['css']->put($args['selector'], '--' . $args['variableName'] . ': none');
		} else {
			$color = blocksy_get_colors([
				'default' => $value['desktop']['color']
			], [
				'default' => $value['desktop']['color']
			]);

			$args['css']->put(
				$args['selector'],
				'--' . $args['variableName'] .
				': ' . $value['desktop']['width'] . 'px ' .
				$value['desktop']['style'] . ' ' . $color['default']
			);
		}

		if ($value['tablet']['style'] === 'none') {
			$args['tablet_css']->put($args['selector'], '--' . $args['variableName'] . ': none');
		} else {
			$color = blocksy_get_colors([
				'default' => $value['tablet']['color']
			], [
				'default' => $value['tablet']['color']
			]);

			$args['tablet_css']->put(
				$args['selector'],
				'--' . $args['variableName'] .
				': ' . $value['tablet']['width'] . 'px ' .
				$value['tablet']['style'] . ' ' . $color['default']
			);
		}

		if ($value['mobile']['style'] === 'none') {
			$args['mobile_css']->put($args['selector'], '--' . $args['variableName'] . ': none');
		} else {
			$color = blocksy_get_colors([
				'default' => $value['mobile']['color']
			], [
				'default' => $value['mobile']['color']
			]);

			$args['mobile_css']->put(
				$args['selector'],
				'--' . $args['variableName'] .
				': ' . $value['mobile']['width'] . 'px ' .
				$value['mobile']['style'] . ' ' . $color['default']
			);
		}
	}
}

if (! function_exists('blocksy_output_spacing')) {
	function blocksy_output_spacing($args = []) {
		$args = wp_parse_args(
			$args,
			[
				'css' => null,
				'tablet_css' => null,
				'mobile_css' => null,

				'selector' => null,
				'property' => 'margin',

				'important' => false,
				'responsive' => true,

				'value' => null,
			]
		);

		$value = blocksy_expand_responsive_value(
			$args['value'],
			$args['responsive']
		);

		$args['css']->put(
			$args['selector'],
			'--' . $args['property'] . ': ' . blocksy_spacing_prepare_for_device(
				$value['desktop']
			) . (
				$args['important'] ? ' !important' : ''
			)
		);

		$args['tablet_css']->put(
			$args['selector'],
			'--' . $args['property'] . ': ' . blocksy_spacing_prepare_for_device(
				$value['tablet']
			) . (
				$args['important'] ? ' !important' : ''
			)
		);

		$args['mobile_css']->put(
			$args['selector'],
			'--' . $args['property'] . ': ' . blocksy_spacing_prepare_for_device(
				$value['mobile']
			) . (
				$args['important'] ? ' !important' : ''
			)
		);
	}
}

if (! function_exists('blocksy_spacing_prepare_for_device')) {
	function blocksy_spacing_prepare_for_device($value) {
		$result = [];

		$is_value_compact = true;

		foreach ([
			$value['top'],
			$value['right'],
			$value['bottom'],
			$value['left']
		] as $val) {
		if ($val !== 'auto' && preg_match('/\\d/', $val) > 0) {
			$is_value_compact = false;
			break;
		}
		}

		if ($is_value_compact) {
			return 'CT_CSS_SKIP_RULE';
		}

		if (
			$value['top'] === 'auto'
			||
			preg_match('/\\d/', $value['top']) === 0
		) {
			$result[] = 0;
		} else {
			$result[] = $value['top'];
		}

		if (
			$value['right'] === 'auto'
			||
			preg_match('/\\d/', $value['right']) === 0
		) {
			$result[] = 0;
		} else {
			$result[] = $value['right'];
		}

		if (
			$value['bottom'] === 'auto'
			||
			preg_match('/\\d/', $value['bottom']) === 0
		) {
			$result[] = 0;
		} else {
			$result[] = $value['bottom'];
		}

		if (
			$value['left'] === 'auto'
			||
			preg_match('/\\d/', $value['left']) === 0
		) {
			$result[] = 0;
		} else {
			$result[] = $value['left'];
		}

		if (
			$result[0] === $result[1]
			&&
			$result[0] === $result[2]
			&&
			$result[0] === $result[3]
		) {
			return $result[0];
		}

		if (
			$result[0] === $result[2]
			&&
			$result[1] === $result[3]
		) {
			return $result[0] . ' ' . $result[3];
		}

		return implode(' ', $result);
	}
}

if (! function_exists('blocksy_spacing_value')) {
	function blocksy_spacing_value($args = []) {
		return wp_parse_args(
			$args,
			[
				'top' => '',
				'bottom' => '',
				'left' => '',
				'right' => '',
				'linked' => true
			]
		);
	}
}