<?php /**
 * Header Builder Options
 *
 * @package Kadence
 */

namespace Kadence;

use Kadence\Theme_Customizer;
use function Kadence\kadence;

ob_start(); ?>
<div class="kadence-build-tabs nav-tab-wrapper wp-clearfix">
	<a href="#" class="nav-tab preview-desktop kadence-build-tabs-button" data-device="desktop">
		<span class="dashicons dashicons-desktop"></span>
		<span><?php esc_html_e( 'Desktop', 'kadence' ); ?></span>
	</a>
	<a href="#" class="nav-tab preview-tablet preview-mobile kadence-build-tabs-button" data-device="tablet">
		<span class="dashicons dashicons-smartphone"></span>
		<span><?php esc_html_e( 'Tablet / Mobile', 'kadence' ); ?></span>
	</a>
</div>
<span class="button button-secondary kadence-builder-hide-button kadence-builder-tab-toggle"><span class="dashicons dashicons-no"></span><?php esc_html_e( 'Hide', 'kadence' ); ?></span>
<span class="button button-secondary kadence-builder-show-button kadence-builder-tab-toggle"><span class="dashicons dashicons-edit"></span><?php esc_html_e( 'Header Builder', 'kadence' ); ?></span>
<?php $builder_tabs = ob_get_clean();
ob_start();
?>
<div class="kadence-compontent-tabs nav-tab-wrapper wp-clearfix">
	<a href="#" class="nav-tab kadence-general-tab kadence-compontent-tabs-button nav-tab-active" data-tab="general">
		<span><?php esc_html_e( 'General', 'kadence' ); ?></span>
	</a>
	<a href="#" class="nav-tab kadence-design-tab kadence-compontent-tabs-button" data-tab="design">
		<span><?php esc_html_e( 'Design', 'kadence' ); ?></span>
	</a>
