<?php
if ( ! function_exists( 'flatsome_child_criterion_item_shortcode' ) ) {
	function flatsome_child_criterion_item_shortcode( $atts = array() ) {
		$atts = shortcode_atts(
			array(
				'class' => '',

				'number1' => '01.',
				'title1'  => 'Hồ Vải',
				'desc1'   => 'Hồ vải là khâu xử lý vải qua hóa chất keo trước khi in, nhằm giúp mực in thấm đều, thấm sâu trên bề mặt vải.',

				'number2' => '02.',
				'title2'  => 'In Vải',
				'desc2'   => 'Mực sẽ được phun trực tiếp lên bề mặt vải bằng máy in kỹ thuật số để tạo thành các họa tiết.',

				'number3' => '03.',
				'title3'  => 'Sấy Khô',
				'desc3'   => 'Sau khi in, vải sẽ được đưa qua máy sấy để sấy khô lớp mực vừa in.',

				'number4' => '04.',
				'title4'  => 'Hấp Lên Màu',
				'desc4'   => 'Sau khi sấy, vải sẽ được đưa qua công đoạn hấp lên màu để vải in có màu đúng như khách hàng đã duyệt.',

				'number5' => '05.',
				'title5'  => 'Giặt',
				'desc5'   => 'Giặt giúp loại bỏ hết các lớp keo hồ có trong vải, bụi vải để mang đến những tấm vải mềm mại nhất.',
			),
			$atts,
			'criterion_item'
		);

		$cols = array(
			1 => array(
				'col'    => 'uid1541636178901',
				'wrap'   => 'uid1541636690631',
				'header' => 'uid1541653570211',
				'num'    => 'uid1541661256921',
				'sep'    => 'uid1541661341701',
				'title'  => 'uid1541661266971',
				'desc'   => 'uid1541637384981',
				'anim'   => 'fadeInUp',
			),
			2 => array(
				'col'    => 'uid1541636178902',
				'wrap'   => 'uid1541654286571',
				'header' => 'uid1541654286572',
				'num'    => 'uid1541663650021',
				'sep'    => 'uid1541663879431',
				'title'  => 'uid1541663906972',
				'desc'   => 'uid1541654286573',
				'anim'   => 'fadeInDown',
			),
			3 => array(
				'col'    => 'uid1541636178903',
				'wrap'   => 'uid1541654329901',
				'header' => 'uid1541654329902',
				'num'    => 'uid1541664113762',
				'sep'    => 'uid1541664138592',
				'title'  => 'uid1541664160542',
				'desc'   => 'uid1541654329903',
				'anim'   => 'fadeInUp',
			),
			4 => array(
				'col'    => 'uid1541636178904',
				'wrap'   => 'uid1541654358284',
				'header' => 'uid1541654358285',
				'num'    => 'uid1541664256242',
				'sep'    => 'uid1541664275852',
				'title'  => 'uid1541664296042',
				'desc'   => 'uid1541654358286',
				'anim'   => 'fadeInDown',
			),
			5 => array(
				'col'    => 'uid1541636178905',
				'wrap'   => 'uid1541654386524',
				'header' => 'uid1541654386525',
				'num'    => 'uid1541664401772',
				'sep'    => 'uid1541664421732',
				'title'  => 'uid1541664441882',
				'desc'   => 'uid1541654386526',
				'anim'   => 'fadeInUp',
			),
		);

		$classes = array( 'zb-element', 'zb-el-container' );
		if ( ! empty( $atts['class'] ) ) {
			$classes[] = $atts['class'];
		}

		$items = '';
		foreach ( $cols as $i => $id ) {
			$items .=
				'<div id="' . $id['col'] . '" class="zb-column--1of5 continer_in_nhiet_code zb-column zb-element zb-el-zionColumn ajs__element ' . $id['anim'] . ' animated" data-ajs-animation="' . $id['anim'] . '">' .
					'<div id="' . $id['wrap'] . '" class="continer_in_nhiet zb-element zb-el-container">' .
						'<div id="' . $id['header'] . '" class="zb-element zb-el-container">' .
							'<div id="' . $id['num'] . '" class="number_in_chuyen zb-element zb-el-zionText"><p>' . esc_html( $atts[ 'number' . $i ] ) . '</p></div>' .
							'<div id="' . $id['sep'] . '" class="zb-element zb-el-zionSeparator"><div class="zb-el-zionSeparator-item zb-el-zionSeparator-item--size"></div></div>' .
							'<div id="' . $id['title'] . '" class="text_in_chuyen zb-element zb-el-zionText"><p>' . esc_html( $atts[ 'title' . $i ] ) . '</p></div>' .
						'</div>' .
						'<div id="' . $id['desc'] . '" class="zb-element zb-el-zionText"><p><span style="font-weight: 400;">' . esc_html( $atts[ 'desc' . $i ] ) . '</span></p></div>' .
					'</div>' .
				'</div>';
		}

		return '<div id="uid1541636096971" class="' . esc_attr( implode( ' ', $classes ) ) . '">' . $items . '</div>';
	}

	add_shortcode( 'criterion_item', 'flatsome_child_criterion_item_shortcode' );
}
