<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
/**
 * List – Two-Column Checklist (heading + two check-list columns)
 *
 * @package AxcelersBlocks
 */

// SVG JSON-encoded so it stays valid inside the block comment.
$axcelersblocks_check_icon = trim(
	wp_json_encode( '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>' ),
	'"'
);

$axcelersblocks_item = static function ( $class, $text ) {
	return '<!-- wp:axcelersblocks/list-item {"uniqueClass":"' . $class . '","fontSize":{"desktop":"16px","tablet":"16px","mobile":"15px"},"lineHeight":{"desktop":"1.6","tablet":"1.6","mobile":"1.6"},"textColor":{"desktop":"rgba(17,17,17,0.85)","tablet":"rgba(17,17,17,0.85)","mobile":"rgba(17,17,17,0.85)"}} --><span class="axcelersblocks-list-item__text">' . esc_html( $text ) . '</span><!-- /wp:axcelersblocks/list-item -->';
};

$axcelersblocks_list_open = static function ( $class, $icon ) {
	return '<!-- wp:axcelersblocks/list {"uniqueClass":"' . $class . '","iconName":"check","iconSvg":"' . $icon . '","iconColor":"#16A34A","iconType":"library","listStyleType":"none","rowGap":{"desktop":"14px","tablet":"14px","mobile":"12px"},"width":{"desktop":"calc(50% - 24px)","tablet":"100%","mobile":"100%"},"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}}} -->';
};

return array(
	'title'         => __( 'AXB: List – Two-Column Checklist', 'axcelersblocks' ),
	'description'   => __( 'A centered heading with a check-marked feature list split into two columns.', 'axcelersblocks' ),
	'categories'    => array( 'axcelersblocks-list' ),
	'keywords'      => array( 'list', 'checklist', 'columns', 'features', 'axcelersblocks' ),
	'viewportWidth' => 1200,
	'content'       =>

	'<!-- wp:axcelersblocks/box {"tagName":"section","align":"full","uniqueClass":"axb-list-02","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":"#ffffff","tablet":"#ffffff","mobile":"#ffffff"}} -->' .

		'<!-- wp:axcelersblocks/box {"uniqueClass":"axb-list-02__container","maxWidth":{"desktop":"900px","tablet":"900px","mobile":"900px"},"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":"28px","tablet":"24px","mobile":"20px"}} -->' .

			'<!-- wp:axcelersblocks/heading {"content":"Everything you need to build faster","tagName":"h2","textAlign":{"desktop":"center","tablet":"center","mobile":"center"},"fontSize":{"desktop":"34px","tablet":"30px","mobile":"26px"},"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/box {"uniqueClass":"axb-list-02__cols","display":{"desktop":"flex","tablet":"flex","mobile":"flex"},"flexDirection":{"desktop":"row","tablet":"column","mobile":"column"},"alignItems":{"desktop":"flex-start","tablet":"stretch","mobile":"stretch"},"columnGap":{"desktop":"48px","tablet":"0px","mobile":"0px"},"rowGap":{"desktop":"0px","tablet":"14px","mobile":"12px"},"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}}} -->' .

				$axcelersblocks_list_open( 'axb-list-02__list-a', $axcelersblocks_check_icon ) .
					$axcelersblocks_item( 'axb-list-02__a1', 'Unlimited responsive blocks' ) .
					$axcelersblocks_item( 'axb-list-02__a2', 'Mobile-first breakpoint controls' ) .
					$axcelersblocks_item( 'axb-list-02__a3', 'Custom typography and colors' ) .
					$axcelersblocks_item( 'axb-list-02__a4', 'Flexible spacing system' ) .
				'<!-- /wp:axcelersblocks/list -->' .

				$axcelersblocks_list_open( 'axb-list-02__list-b', $axcelersblocks_check_icon ) .
					$axcelersblocks_item( 'axb-list-02__b1', 'Dynamic content from posts' ) .
					$axcelersblocks_item( 'axb-list-02__b2', 'Reusable patterns and templates' ) .
					$axcelersblocks_item( 'axb-list-02__b3', 'SVG icon and link styling' ) .
					$axcelersblocks_item( 'axb-list-02__b4', 'No-code page building' ) .
				'<!-- /wp:axcelersblocks/list -->' .

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

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

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