<?php 

Kirki::add_section( 'header_bottom_section', array(
	'title'    => esc_html__( 'Header Bottom', 'newscope' ),
	'panel'    => 'header_options',
) );

// Header Bottom Background Color

new \Kirki\Field\Color(
	[
		'settings'    => 'header_bottom_bg',
		'label'       => __( 'Background Color', 'newscope' ),
		'description' => esc_html__( 'Add Header Menu Area Background Color', 'newscope' ),
		'section'     => 'header_bottom_section',
        'transport' => 'auto',
        'output' => array(
            array(
                'element'  => '.header-menu-wrapper',
                'property' => 'background-color',
            ),
        ),
	]
);

// Menu Color Options 
new \Kirki\Field\Radio_Buttonset(
	[
		'settings'    => 'header_bottom_menu_colors',
		'label'       => esc_html__( 'Header Menu Color Options', 'newscope' ),
		'section'     => 'header_bottom_section',
		'default'     => 'one',
		'transport'   => 'auto',
		'choices'     => [
			'one'   => esc_html__( 'Perent Menu', 'newscope' ),
			'two' => esc_html__( 'Sub Menu', 'newscope' ),
		],
	]
);

// Parent Menu Color Options

Kirki::add_field( 'theme_config', array(
	'type'        => 'color',
	'settings'    => 'header_buttom_menu_color',
	'label'       => __( 'Menu Color', 'newscope' ),
	'description' => esc_html__( 'Add perent menu Color Here', 'newscope' ),
	'section'     => 'header_bottom_section',
	'transport'   => 'auto',
	'active_callback' => [
		[
			'setting'  => 'header_bottom_menu_colors',
			'operator' => '==',
			'value'    => 'one',
		]
	],
	'output' => array(
		array(
			'element'  => '.main-navigation .navbar-collapse.nav-menu > ul > li > a',
			'property' => 'color',
		),
	),
) );

Kirki::add_field( 'theme_config', array(
	'type'        => 'color',
	'settings'    => 'header_buttom_menu_hcolor',
	'label'       => __( 'Menu hover Color', 'newscope' ),
	'description' => esc_html__( 'Add perent menu hover Color Here', 'newscope' ),
	'section'     => 'header_bottom_section',
	'transport'   => 'auto',
	'active_callback' => [
		[
			'setting'  => 'header_bottom_menu_colors',
			'operator' => '==',
			'value'    => 'one',
		]
	],
	'output' => array(
		array(
			'element'  => '.main-navigation .navbar-collapse.nav-menu > ul > li > a:hover',
			'property' => 'color',
		),
	),
) );

Kirki::add_field( 'theme_config', array(
	'type'        => 'color',
	'settings'    => 'header_buttom_menu_bg',
	'label'       => __( 'Hover BG Color', 'newscope' ),
	'description' => esc_html__( 'Add perent menu hover Backgrond, Active Color Here', 'newscope' ),
	'section'     => 'header_bottom_section',
	'transport'   => 'auto',
	'active_callback' => [
		[
			'setting'  => 'header_bottom_menu_colors',
			'operator' => '==',
			'value'    => 'one',
		]
	],
	'output' => array(
		array(
			'element'  => array('.main-navigation .navbar-collapse.nav-menu > ul > li > a:hover','.main-navigation .navbar-collapse.nav-menu > ul > li.current-menu-item > a','.main-navigation .navbar-collapse.nav-menu > ul > li.current_page_item > a','.main-navigation .navbar-collapse.nav-menu > ul > li.current-menu-item > a:hover','.main-navigation .navbar-collapse.nav-menu > ul > li.current_page_item > a:hover'),
			'property' => 'background-color',
		),
	),
) );


// Sub Menu Color Options

Kirki::add_field( 'theme_config', array(
	'type'        => 'color',
	'settings'    => 'header_buttom_submenu_color',
	'label'       => __( 'Sub Menu Color', 'newscope' ),
	'description' => esc_html__( 'Add Sub menu Color Here', 'newscope' ),
	'section'     => 'header_bottom_section',
	'transport'   => 'auto',
	'active_callback' => [
		[
			'setting'  => 'header_bottom_menu_colors',
			'operator' => '==',
			'value'    => 'two',
		]
	],
	'output' => array(
		array(
			'element'  => '.main-navigation .navbar-collapse.nav-menu ul ul a',
			'property' => 'color',
		),
	),
) );


Kirki::add_field( 'theme_config', array(
	'type'        => 'color',
	'settings'    => 'header_buttom_submenu_bg',
	'label'       => __( 'Sub Menu BG Color', 'newscope' ),
	'description' => esc_html__( 'Add Sub menu Color Here', 'newscope' ),
	'section'     => 'header_bottom_section',
	'transport'   => 'auto',
	'active_callback' => [
		[
			'setting'  => 'header_bottom_menu_colors',
			'operator' => '==',
			'value'    => 'two',
		]
	],
	'output' => array(
		array(
			'element'  => '.main-navigation .navbar-collapse.nav-menu ul ul a',
			'property' => 'background-color',
		),
	),
) );

// Sub Menu Hover 

Kirki::add_field( 'theme_config', array(
	'type'        => 'color',
	'settings'    => 'header_buttom_submenu_hcolor',
	'label'       => __( 'Sub Menu Hover Color', 'newscope' ),
	'description' => esc_html__( 'Add Sub Menu Hover Color Here', 'newscope' ),
	'section'     => 'header_bottom_section',
	'transport'   => 'auto',
	'active_callback' => [
		[
			'setting'  => 'header_bottom_menu_colors',
			'operator' => '==',
			'value'    => 'two',
		]
	],
	'output' => array(
		array(
			'element'  => '.main-navigation .navbar-collapse.nav-menu ul ul a:hover',
			'property' => 'color',
		),
	),
) );


Kirki::add_field( 'theme_config', array(
	'type'        => 'color',
	'settings'    => 'header_buttom_submenu_hbg',
	'label'       => __( 'Sub Menu Hover Bg Color', 'newscope' ),
	'description' => esc_html__( 'Add Sub Menu Hover BG Here', 'newscope' ),
	'section'     => 'header_bottom_section',
	'transport'   => 'auto',
	'active_callback' => [
		[
			'setting'  => 'header_bottom_menu_colors',
			'operator' => '==',
			'value'    => 'two',
		]
	],
	'output' => array(
		array(
			'element'  => '.main-navigation .navbar-collapse.nav-menu ul ul a:hover',
			'property' => 'background-color',
		),
	),
) );


// Dark And Light Mode Options
// pro
new \Kirki\Field\Radio_Image(
	[
		'settings'    => 'header_notification_pro',
		'label'       => esc_html__( 'Purchase Pro for this features', 'newscope' ),
		'description' => newscope_purchase_link(),
		'section'     => 'header_bottom_section',
		'default'     => '',
		'transport'   => 'auto',
		'choices'     => [
			'1'   => get_template_directory_uri() . '/assets/image/pro/dark-search.jpg',
		],
	]
);
