<?php
$controls = [];

$controls['contextualSpacingRemoveDefaultMargins'] = [
	'label'             => esc_html__( 'Remove default margins', 'bricks' ),
	'desc'              => esc_html__( 'Select the elements for which you want to remove the default margins.', 'bricks' ),
	'type'              => 'select',
	'multiple'          => true,
	'add'               => true,
	'placeholder'       => esc_html__( 'Select HTML tags', 'bricks' ),
	'placeholderSearch' => esc_html__( 'Custom tag', 'bricks' ),
	'options'           => [
		'h1,h2,h3,h4,h5,h6' => esc_html__( 'Headings', 'bricks' ) . ' (h1 - h6)',
		'p'                 => esc_html__( 'Paragraph', 'bricks' ) . ' (p)',
		'ul'                => esc_html__( 'Unordered list', 'bricks' ) . ' (ul)',
		'ol'                => esc_html__( 'Ordered list', 'bricks' ) . ' (ol)',
		'li'                => esc_html__( 'List item', 'bricks' ) . ' (li)',
		'figure'            => esc_html__( 'Figure', 'bricks' ) . ' (figure)',
		'blockquote'        => esc_html__( 'Blockquote', 'bricks' ) . ' (blockquote)',
	],
];

$controls['contextualSpacingSep'] = [
	'label' => esc_html__( 'Contextual spacing', 'bricks' ),
	'type'  => 'separator',
	'desc'  => sprintf(
		'<p>%s %s</p>',
		esc_html__( 'Contextual spacing applies a top margin to elements with a preceding sibling within embedded content.', 'bricks' ),
		\Bricks\Helpers::article_link( 'contextual-spacing', esc_html__( 'Learn more', 'bricks' ) )
	),
];

// Heading
$heading_spacing_css_selectors = [
	'.brxe-text * + :is(h1, h2, h3, h4, h5, h6)',
	'.brxe-post-content:not([data-source=bricks]) * + :is(h1, h2, h3, h4, h5, h6)',
	'body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(h1, h2, h3, h4, h5, h6)',
];

$controls['contextualSpacingHeading'] = [
	'type'        => 'number',
	'units'       => true,
	'label'       => esc_html__( 'Heading', 'bricks' ),
	'info'        => 'margin-block-start',
	'css'         => [
		[
			'property' => 'margin-block-start',
			'selector' => join( ', ', $heading_spacing_css_selectors ),
		],
	],
	'placeholder' => '',
];

// Paragraph
$paragraph_spacing_css_selectors = [
	'.brxe-text * + p',
	'.brxe-post-content:not([data-source=bricks]) * + p',
	'body:not(.woocommerce-checkout) [class*=woocommerce] * + p',
];

$controls['contextualSpacingParagraph'] = [
	'type'        => 'number',
	'units'       => true,
	'label'       => esc_html__( 'Paragraph', 'bricks' ),
	'info'        => 'margin-block-start',
	'css'         => [
		[
			'property' => 'margin-block-start',
			'selector' => join( ', ', $paragraph_spacing_css_selectors ),
		],
	],
	'placeholder' => '',
];

// Fallback spacing
$fallback_css_selectors = [
	'.brxe-text * + *',
	'.brxe-post-content:not([data-source=bricks]) * + *',
	'body:not(.woocommerce-checkout) [class*=woocommerce] * + *',
];

$controls['contextualSpacingFallback'] = [
	'type'        => 'number',
	'units'       => true,
	'label'       => esc_html__( 'Fallback spacing', 'bricks' ),
	'info'        => 'margin-block-start',
	'css'         => [
		[
			'property' => 'margin-block-start',
			'selector' => join( ', ', $fallback_css_selectors ),
		],
	],
	'placeholder' => '',
	'desc'        => esc_html__( 'Fallback applies to elements in embedded content without a specific spacing rule.', 'bricks' ),
];

