<?php /**
 * Header Builder 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(
	'footer_navigation_tabs' => array(
		'control_type' =&gt; 'kadence_blank_control',
		'section'      =&gt; 'footer_navigation',
		'settings'     =&gt; false,
		'priority'     =&gt; 1,
		'description'  =&gt; $compontent_tabs,
	),
	'footer_navigation_link' =&gt; array(
		'control_type' =&gt; 'kadence_focus_button_control',
		'section'      =&gt; 'footer_navigation',
		'settings'     =&gt; false,
		'priority'     =&gt; 5,
		'label'        =&gt; esc_html__( 'Select Menu', 'kadence' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'general',
			),
		),
		'input_attrs'  =&gt; array(
			'section' =&gt; 'menu_locations',
		),
	),
	'footer_navigation_spacing' =&gt; array(
		'control_type' =&gt; 'kadence_range_control',
		'section'      =&gt; 'footer_navigation',
		'priority'     =&gt; 5,
		'label'        =&gt; esc_html__( 'Items Spacing', 'kadence' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'design',
			),
		),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#colophon .footer-navigation .footer-menu-container &gt; ul &gt; li &gt; a',
				'property' =&gt; 'padding-left',
				'pattern'  =&gt; 'calc($ / 2)',
				'key'      =&gt; 'size',
			),
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#colophon .footer-navigation .footer-menu-container &gt; ul &gt; li &gt; a',
				'property' =&gt; 'padding-right',
				'pattern'  =&gt; 'calc($ / 2)',
				'key'      =&gt; 'size',
			),
		),
		'default'      =&gt; kadence()-&gt;default( 'footer_navigation_spacing' ),
		'input_attrs'  =&gt; array(
			'min'        =&gt; array(
				'px'  =&gt; 0,
				'em'  =&gt; 0,
				'rem' =&gt; 0,
				'vw'  =&gt; 0,
			),
			'max'        =&gt; array(
				'px'  =&gt; 100,
				'em'  =&gt; 12,
				'rem' =&gt; 12,
				'vw'  =&gt; 12,
			),
			'step'       =&gt; array(
				'px'  =&gt; 1,
				'em'  =&gt; 0.01,
				'rem' =&gt; 0.01,
				'vw'  =&gt; 0.01,
			),
			'units'      =&gt; array( 'px', 'em', 'rem', 'vw' ),
			'responsive' =&gt; false,
		),
	),
	'footer_navigation_stretch' =&gt; array(
		'control_type' =&gt; 'kadence_switch_control',
		'sanitize'     =&gt; 'kadence_sanitize_toggle',
		'section'      =&gt; 'footer_navigation',
		'priority'     =&gt; 5,
		'default'      =&gt; kadence()-&gt;default( 'footer_navigation_stretch' ),
		'label'        =&gt; esc_html__( 'Stretch Menu?', 'kadence' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'general',
			),
		),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'class',
				'selector' =&gt; '.footer-navigation-wrap',
				'pattern'  =&gt; 'footer-navigation-layout-stretch-$',
				'key'      =&gt; 'switch',
			),
		),
	),
	'footer_navigation_vertical_spacing' =&gt; array(
		'control_type' =&gt; 'kadence_range_control',
		'section'      =&gt; 'footer_navigation',
		'label'        =&gt; esc_html__( 'Items Top and Bottom Padding', 'kadence' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'design',
			),
		),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#colophon .footer-navigation .footer-menu-container &gt; ul &gt; li &gt; a',
				'property' =&gt; 'padding-top',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'size',
			),
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#colophon .footer-navigation .footer-menu-container &gt; ul &gt; li &gt; a',
				'property' =&gt; 'padding-bottom',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'size',
			),
		),
		'default'      =&gt; kadence()-&gt;default( 'footer_navigation_vertical_spacing' ),
		'input_attrs'  =&gt; array(
			'min'        =&gt; array(
				'px'  =&gt; 0,
				'em'  =&gt; 0,
				'rem' =&gt; 0,
				'vh'  =&gt; 0,
			),
			'max'        =&gt; array(
				'px'  =&gt; 100,
				'em'  =&gt; 12,
				'rem' =&gt; 12,
				'vh'  =&gt; 12,
			),
			'step'       =&gt; array(
				'px'  =&gt; 1,
				'em'  =&gt; 0.01,
				'rem' =&gt; 0.01,
				'vh'  =&gt; 0.01,
			),
			'units'      =&gt; array( 'px', 'em', 'rem', 'vh' ),
			'responsive' =&gt; false,
		),
	),
	'footer_navigation_align' =&gt; array(
		'control_type' =&gt; 'kadence_radio_icon_control',
		'section'      =&gt; 'footer_navigation',
		'label'        =&gt; esc_html__( 'Content Align', 'kadence' ),
		'priority'     =&gt; 5,
		'default'      =&gt; kadence()-&gt;default( 'footer_navigation_align' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'general',
			),
		),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'class',
				'selector' =&gt; '.footer-navigation-wrap',
				'pattern'  =&gt; array(
					'desktop' =&gt; 'content-align-$',
					'tablet'  =&gt; 'content-tablet-align-$',
					'mobile'  =&gt; 'content-mobile-align-$',
				),
				'key'      =&gt; '',
			),
		),
		'input_attrs'  =&gt; array(
			'layout' =&gt; array(
				'left'   =&gt; array(
					'tooltip'  =&gt; __( 'Left Align', 'kadence' ),
					'dashicon' =&gt; 'editor-alignleft',
				),
				'center' =&gt; array(
					'tooltip'  =&gt; __( 'Center Align', 'kadence' ),
					'dashicon' =&gt; 'editor-aligncenter',
				),
				'right'  =&gt; array(
					'tooltip'  =&gt; __( 'Right Align', 'kadence' ),
					'dashicon' =&gt; 'editor-alignright',
				),
			),
			'responsive' =&gt; true,
		),
	),
	'footer_navigation_vertical_align' =&gt; array(
		'control_type' =&gt; 'kadence_radio_icon_control',
		'section'      =&gt; 'footer_navigation',
		'label'        =&gt; esc_html__( 'Content Vertical Align', 'kadence' ),
		'priority'     =&gt; 5,
		'default'      =&gt; kadence()-&gt;default( 'footer_navigation_vertical_align' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'general',
			),
		),
		'live_method'  =&gt; array(
			array(
				'type'     =&gt; 'class',
				'selector' =&gt; '.footer-navigation-wrap',
				'pattern'  =&gt; array(
					'desktop' =&gt; 'content-valign-$',
					'tablet'  =&gt; 'content-tablet-valign-$',
					'mobile'  =&gt; 'content-mobile-valign-$',
				),
				'key'      =&gt; '',
			),
		),
		'input_attrs'  =&gt; array(
			'layout' =&gt; array(
				'top' =&gt; array(
					'tooltip' =&gt; __( 'Top Align', 'kadence' ),
					'icon'    =&gt; 'aligntop',
				),
				'middle' =&gt; array(
					'tooltip' =&gt; __( 'Middle Align', 'kadence' ),
					'icon'    =&gt; 'alignmiddle',
				),
				'bottom' =&gt; array(
					'tooltip' =&gt; __( 'Bottom Align', 'kadence' ),
					'icon'    =&gt; 'alignbottom',
				),
			),
			'responsive' =&gt; true,
		),
	),
	'footer_navigation_color' =&gt; array(
		'control_type' =&gt; 'kadence_color_control',
		'section'      =&gt; 'footer_navigation',
		'label'        =&gt; esc_html__( 'Navigation Colors', 'kadence' ),
		'default'      =&gt; kadence()-&gt;default( 'footer_navigation_color' ),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#colophon .footer-navigation .footer-menu-container &gt; ul li a',
				'property' =&gt; 'color',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'color',
			),
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#colophon .footer-navigation .footer-menu-container &gt; ul li a:hover',
				'property' =&gt; 'color',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'hover',
			),
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#colophon .footer-navigation .footer-menu-container &gt; ul li.current-menu-item &gt; a, #colophon .footer-navigation .footer-menu-container &gt; ul li.current_page_item &gt; a',
				'property' =&gt; 'color',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'active',
			),
		),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'design',
			),
		),
		'input_attrs'  =&gt; array(
			'colors' =&gt; array(
				'color' =&gt; array(
					'tooltip' =&gt; __( 'Initial Color', 'kadence' ),
					'palette' =&gt; true,
				),
				'hover' =&gt; array(
					'tooltip' =&gt; __( 'Hover Color', 'kadence' ),
					'palette' =&gt; true,
				),
				'active' =&gt; array(
					'tooltip' =&gt; __( 'Active Color', 'kadence' ),
					'palette' =&gt; true,
				),
			),
		),
	),
	'footer_navigation_background' =&gt; array(
		'control_type' =&gt; 'kadence_color_control',
		'section'      =&gt; 'footer_navigation',
		'label'        =&gt; esc_html__( 'Navigation Background', 'kadence' ),
		'default'      =&gt; kadence()-&gt;default( 'footer_navigation_background' ),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#colophon .footer-navigation .footer-menu-container &gt; ul li a',
				'property' =&gt; 'background',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'color',
			),
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#colophon .footer-navigation .footer-menu-container &gt; ul li a:hover',
				'property' =&gt; 'background',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'hover',
			),
			array(
				'type'     =&gt; 'css',
				'selector' =&gt; '#colophon .footer-navigation .footer-menu-container &gt; ul li.current-menu-item &gt; a, #colophon .footer-navigation .footer-menu-container &gt; ul &gt; li.current_page_item &gt; a',
				'property' =&gt; 'background',
				'pattern'  =&gt; '$',
				'key'      =&gt; 'active',
			),
		),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'design',
			),
		),
		'input_attrs'  =&gt; array(
			'colors' =&gt; array(
				'color' =&gt; array(
					'tooltip' =&gt; __( 'Initial Background', 'kadence' ),
					'palette' =&gt; true,
				),
				'hover' =&gt; array(
					'tooltip' =&gt; __( 'Hover Background', 'kadence' ),
					'palette' =&gt; true,
				),
				'active' =&gt; array(
					'tooltip' =&gt; __( 'Active Background', 'kadence' ),
					'palette' =&gt; true,
				),
			),
		),
	),
	'footer_navigation_typography' =&gt; array(
		'control_type' =&gt; 'kadence_typography_control',
		'section'      =&gt; 'footer_navigation',
		'label'        =&gt; esc_html__( 'Navigation Font', 'kadence' ),
		'context'      =&gt; array(
			array(
				'setting' =&gt; '__current_tab',
				'value'   =&gt; 'design',
			),
		),
		'default'      =&gt; kadence()-&gt;default( 'footer_navigation_typography' ),
		'live_method'     =&gt; array(
			array(
				'type'     =&gt; 'css_typography',
				'selector' =&gt; '#colophon .footer-navigation .footer-menu-container &gt; ul li a',
				'pattern'  =&gt; array(
					'desktop' =&gt; '$',
					'tablet'  =&gt; '$',
					'mobile'  =&gt; '$',
				),
				'property' =&gt; 'font',
				'key'      =&gt; 'typography',
			),
		),
		'input_attrs'  =&gt; array(
			'id'      =&gt; 'footer_navigation_typography',
			'options' =&gt; 'no-color',
		),
	),
);

Theme_Customizer::add_settings( $settings );