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

$options = [

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

			ct_rand_md5() => [
				'type' => 'ct-title',
				'label' => __( 'General Options', 'ct' ),
			],

			ct_rand_md5() => [
				'title' => __( 'General', 'ct' ),
				'type' => 'tab',
				'options' => [

					'header_type' => [
						'label' => false,
						'type' => 'ct-image-picker',
						'value' => 'type-1',
						'attr' => [ 'data-type' => 'background' ],
						'setting' => [ 'transport' => 'postMessage' ],
						'switchDeviceOnChange' => 'desktop',
						'choices' => [

							'type-1' => [
								'src'   => ct_image_picker_url( 'header-type-1.svg' ),
								'title' => __( 'Left', 'ct' ),
							],

							'type-2' => [
								'src'   => ct_image_picker_url( 'header-type-2.svg' ),
								'title' => __( 'Center', 'ct' ),
							],

						],
					],

					ct_rand_md5() => [
						'type' => 'ct-condition',
						'condition' => [ 'header_type' => 'type-1' ],
						'options' => [

							'header_container' => [
								'label' => __( 'Container Width', 'ct' ),
								'type' => 'ct-radio',
								'value' => 'fixed',
								'view' => 'text',
								'design' => 'block',
								// 'attr' => [ 'data-type' => 'compact'],
								'setting' => [ 'transport' => 'postMessage' ],
								'choices' => [
									'fixed' => __( 'Fixed', 'ct' ),
									'fluid' => __( 'Fluid', 'ct' ),
								],
							],

						],
					],

				],
			],

			ct_rand_md5() => [
				'title' => __( 'Design', 'ct' ),
				'type' => 'tab',
				'options' => [

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

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

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

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

						'value' => [
							'default' => [
								'color' => 'rgba(210, 213, 218, 0.15)',
							],
						],

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

					ct_rand_md5() => [
						'type' => 'ct-condition',
						'condition' => [ 'header_type' => 'type-1' ],
						'options' => [

							'headerSpacing' => [
								'label' => __( 'Container Inner Spacing', 'ct' ),
								'type' => 'ct-slider',
								'value' => [
									'desktop' => '45px',
									'tablet' => '35px',
									'mobile' => '35px',
								],
								'responsive' => [
									'desktop' => true,
									'tablet' => false,
									'mobile' => false,
								],
								'units' => ct_units_config([
									[
										'unit' => 'px',
										'min' => 0,
										'max' => 100,
									],
								]),
								'setting' => [ 'transport' => 'postMessage' ],
							],

						],
					],

				],
			],

			// ct_rand_md5() => [
			// 'type' => 'ct-divider',
			// ],
			ct_rand_md5() => [
				'type' => 'ct-title',
				'label' => __( 'Header Elements', 'ct' ),
			],

			// logo
			'header_logo_panel' => [
				'label' => __( 'Logo', 'ct' ),
				'type' => 'ct-panel',
				'switch' => false,
				// 'value' => 'yes',
				'setting' => [ 'transport' => 'postMessage' ],
				'inner-options' => [

					'header_logo' => [
						'label' => false,
						'type' => 'ct-image-uploader',
						'value' => [
							'attachment_id' => null,
						],
						'logo' => [
							'height'      => 250,
							'width'       => 250,
							'flex-width'  => true,
							'flex-height' => true,
						],
						'attr' => [ 'data-height' => 'small' ],
						'setting' => [ 'transport' => 'postMessage' ],
						'selective_refresh' => [
							'selector' => '.site-branding',
							'render_callback' => 'ct_output_site_branding',
						],
					],

					'logoMaxHeight' => [
						'label' => __( 'Maximum Height', 'ct' ),
						'type' => 'ct-slider',
						// 'value' => '50',
						'min' => 0,
						'max' => 150,
						'value' => [
							'mobile' => 50,
							'tablet' => 50,
							'desktop' => 50,
						],
						'responsive' => true,
						'setting' => [ 'transport' => 'postMessage' ],
					],

					ct_rand_md5() => [
						'type' => 'ct-condition',
						'condition' => [ 'header_type' => 'type-2' ],
						'options' => [

							'headerLogoSpacing' => [
								'label' => __( 'Container Inner Spacing', 'ct' ),
								'type' => 'ct-slider',
								'value' => [
									'desktop' => '35px',
									'tablet' => '35px',
									'mobile' => '35px',
								],
								'responsive' => [
									'desktop' => true,
									'tablet' => false,
									'mobile' => false,
								],
								'units' => ct_units_config([
									[
										'unit' => 'px',
										'min' => 0,
										'max' => 100,
									],
								]),
								'setting' => [ 'transport' => 'postMessage' ],
							],

						],
					],
				],
			],

			// main menu
			'main_menu_panel' => [
				'label' => __( 'Menu', 'ct' ),
				'type' => 'ct-panel',
				'switch' => false,
				// 'value' => 'yes',
				'setting' => [ 'transport' => 'postMessage' ],
				'inner-options' => [

					ct_rand_md5() => [
						'type' => 'ct-title',
						'label' => __( 'Top Level Styles', 'ct' ),
					],

					'menuFontColor' => [
						'label' => __( 'Link 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',
							],
						],
					],

					'headerMenuItemsSpacing' => [
						'label' => __( 'Items Spacing', 'ct' ),
						'type' => 'ct-slider',
						'value' => 25,
						'min' => 5,
						'max' => 80,
						'setting' => [ 'transport' => 'postMessage' ],
					],

					ct_rand_md5() => [
						'type' => 'ct-title',
						'label' => __( 'Dropdowns Styles', 'ct' ),
					],

					'dropdownFontColor' => [
						'label' => __( 'Link 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' => __( 'Hover color', 'ct' ),
								'id' => 'hover',
							],
						],
					],

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

						'value' => [
							'default' => [
								'color' => '#29333C',
							],
						],

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

					'dropdownMenuWidth' => [
						'label' => __( 'Dropdown Box Width', 'ct' ),
						'type' => 'ct-slider',
						'value' => 200,
						'min' => 100,
						'max' => 250,
						'setting' => [ 'transport' => 'postMessage' ],
					],

					ct_rand_md5() => [
						'type' => 'ct-condition',
						'condition' => [ 'header_type' => 'type-2' ],
						'options' => [

							ct_rand_md5() => [
								'type' => 'ct-title',
								'label' => __( 'Container Styles', 'ct' ),
							],

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

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

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

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

								'value' => [
									'default' => [
										'color' => 'rgba(255,255,255, 0)',
									],
								],

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

							'navSectionSpacing' => [
								'label' => __( 'Container Inner Spacing', 'ct' ),
								'type' => 'ct-slider',
								'value' => '15px',
								'responsive' => [
									'desktop' => true,
									'tablet' => false,
									'mobile' => false,
								],
								'units' => ct_units_config([
									[
										'unit' => 'px',
										'min' => 0,
										'max' => 50,
									],
								]),
								'setting' => [ 'transport' => 'postMessage' ],
							],

							'nav_container' => [
								'label' => __( 'Container Width', 'ct' ),
								'type' => 'ct-radio',
								'value' => 'fixed',
								'view' => 'text',
								'design' => 'block',
								// 'attr' => [ 'data-type' => 'compact'],
								'setting' => [ 'transport' => 'postMessage' ],
								'choices' => [
									'fixed' => __( 'Fixed', 'ct' ),
									'fluid' => __( 'Fluid', 'ct' ),
								],
							],

						],
					],

				],
			],

			// search icon
			'search_icon_panel' => [
				'label' => __( 'Search', 'ct' ),
				'type' => 'ct-panel',
				'switch' => true,
				'value' => 'yes',
				// 'wrapperAttr' => [ 'data-label' => 'heading-label' ],
				'setting' => [ 'transport' => 'postMessage' ],
				'inner-options' => [

					'searchHeaderIconColor' => [
						'label' => __( 'Icon 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' => __( 'Search Results', 'ct' ),
						'variation' => 'small',
					],

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

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

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

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

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

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

						'value' => [
							'default' => [
								'color' => 'rgba(18, 21, 25, 0.98)',
							],
						],

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

				],
			],

			// cart
			'cart_icon_panel' => [
				'label' => __( 'Cart (comming soon)', 'ct' ),
				'type' => 'ct-panel',
				'switch' => true,
				'value' => 'no',
				'state' => 'disabled',
				'setting' => [ 'transport' => 'postMessage' ],
				'inner-options' => [

					ct_rand_md5() => [
						'type' => 'ct-title',
						'label' => __( 'Comming Soon...', 'ct' ),
					],

				],
			],

			ct_rand_md5() => [
				'type' => 'ct-title',
				'label' => __( 'Mobile Devices Options', 'ct' ),
			],

			ct_rand_md5() => [
				'title' => __( 'General', 'ct' ),
				'type' => 'tab',
				'options' => [

					'mobile_header_type' => [
						'label' => false,
						'type' => 'ct-image-picker',
						'value' => 'type-1',
						'attr' => [ 'data-type' => 'background' ],
						'setting' => [ 'transport' => 'postMessage' ],
						'switchDeviceOnChange' => 'tablet',
						'choices' => [

							'type-1' => [
								'src'   => ct_image_picker_url( 'header-mobile-type-1.svg' ),
								'title' => __( 'Left', 'ct' ),
							],

							'type-2' => [
								'src'   => ct_image_picker_url( 'header-mobile-type-2.svg' ),
								'title' => __( 'Center', 'ct' ),
							],

						],
					],

				],
			],

			ct_rand_md5() => [
				'title' => __( 'Design', 'ct' ),
				'type' => 'tab',
				'options' => [

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

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

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

					'mobileHeaderSpacing' => [
						'label' => __( 'Container Inner Spacing', 'ct' ),
						'type' => 'ct-slider',
						// 'value' => '20px',
						'value' => [
							'desktop' => '20px',
							'tablet' => '20px',
							'mobile' => '20px',
						],
						'responsive' => [
							'desktop' => false,
							'tablet' => true,
							'mobile' => true,
						],
						'units' => ct_units_config([
							[
								'unit' => 'px',
								'min' => 0,
								'max' => 50,
							],
						]),
						'setting' => [ 'transport' => 'postMessage' ],
					],

					ct_rand_md5() => [
						'type' => 'ct-title',
						'label' => __( 'Mobile Menu Styles', 'ct' ),
						'variation' => 'small',
					],

					'mobileMenuIconColor' => [
						'label' => __( 'Icon 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',
							],
						],
					],

					'mobileMenuLinkColor' => [
						'label' => __( 'Link 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' => __( 'Hover color', 'ct' ),
								'id' => 'hover',
							],
						],
					],

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

						'value' => [
							'default' => [
								'color' => 'rgba(18, 21, 25, 0.98)',
							],
						],

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

				],
			],


			ct_rand_md5() => [
				'type' => 'ct-divider',
			],

			// top bar
			'has_top_bar' => [
				'label' => __( 'Top Bar', 'ct' ),
				'type' => 'ct-panel',
				'switch' => true,
				'value' => 'yes',
				'wrapperAttr' => [ 'data-label' => 'heading-label' ],
				'setting' => [ 'transport' => 'postMessage' ],
				'inner-options' => [

					ct_rand_md5() => [
						'title' => __( 'General', 'ct' ),
						'type' => 'tab',
						'options' => [

							ct_get_options('general/header-top-bar-area', [
								'number' => '1',
								'default_section' => 'header_menu',
							]),

							[
								ct_rand_md5() => [
									'type' => 'ct-divider',
									'attr' => [ 'data-type' => 'small' ],
								],
							],

							ct_get_options('general/header-top-bar-area', [
								'number' => '2',
								'default_section' => 'social_icons',
							]),

							[
								ct_rand_md5() => [
									'type' => 'ct-divider',
									'attr' => [ 'data-type' => 'small' ],
								],

								'top_bar_container' => [
									'label' => __( 'Container Width', 'ct' ),
									'type' => 'ct-radio',
									'value' => 'fixed',
									'view' => 'text',
									'design' => 'block',
									// 'attr' => [ 'data-type' => 'compact'],
									'setting' => [ 'transport' => 'postMessage' ],
									'choices' => [
										'fixed' => __( 'Fixed', 'ct' ),
										'fluid' => __( 'Fluid', 'ct' ),
									],
								],

								'top_bar_stacking' => [
									'label' => __( 'Stack Sections on', 'ct' ),
									'type' => 'ct-visibility',
									'design' => 'block',
									'setting' => [ 'transport' => 'postMessage' ],
									'allow_empty' => true,

									'value' => [
										'tablet' => false,
										'mobile' => true,
									],

									'choices' => ct_ordered_keys([
										'tablet' => __( 'Tablet', 'ct' ),
										'mobile' => __( 'Mobile', 'ct' ),
									]),
								],

								'top_bar_visibility' => [
									'label' => __( 'Visibility', 'ct' ),
									'type' => 'ct-visibility',
									'design' => 'block',
									'setting' => [ 'transport' => 'postMessage' ],

									'value' => [
										'desktop' => true,
										'tablet' => true,
										'mobile' => false,
									],

									'choices' => ct_ordered_keys([
										'desktop' => __( 'Desktop', 'ct' ),
										'tablet' => __( 'Tablet', 'ct' ),
										'mobile' => __( 'Mobile', 'ct' ),
									]),
								],
							],
						],
					],

					ct_rand_md5() => [
						'title' => __( 'Design', 'ct' ),
						'type' => 'tab',
						'options' => [

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

								'value' => [
									'default' => [
										'color' => 'rgba(255, 255, 255, 0.8)',
									],
								],

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

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

								'value' => [
									'default' => [
										'color' => 'rgba(255, 255, 255, 0.8)',
									],

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

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

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

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

								'value' => [
									'default' => [
										'color' => '#29333d',
									],
								],

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

							ct_rand_md5() => [
								'type' => 'ct-condition',
								'condition' => [
									'any' => [
										'header_top_bar_section_1' => 'header_menu',
										'header_top_bar_section_2' => 'header_menu',
									],
								],
								'options' => [

									'topBarMenuItemsSpacing' => [
										'label' => __( 'Menu Items Spacing', 'ct' ),
										'type' => 'ct-slider',
										// 'value' => 20,
										'min' => 5,
										'max' => 80,
										'responsive' => true,
										'value' => [
											'mobile' => 20,
											'tablet' => 20,
											'desktop' => 20,
										],
										'setting' => [ 'transport' => 'postMessage' ],
									],

								],
							],

							'topBarSpacing' => [
								'label' => __( 'Container Inner Spacing', 'ct' ),
								'type' => 'ct-slider',
								'value' => '13px',
								'units' => ct_units_config([
									[
										'unit' => 'px',
										'min' => 0,
										'max' => 50,
									],
								]),
								'responsive' => true,
								'setting' => [ 'transport' => 'postMessage' ],
							],

						],
					],

				],
			],
		],
	],
];