</div>
<?php $compontent_tabs = ob_get_clean();
$settings = array(
	'header_builder' => array(
		'control_type' =&gt; 'kadence_blank_control',
		'section'      =&gt; 'header_builder',
		'settings'     =&gt; false,
		'description'  =&gt; $builder_tabs,
	),
	'header_desktop_items' =&gt; array(
		'control_type' =&gt; 'kadence_builder_control',
		'section'      =&gt; 'header_builder',
		'default'      =&gt; kadence()-&gt;default( 'header_desktop_items' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__device',
				'value'   =&gt; 'desktop',
			),
		),
		'partial'      =&gt; array(
			'selector'            =&gt; '#masthead',
			'container_inclusive' =&gt; true,
			'render_callback'     =&gt; 'Kadence\header_markup',
		),
		'choices'      =&gt; array(
			'logo'          =&gt; array(
				'name'    =&gt; esc_html__( 'Logo', 'kadence' ),
				'section' =&gt; 'title_tagline',
			),
			'navigation'          =&gt; array(
				'name'    =&gt; esc_html__( 'Primary Navigation', 'kadence' ),
				'section' =&gt; 'kadence_customizer_primary_navigation',
			),
			'navigation-2'        =&gt; array(
				'name'    =&gt; esc_html__( 'Secondary Navigation', 'kadence' ),
				'section' =&gt; 'kadence_customizer_secondary_navigation',
			),
			'search' =&gt; array(
				'name'    =&gt; esc_html__( 'Search', 'kadence' ),
				'section' =&gt; 'kadence_customizer_header_search',
			),
			'button'        =&gt; array(
				'name'    =&gt; esc_html__( 'Button', 'kadence' ),
				'section' =&gt; 'kadence_customizer_header_button',
			),
			'social'        =&gt; array(
				'name'    =&gt; esc_html__( 'Social', 'kadence' ),
				'section' =&gt; 'kadence_customizer_header_social',
			),
			'html'          =&gt; array(
				'name'    =&gt; esc_html__( 'HTML', 'kadence' ),
				'section' =&gt; 'kadence_customizer_header_html',
			),
		),
		'input_attrs'  =&gt; array(
			'group' =&gt; 'header_desktop_items',
			'rows'  =&gt; array( 'top', 'main', 'bottom' ),
			'zones' =&gt; array(
				'top' =&gt; array(
					'top_left'         =&gt; is_rtl() ? esc_html__( 'Top - Right', 'kadence' ) : esc_html__( 'Top - Left', 'kadence' ),
					'top_left_center'  =&gt; is_rtl() ? esc_html__( 'Top - Right Center', 'kadence' ) : esc_html__( 'Top - Left Center', 'kadence' ),
					'top_center'       =&gt; esc_html__( 'Top - Center', 'kadence' ),
					'top_right_center' =&gt; is_rtl() ? esc_html__( 'Top - Left Center', 'kadence' ) : esc_html__( 'Top - Right Center', 'kadence' ),
					'top_right'        =&gt; is_rtl() ? esc_html__( 'Top - Left', 'kadence' ) : esc_html__( 'Top - Right', 'kadence' ),
				),
				'main' =&gt; array(
					'main_left'         =&gt; is_rtl() ? esc_html__( 'Main - Right', 'kadence' ) : esc_html__( 'Main - Left', 'kadence' ),
					'main_left_center'  =&gt; is_rtl() ? esc_html__( 'Main - Right Center', 'kadence' ) : esc_html__( 'Main - Left Center', 'kadence' ),
					'main_center'       =&gt; esc_html__( 'Main - Center', 'kadence' ),
					'main_right_center' =&gt; is_rtl() ? esc_html__( 'Main - Left Center', 'kadence' ) : esc_html__( 'Main - Right Center', 'kadence' ),
					'main_right'        =&gt; is_rtl() ? esc_html__( 'Main - Left', 'kadence' ) : esc_html__( 'Main - Right', 'kadence' ),
				),
				'bottom' =&gt; array(
					'bottom_left'         =&gt; is_rtl() ? esc_html__( 'Bottom - Right', 'kadence' ) : esc_html__( 'Bottom - Left', 'kadence' ),
					'bottom_left_center'  =&gt; is_rtl() ? esc_html__( 'Bottom - Right Center', 'kadence' ) : esc_html__( 'Bottom - Left Center', 'kadence' ),
					'bottom_center'       =&gt; esc_html__( 'Bottom - Center', 'kadence' ),
					'bottom_right_center' =&gt; is_rtl() ? esc_html__( 'Bottom - Left Center', 'kadence' ) : esc_html__( 'Bottom - Right Center', 'kadence' ),
					'bottom_right'        =&gt; is_rtl() ? esc_html__( 'Bottom - Left', 'kadence' ) : esc_html__( 'Bottom - Right', 'kadence' ),
				),
			),
		),
	),
	'header_tab_settings' =&gt; array(
		'control_type' =&gt; 'kadence_blank_control',
		'section'      =&gt; 'header_layout',
		'settings'     =&gt; false,
		'priority'     =&gt; 1,
		'description'  =&gt; $compontent_tabs,
	),
	'header_desktop_available_items' =&gt; array(
		'control_type' =&gt; 'kadence_available_control',
		'section'      =&gt; 'header_layout',
		'settings'     =&gt; false,
		'input_attrs'  =&gt; array(
			'group'  =&gt; 'header_desktop_items',
			'zones'  =&gt; array( 'top', 'main', 'bottom' ),
		),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__device',
				'value'   =&gt; 'desktop',
			),
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'general',
			),
		),
	),
	'header_mobile_items' =&gt; array(
		'control_type' =&gt; 'kadence_builder_control',
		'section'      =&gt; 'header_builder',
		'transport'    =&gt; 'refresh',
		'default'      =&gt; kadence()-&gt;default( 'header_mobile_items' ),
		'context'      =&gt; array(
			array(
				'setting'  =&gt; '__device',
				'operator' =&gt; 'in',
				'value'    =&gt; array( 'tablet', 'mobile' ),
			),
		),
		'partial'      =&gt; array(
			'selector'            =&gt; '#mobile-header',
			'container_inclusive' =&gt; true,
			'render_callback'     =&gt; 'Kadence\mobile_header',
		),
		'choices'      =&gt; array(
			'mobile-logo'          =&gt; array(
				'name'    =&gt; esc_html__( 'Logo', 'kadence' ),
				'section' =&gt; 'title_tagline',
			),
			'mobile-navigation' =&gt; array(
				'name'    =&gt; esc_html__( 'Mobile Navigation', 'kadence' ),
				'section' =&gt; 'kadence_customizer_mobile_navigation',
			),
			// 'mobile-navigation2'          =&gt; array(
			// 	'name'    =&gt; esc_html__( 'Horizontal Navigation', 'kadence' ),
			// 	'section' =&gt; 'mobile_horizontal_navigation',
			// ),
			'search' =&gt; array(
				'name'    =&gt; esc_html__( 'Search Toggle', 'kadence' ),
				'section' =&gt; 'kadence_customizer_header_search',
			),
			'mobile-button'        =&gt; array(
				'name'    =&gt; esc_html__( 'Button', 'kadence' ),
				'section' =&gt; 'kadence_customizer_mobile_button',
			),
			'mobile-social'        =&gt; array(
				'name'    =&gt; esc_html__( 'Social', 'kadence' ),
				'section' =&gt; 'kadence_customizer_mobile_social',
			),
			'mobile-html'          =&gt; array(
				'name'    =&gt; esc_html__( 'HTML', 'kadence' ),
				'section' =&gt; 'kadence_customizer_mobile_html',
			),
			'popup-toggle'          =&gt; array(
				'name'    =&gt; esc_html__( 'Trigger', 'kadence' ),
				'section' =&gt; 'kadence_customizer_mobile_trigger',
			),
		),
		'input_attrs'  =&gt; array(
			'group' =&gt; 'header_mobile_items',
			'rows'  =&gt; array( 'popup', 'top', 'main', 'bottom' ),
			'zones' =&gt; array(
				'popup' =&gt; array(
					'popup_content' =&gt; esc_html__( 'Popup Content', 'kadence' ),
				),
				'top' =&gt; array(
					'top_left'   =&gt; is_rtl() ? esc_html__( 'Top - Right', 'kadence' ) : esc_html__( 'Top - Left', 'kadence' ),
					'top_center' =&gt; esc_html__( 'Top - Center', 'kadence' ),
					'top_right'  =&gt; is_rtl() ? esc_html__( 'Top - Left', 'kadence' ) : esc_html__( 'Top - Right', 'kadence' ),
				),
				'main' =&gt; array(
					'main_left'   =&gt; is_rtl() ? esc_html__( 'Main - Right', 'kadence' ) : esc_html__( 'Main - Left', 'kadence' ),
					'main_center' =&gt; esc_html__( 'Main - Center', 'kadence' ),
					'main_right'  =&gt; is_rtl() ? esc_html__( 'Main - Left', 'kadence' ) : esc_html__( 'Main - Right', 'kadence' ),
				),
				'bottom' =&gt; array(
					'bottom_left'   =&gt; is_rtl() ? esc_html__( 'Bottom - Right', 'kadence' ) : esc_html__( 'Bottom - Left', 'kadence' ),
					'bottom_center' =&gt; esc_html__( 'Bottom - Center', 'kadence' ),
					'bottom_right'  =&gt; is_rtl() ? esc_html__( 'Bottom - Left', 'kadence' ) : esc_html__( 'Bottom - Right', 'kadence' ),
				),
			),
		),
	),
	'header_mobile_available_items' =&gt; array(
		'control_type' =&gt; 'kadence_available_control',
		'section'      =&gt; 'header_layout',
		'settings'     =&gt; false,
		'input_attrs'  =&gt; array(
			'group'  =&gt; 'header_mobile_items',
			'zones'  =&gt; array( 'popup', 'top', 'main', 'bottom' ),
		),
		'context'      =&gt; array(
			array(
				'setting'  =&gt; '__device',
				'operator' =&gt; 'in',
				'value'    =&gt; array( 'tablet', 'mobile' ),
			),
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'general',
			),
		),
	),
	'header_transparent_link' =&gt; array(
		'control_type' =&gt; 'kadence_focus_button_control',
		'section'      =&gt; 'header_layout',
		'settings'     =&gt; false,
		'priority'     =&gt; 20,
		'label'        =&gt; esc_html__( 'Transparent Header', 'kadence' ),
		'input_attrs'  =&gt; array(
			'section' =&gt; 'kadence_customizer_transparent_header',
		),
	),
	'header_sticky_link' =&gt; array(
		'control_type' =&gt; 'kadence_focus_button_control',
		'section'      =&gt; 'header_layout',
		'settings'     =&gt; false,
		'priority'     =&gt; 20,
		'label'        =&gt; esc_html__( 'Sticky Header', 'kadence' ),
		'input_attrs'  =&gt; array(
			'section' =&gt; 'kadence_customizer_header_sticky',
		),
	),
	'header_wrap_background' =&gt; array(
		'control_type' =&gt; 'kadence_background_control',
		'section'      =&gt; 'header_layout',
		'label'        =&gt; esc_html__( 'Header Background', 'kadence' ),
		'default'      =&gt; kadence()-&gt;default( 'header_wrap_background' ),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css_background',
				'selector' =&gt; '#masthead',
				'property' =&gt; 'background',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'base',
			),
		),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'design',
			),
		),
		'input_attrs'  =&gt; array(
			'tooltip'  =&gt; __( 'Header Background', 'kadence' ),
		),
	),
	'header_mobile_switch' =&gt; array(
		'control_type' =&gt; 'kadence_range_control',
		'section'      =&gt; 'header_layout',
		'transport'    =&gt; 'refresh',
		'label'        =&gt; esc_html__( 'Screen size to switch to mobile header', 'kadence' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'design',
			),
		),
		'default'      =&gt; kadence()-&gt;default( 'header_mobile_switch' ),
		'input_attrs'  =&gt; array(
			'min'        =&gt; array(
				'px'  =&gt; 0,
			),
			'max'        =&gt; array(
				'px'  =&gt; 4000,
			),
			'step'       =&gt; array(
				'px'  =&gt; 1,
			),
			'units'      =&gt; array( 'px' ),
			'responsive' =&gt; false,
		),
	),
);

Theme_Customizer::add_settings( $settings );

