<?php

declare( strict_types=1 );

namespace Blockify\Theme;

add_filter( 'render_block', NS . 'render_columns_block', 10, 2 );
/**
 * Modifies front end HTML output of block.
 *
 * @since 0.0.2
 *
 * @param string $content
 * @param array  $block
 *
 * @return string
 */
function render_columns_block( string $content, array $block ): string {

	if ( isset( $block['attrs']['boxShadow']['zIndex'] ) ) {
		$dom = dom( $content );

		/**
		 * Fixes box shadow z index issue.
		 *
		 * @todo Fix px value added by editor.
		 *
		 * @var $first_child \DOMElement
		 */
		$first_child = $dom->firstChild;
		$style       = $first_child->getAttribute( 'style' );
		$styles      = \explode( ';', $style );

		$styles[] = '--wp--custom--box-shadow--z-index:' . $block['attrs']['boxShadow']['zIndex'];

		$first_child->setAttribute( 'style', \implode( ';', $styles ) );

		$content = $dom->saveHTML();
	}

	if ( 'core/columns' !== $block['blockName'] ) {
		return $content;
	}

	$class = 'is-stacked-on-mobile';

	if ( isset( $block['attrs']['isStackedOnMobile'] ) && $block['attrs']['isStackedOnMobile'] === false ) {
		$class = 'is-not-stacked-on-mobile';
	}

	if ( 'is-stacked-on-mobile' === $class ) {
		$content = str_replace( 'wp-block-columns', 'wp-block-columns is-stacked-on-mobile', $content );
	}

	return $content;
}