<?php
/**
 * Layout options
 *
 * @copyright 2019-present Creative Themes
 * @license   http://www.gnu.org/copyleft/gpl.html GNU General Public License
 * @package   Blocksy
 */

$options = [
	'hero_section_options' => [
		'type' => 'ct-options',
		'setting' => [ 'transport' => 'postMessage' ],
		'inner-options' => [

			ct_rand_md5() => [
				'type' => 'ct-title',
				'label' => __( 'Hero Type 1', 'ct' ),
				'variation' => 'small',
			],

			'hero1TitleSize' => [
				'label' => __( 'Title Size', 'ct' ),
				'type' => 'ct-slider',
				// 'value' => 60,
				'min' => 0,
				'max' => 50,
				'responsive' => true,
				'value' => [
					'mobile' => 25,
					'tablet' => 30,
					'desktop' => 32,
				],
				'setting' => [ 'transport' => 'postMessage' ],
			],

			'hero1FontColor' => [
				'label' => __( 'Font Color', 'ct' ),
				'type'  => 'ct-color-picker',
				'design' => 'inline',
				'setting' => [ 'transport' => 'postMessage' ],

				'value' => [
					'default' => [
						'color' => 'var(--paletteColor3)',
					],

					'hover' => [
						'color' => 'var(--paletteColor1)',
					],
				],

				'pickers' => [
					[
						'title' => __( 'Initial color', 'ct' ),
						'id' => 'default',
					],

					[
						'title' => __( 'Hover color', 'ct' ),
						'id' => 'hover',
					],
				],
			],

			ct_rand_md5() => [
				'type' => 'ct-title',
				'label' => __( 'Hero Type 2', 'ct' ),
				'variation' => 'small',
			],

			'hero2TitleSize' => [
				'label' => __( 'Title Size', 'ct' ),
				'type' => 'ct-slider',
				// 'value' => 60,
				'min' => 0,
				'max' => 80,
				'responsive' => true,
				'value' => [
					'mobile' => 25,
					'tablet' => 35,
					'desktop' => 55,
				],
				'setting' => [ 'transport' => 'postMessage' ],
			],

			'hero2FontColor' => [
				'label' => __( 'Font Color', 'ct' ),
				'type'  => 'ct-color-picker',
				'design' => 'inline',
				'setting' => [ 'transport' => 'postMessage' ],

				'value' => [
					'default' => [
						'color' => '#ffffff',
					],

					'hover' => [
						'color' => 'var(--paletteColor1)',
					],
				],

				'pickers' => [
					[
						'title' => __( 'Initial color', 'ct' ),
						'id' => 'default',
					],

					[
						'title' => __( 'Initial color', 'ct' ),
						'id' => 'hover',
					],
				],
			],

			'heroOverlayColor' => [
				'label' => __( 'Image Overlay Color', 'ct' ),
				'type'  => 'ct-color-picker',
				'design' => 'inline',
				'setting' => [ 'transport' => 'postMessage' ],

				'value' => [
					'default' => [
						'color' => 'rgba(41, 51, 60, 0.2)',
					],
				],

				'pickers' => [
					[
						'title' => __( 'Initial color', 'ct' ),
						'id' => 'default',
					],
				],
			],

			'heroBackground' => [
				'label' => __( 'Background Color', 'ct' ),
				'type'  => 'ct-color-picker',
				'design' => 'inline',
				'setting' => [ 'transport' => 'postMessage' ],

				'value' => [
					'default' => [
						'color' => '#CED1D5',
					],
				],

				'pickers' => [
					[
						'title' => __( 'Initial color', 'ct' ),
						'id' => 'default',
					],
				],
			],

		],
	],
];