<?php /**
 * Header Top Row Options
 *
 * @package Kadence
 */

namespace Kadence;

use Kadence\Theme_Customizer;
use function Kadence\kadence;

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_bottom_tabs' => array(
		'control_type' =&gt; 'kadence_blank_control',
		'section'      =&gt; 'header_bottom',
		'settings'     =&gt; false,
		'priority'     =&gt; 1,
		'description'  =&gt; $compontent_tabs,
	),
	'header_bottom_layout' =&gt; array(
		'control_type' =&gt; 'kadence_radio_icon_control',
		'section'      =&gt; 'header_bottom',
		'priority'     =&gt; 4,
		'default'      =&gt; kadence()-&gt;default( 'header_bottom_layout' ),
		'label'        =&gt; esc_html__( 'Layout', 'kadence' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'general',
			),
		),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'class',
				'selector' =&gt; array(
					'desktop' =&gt; '.site-bottom-header-wrap',
					'tablet'  =&gt; '#mobile-header .site-bottom-header-wrap',
					'mobile'  =&gt; '#mobile-header .site-bottom-header-wrap',
				),
				'pattern'  =&gt; array(
					'desktop' =&gt; 'site-header-row-layout-$',
					'tablet'  =&gt; 'site-header-row-tablet-layout-$',
					'mobile'  =&gt; 'site-header-row-mobile-layout-$',
				),
				'key'      =&gt; '',
			),
		),
		'input_attrs'  =&gt; array(
			'layout' =&gt; array(
				'standard' =&gt; array(
					'tooltip' =&gt; __( 'Background Fullwidth, Content Contained', 'kadence' ),
					'name'    =&gt; __( 'Standard', 'kadence' ),
					'icon'    =&gt; '',
				),
				'fullwidth' =&gt; array(
					'tooltip' =&gt; __( 'Background &amp; Content Fullwidth', 'kadence' ),
					'name'    =&gt; __( 'Fullwidth', 'kadence' ),
					'icon'    =&gt; '',
				),
				'contained' =&gt; array(
					'tooltip' =&gt; __( 'Background &amp; Content Contained', 'kadence' ),
					'name'    =&gt; __( 'Contained', 'kadence' ),
					'icon'    =&gt; '',
				),
			),
		),
	),
	'header_bottom_height' =&gt; array(
		'control_type' =&gt; 'kadence_range_control',
		'section'      =&gt; 'header_bottom',
		'priority'     =&gt; 5,
		'label'        =&gt; esc_html__( 'Min Height', 'kadence' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'general',
			),
		),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#masthead .site-bottom-header-inner-wrap',
				'property' =&gt; 'min-height',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'size',
			),
		),
		'default'      =&gt; kadence()-&gt;default( 'header_bottom_height' ),
		'input_attrs'  =&gt; array(
			'min'     =&gt; array(
				'px'  =&gt; 0,
				'em'  =&gt; 0,
				'rem' =&gt; 0,
				'vh'  =&gt; 0,
			),
			'max'     =&gt; array(
				'px'  =&gt; 400,
				'em'  =&gt; 12,
				'rem' =&gt; 12,
				'vh'  =&gt; 40,
			),
			'step'    =&gt; array(
				'px'  =&gt; 1,
				'em'  =&gt; 0.01,
				'rem' =&gt; 0.01,
				'vh'  =&gt; 1,
			),
			'units'   =&gt; array( 'px', 'em', 'rem', 'vh' ),
		),
	),
	'header_bottom_background' =&gt; array(
		'control_type' =&gt; 'kadence_background_control',
		'section'      =&gt; 'header_bottom',
		'label'        =&gt; esc_html__( 'Bottom Row Background', 'kadence' ),
		'default'      =&gt; kadence()-&gt;default( 'header_bottom_background' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'design',
			),
		),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css_background',
				'selector' =&gt; '.site-bottom-header-wrap .site-header-row-container-inner',
				'property' =&gt; 'background',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'base',
			),
		),
		'input_attrs'  =&gt; array(
			'tooltip'  =&gt; __( 'Main Row Background', 'kadence' ),
		),
	),
	'header_bottom_border' =&gt; array(
		'control_type' =&gt; 'kadence_borders_control',
		'section'      =&gt; 'header_bottom',
		'label'        =&gt; esc_html__( 'Border', 'kadence' ),
		'default'      =&gt; kadence()-&gt;default( 'header_bottom_border' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'design',
			),
		),
		'settings'     =&gt; array(
			'border_top'    =&gt; 'header_bottom_top_border',
			'border_bottom' =&gt; 'header_bottom_bottom_border',
		),
		'live_method'     =&gt; array(
			'header_bottom_top_border' =&gt; array(
				array(
					'type'     =&gt; 'css_border',
					'selector' =&gt; array(
						'desktop' =&gt; '.site-bottom-header-wrap .site-header-row-container-inner',
						'tablet'  =&gt; '#mobile-header .site-bottom-header-wrap .site-header-row-container-inner',
						'mobile'  =&gt; '#mobile-header .site-bottom-header-wrap .site-header-row-container-inner',
					),
					'pattern'  =&gt; array(
						'desktop' =&gt; '$',
						'tablet'  =&gt; '$',
						'mobile'  =&gt; '$',
					),
					'property' =&gt; 'border-top',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'border',
				),
			),
			'header_bottom_bottom_border' =&gt; array( 
				array(
					'type'     =&gt; 'css_border',
					'selector' =&gt; array(
						'desktop' =&gt; '.site-bottom-header-wrap .site-header-row-container-inner',
						'tablet'  =&gt; '#mobile-header .site-bottom-header-wrap .site-header-row-container-inner',
						'mobile'  =&gt; '#mobile-header .site-bottom-header-wrap .site-header-row-container-inner',
					),
					'pattern'  =&gt; array(
						'desktop' =&gt; '$',
						'tablet'  =&gt; '$',
						'mobile'  =&gt; '$',
					),
					'property' =&gt; 'border-bottom',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'border',
				),
			),
		),
	),
	'header_bottom_trans_background' =&gt; array(
		'control_type' =&gt; 'kadence_background_control',
		'section'      =&gt; 'header_bottom',
		'label'        =&gt; esc_html__( '(When Transparent Header) Bottom Row Background', 'kadence' ),
		'default'      =&gt; kadence()-&gt;default( 'header_bottom_trans_background' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'design',
			),
			array(
				'setting'  =&gt; 'transparent_header_enable',
				'operator' =&gt; '=',
				'value'    =&gt; true,
			),
		),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css_background',
				'selector' =&gt; '.transparent-header #masthead .site-bottom-header-wrap .site-header-row-container-inner',
				'property' =&gt; 'background',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'base',
			),
		),
		'input_attrs'  =&gt; array(
			'tooltip'  =&gt; __( 'Transparent Header Bottom Row Background', 'kadence' ),
		),
	),
	'header_bottom_padding' =&gt; array(
		'control_type' =&gt; 'kadence_measure_control',
		'section'      =&gt; 'header_bottom',
		'default'      =&gt; kadence()-&gt;default( 'header_bottom_padding' ),
		'label'        =&gt; esc_html__( 'Padding', 'kadence' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'design',
			),
		),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '.site-bottom-header-wrap .site-header-row-container-inner&gt;.site-container',
				'property' =&gt; 'padding',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'measure',
			),
		),
		'input_attrs'  =&gt; array(
			'min'        =&gt; array(
				'px'  =&gt; 0,
				'em'  =&gt; 0,
				'rem' =&gt; 0,
			),
			'max'        =&gt; array(
				'px'  =&gt; 100,
				'em'  =&gt; 6,
				'rem' =&gt; 6,
			),
			'step'       =&gt; array(
				'px'  =&gt; 1,
				'em'  =&gt; 0.01,
				'rem' =&gt; 0.01,
			),
			'units'      =&gt; array( 'px', 'em', 'rem' ),
			'responsive' =&gt; true,
		),
	),
);

Theme_Customizer::add_settings( $settings );