<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
/**
 * List – Numbered Steps ("How it works" ordered list)
 *
 * @package AxcelersBlocks
 */

$axcelersblocks_step_border = '"border":{"desktop":{"width":"","style":"","color":"","sides":{"bottom":{"width":"1px","style":"solid","color":"#E5E7EB"}},"isLinkActive":false},"tablet":{"width":"","style":"","color":"","sides":{"bottom":{"width":"1px","style":"solid","color":"#E5E7EB"}},"isLinkActive":false},"mobile":{"width":"","style":"","color":"","sides":{"bottom":{"width":"1px","style":"solid","color":"#E5E7EB"}},"isLinkActive":false}}';

$axcelersblocks_step = static function ( $class, $title, $desc ) use ( $axcelersblocks_step_border ) {
	return '<!-- wp:axcelersblocks/list-item {"uniqueClass":"' . $class . '",' . $axcelersblocks_step_border . ',"padding":{"desktop":{"top":"16px","right":"18px","bottom":"16px","left":"18px","isVHActive":false,"isSidesAllActive":false},"tablet":{"top":"16px","right":"16px","bottom":"16px","left":"16px","isVHActive":false,"isSidesAllActive":false},"mobile":{"top":"14px","right":"14px","bottom":"14px","left":"14px","isVHActive":false,"isSidesAllActive":false}},"backgroundColor":{"desktop":"#FFFFFF","tablet":"#FFFFFF","mobile":"#FFFFFF"},"fontSize":{"desktop":"16px","tablet":"16px","mobile":"15px"},"lineHeight":{"desktop":"1.5","tablet":"1.5","mobile":"1.55"},"textColor":{"desktop":"rgba(17,17,17,0.86)","tablet":"rgba(17,17,17,0.86)","mobile":"rgba(17,17,17,0.86)"}} -->' .
		'<span class="axcelersblocks-list-item__text"><strong>' . esc_html( $title ) . '</strong><br>' . esc_html( $desc ) . '</span><!-- /wp:axcelersblocks/list-item -->';
};

