<?php
/**
 * UX Builder element registration: icon_detail
 */

if ( ! function_exists( 'flatsome_child_ux_builder_template' ) ) {
	return;
}

add_ux_builder_shortcode(
	'icon_detail',
	array(
		'type'      => 'container',
		'name'      => __( 'Icon Detail', 'flatsome-child' ),
		'category'  => __( 'Content', 'flatsome' ),
		'thumbnail' => flatsome_ux_builder_thumbnail( 'ux_html' ),
		'info'      => '{{ heading1 }}',
		'wrap'      => false,

		'template'  => flatsome_child_ux_builder_template( 'icon_detail.html' ),

		'options' => array(
			'class' => array(
				'type'        => 'textfield',
				'heading'     => 'Custom Class',
				'full_width'  => true,
				'placeholder' => 'class-name',
				'default'     => '',
			),

			// Item 1
			'img1' => array(
				'type'        => 'textfield',
				'heading'     => __( 'Icon 1 - URL ảnh', 'flatsome-child' ),
				'full_width'  => true,
				'default'     => 'https://invaidangquang.com/wp-content/uploads/2023/10/Group-6.svg',
			),
			'heading1' => array(
				'type'       => 'textfield',
				'heading'    => __( 'Tiêu đề 1', 'flatsome-child' ),
				'default'    => '100% chất lượng',
				'auto_focus' => true,
			),
			'text1' => array(
				'type'    => 'textfield',
				'heading' => __( 'Mô tả 1', 'flatsome-child' ),
				'default' => 'Ổn định giữa các đơn hàng',
			),
			'btn_text1' => array(
				'type'    => 'textfield',
				'heading' => __( 'Nút 1 - Chữ', 'flatsome-child' ),
				'default' => 'XEM THÊM',
			),
			'btn_url1' => array(
				'type'    => 'textfield',
				'heading' => __( 'Nút 1 - Link', 'flatsome-child' ),
				'default' => '#',
			),

			// Item 2
			'img2' => array(
				'type'       => 'textfield',
				'heading'    => __( 'Icon 2 - URL ảnh', 'flatsome-child' ),
				'full_width' => true,
				'default'    => 'https://invaidangquang.com/wp-content/uploads/2023/11/Group.png',
			),
			'heading2' => array(
				'type'    => 'textfield',
				'heading' => __( 'Tiêu đề 2', 'flatsome-child' ),
				'default' => 'công nghệ hiện đại',
			),
			'text2' => array(
				'type'    => 'textfield',
				'heading' => __( 'Mô tả 2', 'flatsome-child' ),
				'default' => 'Của Nhật Bản',
			),
			'btn_text2' => array(
				'type'    => 'textfield',
				'heading' => __( 'Nút 2 - Chữ', 'flatsome-child' ),
				'default' => 'XEM THÊM',
			),
			'btn_url2' => array(
				'type'    => 'textfield',
				'heading' => __( 'Nút 2 - Link', 'flatsome-child' ),
				'default' => '#',
			),

			// Item 3
			'img3' => array(
				'type'       => 'textfield',
				'heading'    => __( 'Icon 3 - URL ảnh', 'flatsome-child' ),
				'full_width' => true,
				'default'    => 'https://invaidangquang.com/wp-content/uploads/2023/11/Group-1.png',
			),
			'heading3' => array(
				'type'    => 'textfield',
				'heading' => __( 'Tiêu đề 3', 'flatsome-child' ),
				'default' => 'đội ngũ R&D',
			),
			'text3' => array(
				'type'    => 'textfield',
				'heading' => __( 'Mô tả 3', 'flatsome-child' ),
				'default' => 'Thiết kế sáng tạo',
			),
			'btn_text3' => array(
				'type'    => 'textfield',
				'heading' => __( 'Nút 3 - Chữ', 'flatsome-child' ),
				'default' => 'XEM THÊM',
			),
			'btn_url3' => array(
				'type'    => 'textfield',
				'heading' => __( 'Nút 3 - Link', 'flatsome-child' ),
				'default' => '#',
			),

			// Item 4
			'img4' => array(
				'type'       => 'textfield',
				'heading'    => __( 'Icon 4 - URL ảnh', 'flatsome-child' ),
				'full_width' => true,
				'default'    => 'https://invaidangquang.com/wp-content/uploads/2023/11/Group-2-1.png',
			),
			'heading4' => array(
				'type'    => 'textfield',
				'heading' => __( 'Tiêu đề 4', 'flatsome-child' ),
				'default' => 'cam kết sản lượng',
			),
			'text4' => array(
				'type'    => 'textfield',
				'heading' => __( 'Mô tả 4', 'flatsome-child' ),
				'default' => 'Tối thiểu 50.000 m/ngày',
			),
			'btn_text4' => array(
				'type'    => 'textfield',
				'heading' => __( 'Nút 4 - Chữ', 'flatsome-child' ),
				'default' => 'XEM THÊM',
			),
			'btn_url4' => array(
				'type'    => 'textfield',
				'heading' => __( 'Nút 4 - Link', 'flatsome-child' ),
				'default' => '#',
			),
		),

		'presets' => array(
			array(
				'name'    => __( 'Default', 'flatsome-child' ),
				'content' => '[icon_detail heading1="100% chất lượng" text1="Ổn định giữa các đơn hàng" btn_text1="XEM THÊM" btn_url1="#" heading2="công nghệ hiện đại" text2="Của Nhật Bản" btn_text2="XEM THÊM" btn_url2="#" heading3="đội ngũ R&D" text3="Thiết kế sáng tạo" btn_text3="XEM THÊM" btn_url3="#" 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="#"]',
			),
		),
	)
);
