<?php
/**
 * Section Header Sub Menu
 *
 * @package Eduma
 */

thim_customizer()->add_section(
	array(
		'id'       => 'header_sub_menu',
		'title'    => esc_html__( 'Sub Menu', 'eduma' ),
		'panel'    => 'header',
		'priority' => 40,
	)
);
thim_customizer()->add_field(
	array(
		'id'            => 'thim_desc_header_sub_menu_tpl',
		'type'          => 'tp_notice',
		'description'   => sprintf( __( 'This header is built by Thim Elementor Kit, you can edit and configure it in %s.', 'eduma' ), '<a href="' . admin_url( 'edit.php?post_type=thim_elementor_kit&thim_elementor_type=header' ) . '" target="_blank">' . __( 'Thim Elementor Kit', 'eduma' ) . '</a>' ),
		'section'       => 'header_sub_menu',
		'priority'      => 11,
		'wrapper_attrs' => array(
			'class' => '{default_class} hide' . thim_customizer_extral_class( 'header' ),
		),
	)
);
// Background Header
thim_customizer()->add_field(
	array(
		'id'            => 'thim_sub_menu_bg_color',
		'type'          => 'color',
		'label'         => esc_html__( 'Background Color', 'eduma' ),
		'tooltip'       => esc_html__( 'Allows you can select a color make background color sub menu on header  . ', 'eduma' ),
		'section'       => 'header_sub_menu',
		'default'       => '#ffffff',
		'priority'      => 16,
		'choices'       => array( 'alpha' => true ),
		'transport'     => 'postMessage',
		'js_vars'       => array(
			array(
				'element'  => '.navigation .width-navigation .navbar-nav > li .sub-menu',
				'property' => 'background-color',
			),
		),
		'wrapper_attrs' => array(
			'class' => '{default_class}' . thim_customizer_extral_class( 'header' ),
		),
	)
);

// Text Color
thim_customizer()->add_field(
	array(
		'id'            => 'thim_sub_menu_border_color',
		'type'          => 'color',
		'label'         => esc_html__( 'Border Color', 'eduma' ),
		'tooltip'       => esc_html__( 'Allows you can select border color for sub menu.', 'eduma' ),
		'section'       => 'header_sub_menu',
		'default'       => 'rgba(43,43,43,0)',
		'priority'      => 17,
		'choices'       => array( 'alpha' => true ),
		'transport'     => 'postMessage',
		'js_vars'       => array(
			array(
				'element'  => '
                                .navigation .width-navigation .navbar-nav > li .sub-menu li > a,
                                .navigation .width-navigation .navbar-nav > li .sub-menu li > span,
                                .navigation .width-navigation .navbar-nav > li .sub-menu.megacol > li :last-child > a,
                                .navigation .width-navigation .navbar-nav > li .sub-menu.megacol > li :last-child > span
                                ',
				'property' => 'border-bottom-color',
			),
		),
		'wrapper_attrs' => array(
			'class' => '{default_class}' . thim_customizer_extral_class( 'header' ),
		),
	)
);

// Text Color
thim_customizer()->add_field(
	array(
		'id'            => 'thim_sub_menu_text_color',
		'type'          => 'color',
		'label'         => esc_html__( 'Text Color', 'eduma' ),
		'tooltip'       => esc_html__( 'Allows you can select a color make text color sub menu on header.', 'eduma' ),
		'section'       => 'header_sub_menu',
		'default'       => '#999',
		'priority'      => 17,
		'choices'       => array( 'alpha' => true ),
		'transport'     => 'postMessage',
		'js_vars'       => array(
			array(
				'element'  => '.navigation .width-navigation .navbar-nav > li .sub-menu li > a, .navigation .width-navigation .navbar-nav > li .sub-menu li > span',
				'property' => 'color',
			),
		),
		'wrapper_attrs' => array(
			'class' => '{default_class}' . thim_customizer_extral_class( 'header' ),
		),
	)
);

// Text Hover Color
thim_customizer()->add_field(
	array(
		'id'            => 'thim_sub_menu_text_color_hover',
		'type'          => 'color',
		'label'         => esc_html__( 'Text Hover Color', 'eduma' ),
		'tooltip'       => esc_html__( 'Allows you can select color for text link when hover text link sub menu on header.', 'eduma' ),
		'section'       => 'header_sub_menu',
		'default'       => '#333',
		'priority'      => 18,
		'choices'       => array( 'alpha' => true ),
		'transport'     => 'postMessage',
		'js_vars'       => array(
			array(
				'function' => 'style',
				'element'  => '
                                .navigation .width-navigation .navbar-nav > li .sub-menu li > a:hover,
                                .navigation .width-navigation .navbar-nav > li .sub-menu li > span:hover,
                                .navigation .width-navigation .navbar-nav > li .sub-menu > li.current-menu-item > a,
                                .navigation .width-navigation .navbar-nav > li .sub-menu > li.current-menu-item span
                                ',
				'property' => 'color',
			),
		),
		'wrapper_attrs' => array(
			'class' => '{default_class}' . thim_customizer_extral_class( 'header' ),
		),
	)
);