// Additional target elements
$controls['contextualSpacingCustomSeparator'] = [
	'type'  => 'separator',
	'label' => esc_html__( 'Additional target elements', 'bricks' ),
	'desc'  => esc_html__( 'Extend contextual spacing to other elements within embedded content.', 'bricks' ),
];

$controls['contextualSpacingCustomTarget'] = [
	'type'          => 'repeater',
	'titleProperty' => 'selector',
	'selector'      => 'contextualSpacing',
	'alwaysOpen'    => true,
	'placeholder'   => esc_html__( 'Target', 'bricks' ),
	'fields'        => [
		'selector'     => [
			'type'              => 'select',
			'add'               => true,
			'label'             => esc_html__( 'Selector', 'bricks' ),
			'placeholder'       => esc_html__( 'HTML tag', 'bricks' ),
			'placeholderSearch' => esc_html__( 'Custom tag', 'bricks' ) . ' / ' . esc_html__( 'Selector', 'bricks' ),
			'options'           => [
				'ul'         => esc_html__( 'Unordered list', 'bricks' ) . ' (ul)',
				'ol'         => esc_html__( 'Ordered list', 'bricks' ) . ' (ol)',
				'li'         => esc_html__( 'List item', 'bricks' ) . ' (li)',
				'figure'     => esc_html__( 'Figure', 'bricks' ) . ' (figure)',
				'blockquote' => esc_html__( 'Blockquote', 'bricks' ) . ' (blockquote)',
			],
		],
		'marginStart'  => [
			'type'           => 'text',
			'label'          => esc_html__( 'Margin', 'bricks' ) . ': ' . esc_html__( 'Top', 'bricks' ),
			'info'           => 'margin-block-start',
			'hasDynamicData' => false,
			'hasVariables'   => true,
			'required'       => [
				'selector',
				'!=' => ''
			],
			'css'            => [
				[
					'property' => 'margin-block-start',
					'value'    => '%s',
				],
			],
		],
		'marginEnd'    => [
			'type'           => 'text',
			'label'          => esc_html__( 'Margin', 'bricks' ) . ': ' . esc_html__( 'Bottom', 'bricks' ),
			'info'           => 'margin-block-end',
			'hasDynamicData' => false,
			'hasVariables'   => true,
			'required'       => [
				'selector',
				'!=' => ''
			],
			'css'            => [
				[
					'property' => 'margin-block-end',
					'value'    => '%s',
				],
			],
		],
		'paddingStart' => [
			'type'           => 'text',
			'label'          => esc_html__( 'Padding', 'bricks' ) . ': ' . esc_html__( 'Start', 'bricks' ),
			'info'           => 'padding-inline-start',
			'hasDynamicData' => false,
			'hasVariables'   => true,
			'required'       => [
				'selector',
				'!=' => ''
			],
			'css'            => [
				[
					'property' => 'padding-inline-start',
					'value'    => '%s',
				],
			],
		],
		'paddingEnd'   => [
			'type'           => 'text',
			'label'          => esc_html__( 'Padding', 'bricks' ) . ': ' . esc_html__( 'End', 'bricks' ),
			'info'           => 'padding-inline-end',
			'hasDynamicData' => false,
			'hasVariables'   => true,
			'required'       => [
				'selector',
				'!=' => ''
			],
			'css'            => [
				[
					'property' => 'padding-inline-end',
					'value'    => '%s',
				],
			],
		],
	],
];

// Apply spacing inside
$controls['contextualSpacingApplyToSep'] = [
	'type'  => 'separator',
	'label' => esc_html__( 'Apply spacing inside', 'bricks' ),
];

$controls['contextualSpacingApplyTo'] = [
	'type'        => 'text',
	'desc'        => esc_html__( 'Contextual spacing targets embedded content (Rich Text, Post Content, WooCommerce). Use this field to apply contextual spacing to additional selectors, separated by commas.', 'bricks' ),
	'placeholder' => '.contextual-spacing, .brxe-shortcode',
];

return [
	'name'     => 'contextualSpacing',
	'controls' => $controls,
];
