<?php
if ( ! function_exists( 'flatsome_child_grid_item_multiple_shortcode' ) ) {
	function flatsome_child_grid_item_multiple_shortcode( $atts = array() ) {
		$atts = shortcode_atts(
			array(
				'class'   => '',
				'heading' => 'Lợi ích mang lại cho doanh nghiệp',
				'img'     => 'https://invaidangquang.com/wp-content/uploads/2023/11/Group-1148-2.png',

				'num1'  => '01.',
				'text1' => 'Tiết kiệm chi phí sản xuất, chi phí nghiên cứu & phát triển mẫu',

				'num2'  => '02.',
				'text2' => 'Kiểm soát vải tồn kho dễ dàng với số lượng in từ 50m/1 mẫu',

				'num3'  => '03.',
				'text3' => 'Ra mắt bộ sưu tập đúng thời gian với sản lượng 50.000m/ngày',

				'num4'  => '04.',
				'text4' => 'Nâng cao năng lực cạnh tranh của doanh nghiệp',

				'num5'  => '05.',
				'text5' => 'Tăng hiệu quả kinh doanh với sản phẩm ra thị trường khó bắt chước',
			),
			$atts,
			'grid_item_multiple'
		);

		$wrapper_classes = array( 'zb-section__innerWrapper' );
		if ( ! empty( $atts['class'] ) ) {
			$wrapper_classes[] = $atts['class'];
		}

		$item = function ( $id_wrap, $id_num, $id_text, $num, $text ) {
			return '<div id="' . $id_wrap . '" class="zb-element zb-el-container">' .
				'<span id="' . $id_num . '" class="title_loi_ich zb-element zb-el-zionHeading">' . esc_html( $num ) . '</span>' .
				'<span id="' . $id_text . '" class="content_loi_ich zb-element zb-el-zionHeading"><strong>' . esc_html( $text ) . '</strong></span>' .
			'</div>';
		};

		return
			'<div class="' . esc_attr( implode( ' ', $wrapper_classes ) ) . '">' .

				'<div id="uid1529573181831" class="zb-column--5 zb-column zb-element zb-el-zionColumn">' .
					'<h2 id="uid1529574113111" class="zb-element zb-el-zionHeading ajs__element fadeInDown animated" data-ajs-animation="fadeInDown">' . esc_html( $atts['heading'] ) . '</h2>' .
				'</div>' .

				'<div id="uid1529573181832" class="zb-column--7 zb-column zb-element zb-el-zionColumn"></div>' .

				'<div id="uid1529580896491" class="zb-column--9 back_class_pos zb-column zb-element zb-el-zionColumn">' .
					'<div id="uid1529580896492" class="zb-element zb-el-zionImage ajs__element fadeInRight animated" data-ajs-animation="fadeInRight">' .
						'<div><img loading="lazy" decoding="async" src="' . esc_url( $atts['img'] ) . '" class="attachment-full size-full" alt=""></div>' .
					'</div>' .
				'</div>' .

				'<div id="uid1529573301261" class="zb-column--3 zb-column zb-element zb-el-zionColumn ajs__element fadeInLeft animated" data-ajs-animation="fadeInLeft">' .
					$item( 'uid1529575111011', 'uid1529576056081', 'uid1529575837251', $atts['num1'], $atts['text1'] ) .
					$item( 'uid1529581951141', 'uid1529581951142', 'uid1529581951143', $atts['num5'], $atts['text5'] ) .
				'</div>' .

				'<div id="uid1529582067811" class="zb-column--3 zb-column zb-element zb-el-zionColumn ajs__element fadeInLeft animated" data-ajs-animation="fadeInLeft">' .
					$item( 'uid1529582067821', 'uid1529582067822', 'uid1529582067823', $atts['num2'], $atts['text2'] ) .
					$item( 'uid1529582067824', 'uid1529582067825', 'uid1529582067826', $atts['num4'], $atts['text4'] ) .
				'</div>' .

				'<div id="uid1529582063341" class="zb-column--3 zb-column zb-element zb-el-zionColumn ajs__element fadeInLeft animated" data-ajs-animation="fadeInLeft">' .
					$item( 'uid1529582063342', 'uid1529582063343', 'uid1529582063344', $atts['num3'], $atts['text3'] ) .
				'</div>' .

			'</div>';
	}

	add_shortcode( 'grid_item_multiple', 'flatsome_child_grid_item_multiple_shortcode' );
}