return array(
	'title'         => __( 'AXB: List – Numbered Steps', 'axcelersblocks' ),
	'description'   => __( 'A "How it works" numbered steps list with a bold title and description per step.', 'axcelersblocks' ),
	'categories'    => array( 'axcelersblocks-list' ),
	'keywords'      => array( 'list', 'steps', 'numbered', 'how it works', 'process', 'axcelersblocks' ),
	'viewportWidth' => 1200,
	'content'       =>

	'<!-- wp:axcelersblocks/box {"tagName":"section","align":"full","uniqueClass":"axb-list-03","padding":{"desktop":{"top":"80px","right":"24px","bottom":"80px","left":"24px","isVHActive":false,"isSidesAllActive":true},"tablet":{"top":"64px","right":"20px","bottom":"64px","left":"20px","isVHActive":false,"isSidesAllActive":true},"mobile":{"top":"52px","right":"16px","bottom":"52px","left":"16px","isVHActive":false,"isSidesAllActive":true}},"backgroundColor":{"desktop":"#F9FAFB","tablet":"#F9FAFB","mobile":"#F9FAFB"}} -->' .

		'<!-- wp:axcelersblocks/box {"uniqueClass":"axb-list-03__container","maxWidth":{"desktop":"640px","tablet":"640px","mobile":"640px"},"margin":{"desktop":{"top":"","right":"auto","bottom":"","left":"auto","isVHActive":false,"isSidesAllActive":false},"tablet":{"top":"","right":"auto","bottom":"","left":"auto","isVHActive":false,"isSidesAllActive":false},"mobile":{"top":"","right":"auto","bottom":"","left":"auto","isVHActive":false,"isSidesAllActive":false}},"padding":{"desktop":{"top":"0px","right":"0px","bottom":"0px","left":"0px","isVHActive":false,"isSidesAllActive":true},"tablet":{"top":"0px","right":"0px","bottom":"0px","left":"0px","isVHActive":false,"isSidesAllActive":true},"mobile":{"top":"0px","right":"0px","bottom":"0px","left":"0px","isVHActive":false,"isSidesAllActive":true}},"display":{"desktop":"flex","tablet":"flex","mobile":"flex"},"flexDirection":{"desktop":"column","tablet":"column","mobile":"column"},"rowGap":{"desktop":"24px","tablet":"22px","mobile":"18px"}} -->' .

			'<!-- wp:axcelersblocks/heading {"content":"How it works","tagName":"h2","textAlign":{"desktop":"left","tablet":"left","mobile":"left"},"fontSize":{"desktop":"32px","tablet":"28px","mobile":"24px"},"lineHeight":{"desktop":"1.2","tablet":"1.2","mobile":"1.25"},"fontWeight":{"desktop":"700","tablet":"700","mobile":"700"},"textColor":{"desktop":"#111111","tablet":"#111111","mobile":"#111111"}} /-->' .

			'<!-- wp:axcelersblocks/list {"uniqueClass":"axb-list-03__list","tagName":"ol","listStyleType":"decimal","iconGap":{"desktop":"12px","tablet":"12px","mobile":"10px"},"markerTextColor":{"desktop":"#111111","tablet":"#111111","mobile":"#111111"},"markerBackgroundColor":{"desktop":"#FFFFFF","tablet":"#FFFFFF","mobile":"#FFFFFF"},"markerFontSize":{"desktop":"13px","tablet":"13px","mobile":"12px"},"markerFontWeight":{"desktop":"700","tablet":"700","mobile":"700"},"markerBorderWidth":{"desktop":"1px","tablet":"1px","mobile":"1px"},"markerBorderStyle":{"desktop":"solid","tablet":"solid","mobile":"solid"},"markerBorderColor":{"desktop":"#4B5563","tablet":"#4B5563","mobile":"#4B5563"},"markerBorderRadius":{"desktop":"2px","tablet":"2px","mobile":"2px"},"markerWidth":{"desktop":"22px","tablet":"22px","mobile":"20px"},"markerHeight":{"desktop":"22px","tablet":"22px","mobile":"20px"},"padding":{"desktop":{"top":"0px","right":"0px","bottom":"0px","left":"0px","isVHActive":false,"isSidesAllActive":true},"tablet":{"top":"0px","right":"0px","bottom":"0px","left":"0px","isVHActive":false,"isSidesAllActive":true},"mobile":{"top":"0px","right":"0px","bottom":"0px","left":"0px","isVHActive":false,"isSidesAllActive":true}},"backgroundColor":{"desktop":"#FFFFFF","tablet":"#FFFFFF","mobile":"#FFFFFF"},"border":{"desktop":{"width":"","style":"","color":"","sides":{"top":{"width":"1px","style":"solid","color":"#E5E7EB"}},"isLinkActive":false},"tablet":{"width":"","style":"","color":"","sides":{"top":{"width":"1px","style":"solid","color":"#E5E7EB"}},"isLinkActive":false},"mobile":{"width":"","style":"","color":"","sides":{"top":{"width":"1px","style":"solid","color":"#E5E7EB"}},"isLinkActive":false}}} -->' .

				$axcelersblocks_step( 'axb-list-03__s1', 'Pick a pattern', 'Start from a ready-made section and drop it into your page.' ) .
				$axcelersblocks_step( 'axb-list-03__s2', 'Customize the content', 'Swap text, images, and links to match your brand.' ) .
				$axcelersblocks_step( 'axb-list-03__s3', 'Fine-tune the styling', 'Adjust typography, colors, and spacing per breakpoint.' ) .
				$axcelersblocks_step( 'axb-list-03__s4', 'Publish with confidence', 'Your section is responsive and ready to go live.' ) .

			'<!-- /wp:axcelersblocks/list -->' .

		'<!-- /wp:axcelersblocks/box -->' .

	'<!-- /wp:axcelersblocks/box -->',
);
