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

				'img1'      => 'https://invaidangquang.com/wp-content/uploads/2023/10/Group-6.svg',
				'heading1'  => '100% chất lượng',
				'text1'     => 'Ổn định giữa các đơn hàng',
				'btn_text1' => 'XEM THÊM',
				'btn_url1'  => '#',

				'img2'      => 'https://invaidangquang.com/wp-content/uploads/2023/11/Group.png',
				'heading2'  => 'công nghệ hiện đại',
				'text2'     => 'Của Nhật Bản',
				'btn_text2' => 'XEM THÊM',
				'btn_url2'  => '#',

				'img3'      => 'https://invaidangquang.com/wp-content/uploads/2023/11/Group-1.png',
				'heading3'  => 'đội ngũ R&D',
				'text3'     => 'Thiết kế sáng tạo',
				'btn_text3' => 'XEM THÊM',
				'btn_url3'  => '#',

				'img4'      => 'https://invaidangquang.com/wp-content/uploads/2023/11/Group-2-1.png',
				'heading4'  => 'cam kết sản lượng',
				'text4'     => 'Tối thiểu 50.000 m/ngày',
				'btn_text4' => 'XEM THÊM',
				'btn_url4'  => '#',
			),
			$atts,
			'icon_detail'
		);

		$cols = array(
			1 => array( 'col' => 'uid15131357515736', 'img' => 'uid15131357515737', 'h' => 'uid15131357515738', 't' => 'uid15131357515739', 'btn' => 'uid15131357515740' ),
			2 => array( 'col' => 'uid15131357515741', 'img' => 'uid15131357515742', 'h' => 'uid15131357515744', 't' => 'uid15131357515743', 'btn' => 'uid15131357515745' ),
			3 => array( 'col' => 'uid15131357515746', 'img' => 'uid15131357515747', 'h' => 'uid15131357515749', 't' => 'uid15131357515748', 'btn' => 'uid15131357515750' ),
			4 => array( 'col' => 'uid15131357515751', 'img' => 'uid15131357515752', 'h' => 'uid15131357515754', 't' => 'uid15131357515753', 'btn' => 'uid15131357515755' ),
		);

		$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--3 zb-column zb-element zb-el-zionColumn">' .
					'<div id="' . $id['img'] . '" class="icon_image zb-element zb-el-zionImage">' .
						'<div><img loading="lazy" decoding="async" src="' . esc_url( $atts[ 'img' . $i ] ) . '" class="attachment-full size-full" alt="' . esc_attr( $atts[ 'heading' . $i ] ) . '"></div>' .
					'</div>' .
					'<h3 id="' . $id['h'] . '" class="h3_text_gradient zb-element zb-el-zionHeading">' . esc_html( $atts[ 'heading' . $i ] ) . '</h3>' .
					'<div id="' . $id['t'] . '" class="text_sub_gradient zb-element zb-el-zionText text-center"><p>' . esc_html( $atts[ 'text' . $i ] ) . '</p></div>' .
					'<div id="' . $id['btn'] . '" class="zb-el-zionButton--align--center button_more zb-element zb-el-zionButton">' .
						'<a href="' . esc_url( $atts[ 'btn_url' . $i ] ) . '" class="zb-el-button"><span class="zb-el-button__text">' . esc_html( $atts[ 'btn_text' . $i ] ) . '</span></a>' .
					'</div>' .
				'</div>';
		}

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

	add_shortcode( 'icon_detail', 'flatsome_child_icon_detail_shortcode' );
}
