<?php
/*
 * Header Options
 */
$opt_name;
Redux::set_section( $opt_name, array(
    'title' => esc_html__( 'Header', 'babyme' ),
    'id'    => 'header-editor',
    'icon'  => 'el el-arrow-up',
    'customizer_width' => '500px',
) );

Redux::set_section( $opt_name, array(
    'title' => esc_html__('Menu Layout','babyme'),
    'id'    => 'header-variation',
    'subsection' => true,
    'desc'  => esc_html__('This section contains options for Menu .','babyme'),
    'fields'=> array(

        array(
            'id'      => 'iq_header_variation',
            'type'    => 'image_select',
            'title'   => esc_html__( 'Menu Style', 'babyme' ),
            'subtitle' => esc_html__( 'Select the design variation that you want to use for site menu.', 'babyme' ),
            'options' => array(
                '1'      => array(
                    'alt' => 'Style1',
                    'img' => get_template_directory_uri() . '/assets/images/backend/header-1.jpg',
                )
            ),
            'default' => '1'
        ),
        // --------main header background options start----------//
        array(
            'id'        => 'iq_vertical_hedader_collapsed',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Header Expanded / Collapsed','babyme'),
            'subtitle'  => esc_html__( 'Select expanded / collapsed vertical header','babyme'),
            'required'  => array( 'iq_header_variation', '=', '2' ),
            'options'   => array(
                            'expanded' => esc_html__('Expanded','babyme'),
                            'collapsed' => esc_html__('Collapsed','babyme'),
                        ),
            'default'   => esc_html__('expanded','babyme')
        ),

        array(
            'id'   => 'vertical_expanded_trans_info',
            'type' => 'info',
            'title' =>  esc_html__( 'Transparent background is not applicable with "Expanded" vertical menu type.','babyme'),
            'style' => 'info',
            'required'  => array( 
                                    array( 'iq_header_variation', '=', '2' ),
                                    array( 'iq_header_background_type', '=', 'transparent' ),
                                    array( 'iq_vertical_hedader_collapsed', '=', 'expanded' ) 
                                ),
        ),

        array(
            'id'        => 'iq_header_background_type',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Background','babyme'),
            'subtitle'  => esc_html__( 'Select the variation for header background','babyme'),
            'options'   => array(
                            'default' => esc_html__('Default','babyme'),
                            'color' => esc_html__('Color','babyme'),
                            'image' => esc_html__('Image','babyme'),
                            'transparent' => esc_html__('Transparent','babyme')
                        ),
            'default'   => esc_html__('default','babyme')
        ),

        array(
            'id'            => 'iq_header_background_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Set Background Color', 'babyme' ),
            'required'  => array( 'iq_header_background_type', '=', 'color' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'       => 'iq_header_background_image',
            'type'     => 'media',
            'url'      => false,
            'desc'     => esc_html__( 'Upload Image', 'babyme' ),
            'required'  => array( 'iq_header_background_type', '=', 'image' ),
            'read-only'=> false,
            //'default'  => array( 'url' => get_template_directory_uri() .'/assets/images/logo.png' ),
            'subtitle' => esc_html__( 'Upload background image for header.','babyme'),
        ),

        // --------main header Background options end----------//

        // --------main header Menu options start----------//
        array(
            'id'        => 'header_menu_color_type',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Menu Color Options','babyme'),
            'subtitle' => esc_html__( 'Select Menu color .','babyme'),
            'options'   => array(
                            'default' => esc_html__('Default','babyme'),
                            'custom' => esc_html__('Custom','babyme'),
                        ),
            'default'   => esc_html__('default','babyme')
        ),
        array(
            'id'            => 'iq_header_menu_color',
            'type'          => 'color',
            'required'  => array( 'header_menu_color_type', '=', 'custom' ),
            'desc'     => esc_html__( 'Menu Color', 'babyme' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'iq_header_menu_active_color',
            'type'          => 'color',
            'required'  => array( 'header_menu_color_type', '=', 'custom' ),
            'desc'     => esc_html__( 'Active Menu Color', 'babyme' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'iq_header_menu_hover_color',
            'type'          => 'color',
            'required'  => array( 'header_menu_color_type', '=', 'custom' ),
            'desc'     => esc_html__( 'Menu Hover Color', 'babyme' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'iq_vertical_header_active_background_color',
            'type'          => 'color',
            'required'  => array(
                                    array( 'iq_header_variation', '=', '2' ),
                                    array( 'header_menu_color_type', '=', 'custom' ),
                                ),
            'desc'     => esc_html__( 'Active menu background color', 'babyme' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        //----sub menu options start---//
        array(
            'id'        => 'header_submenu_color_type',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Submenu Color Options','babyme'),
            'subtitle' => esc_html__( 'Select submenu color.','babyme'),
            'options'   => array(
                            'default' => esc_html__('Default','babyme'),
                            'custom' => esc_html__('Custom','babyme'),
                        ),
            'default'   => esc_html__('default','babyme')
        ),

        array(
            'id'            => 'iq_header_submenu_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Submenu Color', 'babyme' ),
            'required'  => array( 'header_submenu_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'iq_header_submenu_active_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Active Submenu Color', 'babyme' ),
            'required'  => array( 'header_submenu_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'iq_header_submenu_hover_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Submenu Hover Color', 'babyme' ),
            'required'  => array( 'header_submenu_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'iq_header_submenu_background_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Submenu Background Color', 'babyme' ),
            'required'  => array(
                                    array( 'iq_header_variation', '!=', '2' ),
                                    array( 'header_submenu_color_type', '=', 'custom' ),
                                ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'header_submenu_background_active_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Submenu Background Active Color', 'babyme' ),
            'required'  => array(
                                    array( 'iq_header_variation', '!=', '2' ),
                                    array( 'header_submenu_color_type', '=', 'custom' ),
                                ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'header_submenu_background_hover_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Submenu Background Hover Color', 'babyme' ),
            'required'  => array(
                                    array( 'iq_header_variation', '!=', '2' ),
                                    array( 'header_submenu_color_type', '=', 'custom' ),
                                ),
            'mode'          => 'background',
            'transparent'   => false
        ),
        //----sub menu options end----//

        //----vertical menu wave effect and submenu vertical line color options start----//
        array(
            'id'            => 'iq_vertical_menu_wave_effect_color',
            'type'          => 'color',
            'title'    => esc_html__( 'Click effect color', 'babyme' ),
            'subtitle'    => esc_html__( 'Choose on click effect color for vertical menu', 'babyme' ),
            'desc'     => esc_html__( 'Vertical menu click effect color', 'babyme' ),
            'required'  => array(  'iq_header_variation', '=', '2' ),
            'mode'          => 'background',
            'transparent'   => false
        ),
        array(
            'id'            => 'iq_vertical_submenu_line_color',
            'type'          => 'color',
            'title'    => esc_html__( 'Submenu line color', 'babyme' ),
            'subtitle'    => esc_html__( 'Choose color for submenu vertical line.', 'babyme' ),
            'desc'     => esc_html__( 'Submenu vertical line color', 'babyme' ),
            'required'  => array(  'iq_header_variation', '=', '2' ),
            'mode'          => 'background',
            'transparent'   => false
        ),
        //----vertical menu wave effect and submenu horizontal line color options end----//

        // --------main header Menu options end----------//

        // --------main header responsive Menu Button Options start----------//
        array(
            'id'        => 'responsive_menu_button_type',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Responsive Menu Color','babyme'),
            'required'  => array( 'iq_header_variation', '!=', '2' ),
            'subtitle' => esc_html__( 'Select menu color for responsive mode.','babyme'),
            'options'   => array(
                            'default' => esc_html__('Default','babyme'),
                            'custom' => esc_html__('Custom','babyme')
                        ),
            'default'   => esc_html__('default','babyme')
        ),

        array(
            'id'            => 'responsive_menu_button_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Toggle button color', 'babyme' ),
            'required'  => array( 'responsive_menu_button_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'responsive_menu_button_background_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Toggle button background color', 'babyme' ),
            'required'  => array( 'responsive_menu_button_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'responsive_menu_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Responsive menu color', 'babyme' ),
            'required'  => array( 'responsive_menu_button_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'responsive_menu_hover_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Responsive menu hover color', 'babyme' ),
            'required'  => array( 'responsive_menu_button_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'responsive_menu_background_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Responsive menu background color', 'babyme' ),
            'required'  => array( 'responsive_menu_button_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'responsive_menu_active_background_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Responsive menu active background color', 'babyme' ),
            'required'  => array( 'responsive_menu_button_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),
        // --------main header responsive Menu Button Options end----------//

        // --------main header Login/CTA Button Options start----------//
        array(
            'id'        => 'header_display_button',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Login/CTA Button','babyme'),
            'subtitle' => esc_html__( 'Turn on to display the Login and CTA button in header.','babyme'),
            'options'   => array(
                            'yes' => esc_html__('On','babyme'),
                            'no' => esc_html__('Off','babyme')
                        ),
            'default'   => esc_html__('yes','babyme')
        ),

        array(
            'id'        => 'iq_download_title',
            'type'      => 'text',
            'title'     => esc_html__( 'Header Button Title','babyme'),
            'required'  => array( 'header_display_button', '=', 'yes' ),
            'default'   => 'Get Started',
            'desc'   => esc_html__('Change Title (e.g.Download).','babyme'),
        ),
        array(
            'id'        => 'iq_download_link',
            'type'      => 'text',
            'title'     => esc_html__( 'Header Button Link','babyme'),
            'required'  => array( 'header_display_button', '=', 'yes' ),
            'desc'   => esc_html__('Add link.','babyme'),
            'default'   => '#'
        ),

        array(
            'id'        => 'header_button_color_type',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Header Button Color','babyme'),
            'required'  => array( 'header_display_button', '=', 'yes' ),
            'desc' => esc_html__( 'Select for button color options.','babyme'),
            'options'   => array(
                            'default' => esc_html__('Default','babyme'),
                            'custom' => esc_html__('Custom','babyme')
                        ),
            'default'   => esc_html__('default','babyme')
        ),

        array(
            'id'        => 'header_search_bar',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Search Bar','babyme'),
            'subtitle' => esc_html__( 'Turn on to display the Search and CTA button in header.','babyme'),
            'options'   => array(
                            'yes' => esc_html__('On','babyme'),
                            'no' => esc_html__('Off','babyme')
                        ),
            'default'   => esc_html__('yes','babyme')
        ),

        array(
            'id'            => 'iq_download_btn_background',
            'type'          => 'color',
            'desc'     => esc_html__( 'Button background color', 'babyme' ),
            'required'  => array( 'header_button_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'iq_download_btn_background_hover',
            'type'          => 'color',
            'desc'     => esc_html__( 'Button background hover color', 'babyme' ),
            'required'  => array( 'header_button_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'iq_download_btn_text',
            'type'          => 'color',
            'desc'     => esc_html__( 'Button text color', 'babyme' ),
            'required'  => array( 'header_button_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'iq_download_btn_text_hover',
            'type'          => 'color',
            'desc'     => esc_html__( 'Button text hover Color', 'babyme' ),
            'required'  => array( 'header_button_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        // --------main header Login/CTA Button Options end----------//
    )
));

Redux::set_section( $opt_name, array(
    'title' => esc_html__( 'Header Top', 'babyme' ),
    'id'    => 'Header_Contact',
    'subsection' => true,
    'desc'  => esc_html__( '', 'babyme' ),
    'fields'  => array(

        array(
            'id'   => 'vertical_header_top_info',
            'type' => 'info',
            'title' =>  esc_html__( 'Opps ! Not Available...','babyme').'</br>'.
                        esc_html__( ' This options only available with standard menu type.','babyme').'</br>'.
                        esc_html__('We will come back soon with this options in vertical menu.','babyme'),
            'style' => 'critical',
            'required'  => array( 'iq_header_variation', '=', '2' ),
        ),

        array(
            'id'        => 'email_and_button',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Display Header Top','babyme'),
            'subtitle' => esc_html__( 'Turn on to display top header Email, Phone, Social Media.','babyme'),
            'required'  => array( 'iq_header_variation', '!=', '2' ),
            'options'   => array(
                            'yes' => esc_html__('On','babyme'),
                            'no' => esc_html__('Off','babyme')
                        ),
            'default'   => esc_html__('no','babyme')
        ),
        // --------header top background options start----------//
        array(
            'id'        => 'header_top_background_type',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Background','babyme'),
            'required'  => array( 'email_and_button', '=', 'yes' ),
            'options'   => array(
                            'default' => esc_html__('Default','babyme'),
                            'color' => esc_html__('Color','babyme'),
                            'image' => esc_html__('Image','babyme'),
                            'transparent' => esc_html__('Transparent','babyme')
                        ),
            'default'   => esc_html__('default','babyme')
        ),

        array(
            'id'            => 'header_top_background_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Set Background Color', 'babyme' ),
            'required'  => array( 'header_top_background_type', '=', 'color' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'       => 'header_top_background_image',
            'type'     => 'media',
            'url'      => false,
            'desc'     => esc_html__( 'Upload Image', 'babyme' ),
            'required'  => array( 'header_top_background_type', '=', 'image' ),
            'read-only'=> false,
            //'default'  => array( 'url' => get_template_directory_uri() .'/assets/images/logo.png' ),
            'subtitle' => esc_html__( 'Upload background image for top header.','babyme'),
        ),

        // --------header top background options end----------//
        // --------header top Text color options start----------//
        array(
            'id'        => 'header_top_text_color_type',
            'type'      => 'button_set',
            'required'  => array( 'email_and_button', '=', 'yes' ),
            'title'     => esc_html__( 'Text / Icon color options','babyme'),
            'subtitle' => esc_html__( 'Select text / icon color for normal and hover .','babyme'),
            'options'   => array(
                            'default' => esc_html__('Default','babyme'),
                            'custom' => esc_html__('Custom','babyme'),
                        ),
            'default'   => esc_html__('default','babyme')
        ),
        array(
            'id'            => 'header_top_text_color',
            'type'          => 'color',
            'desc'      => esc_html__( 'Choose text color for top header.', 'babyme' ),
            'required'  => array( 'header_top_text_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'header_top_text_hover_color',
            'type'          => 'color',
            'desc'      => esc_html__( 'Choose text hover color for top header.', 'babyme' ),
            'required'  => array( 'header_top_text_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'header_top_icon_color',
            'type'          => 'color',
            'desc'      => esc_html__( 'Choose Icon color for top header.', 'babyme' ),
            'required'  => array( 'header_top_text_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'header_top_icon_hover_color',
            'type'          => 'color',
            'desc'      => esc_html__( 'Choose Icon hover color for top header.', 'babyme' ),
            'required'  => array( 'header_top_text_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),
        // --------header top Text color options end----------//
        array(
            'id'       => 'header_phone',
            'type'     => 'text',
            'title'    => esc_html__( 'Phone', 'babyme' ),
            'required'  => array( 'email_and_button', '=', 'yes' ),
            'preg' => array(
                'pattern' => '/[^0-9_ -+()]/s',
                'replacement' => ''
            ),
            'default'  => esc_html__('+0123456789','babyme'),
        ),

        array(
            'id'       => 'header_email',
            'type'     => 'text',
            'title'    => esc_html__( 'Email', 'babyme' ),
            'required'  => array( 'email_and_button', '=', 'yes' ),
            'validate' => 'email',
            'msg'      => esc_html__('custom error message','babyme'),
            'default'  => esc_html__('support@example.com','babyme'),
        ),

        array(
            'id'       => 'header_address',
            'type'     => 'textarea',
            'title'    => esc_html__( 'Address', 'babyme' ),
            'required'  => array( 'email_and_button', '=', 'yes' ),
            'default'  => esc_html__('1234 North Avenue Luke Lane, South Bend, IN 360001','babyme' ),
        ),

        array(
            'id'        => 'header_display_contact',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Email/Phone on Header','babyme'),
            'required'  => array( 'email_and_button', '=', 'yes' ),
            'subtitle' => esc_html__( 'Turn on to display the Email and Phone number in header menu.','babyme'),
            'options'   => array(
                            'yes' => esc_html__('On','babyme'),
                            'no' => esc_html__('Off','babyme')
                        ),
            'default'   => esc_html__('yes','babyme')
        ),

        array(
            'id'        => 'iq_header_social_media',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Social Media','babyme'),
            'subtitle' => esc_html__( 'Turn on to display Social Media in top header.','babyme'),
            'required'  => array( 'email_and_button', '=', 'yes' ),
            'options'   => array(
                            'yes' => esc_html__('Yes','babyme'),
                            'no' => esc_html__('No','babyme')
                        ),
            'default'   => esc_html__('yes','babyme')
        ),

    )

) );
//-----Sticky Header Options Start---//
Redux::set_section($opt_name, array(
    'title' => esc_html__('Sticky Header', 'babyme') ,
    'id' => 'sticky-header-variation',
    'subsection' => true,
    'desc' => esc_html__('This section contains options for sticky header menu and background color.', 'babyme') ,
    'fields' => array(

        array(
            'id'   => 'vertical_header_sticky_info',
            'type' => 'info',
            'title' =>  esc_html__( 'Opps ! Not Available...','babyme').'</br>'.
                        esc_html__( ' This options only available with standard menu type.','babyme').'</br>'.
                        esc_html__('We will come back soon with this options in vertical menu.','babyme'),
            'style' => 'critical',
            'required'  => array( 'iq_header_variation', '=', '2' ),
        ),

        array(
            'id'        => 'sticky_header_display',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Sticky Header','babyme'),
            'subtitle' => esc_html__( 'Turn on to display sticky header.','babyme'),
            'required'  => array( 'iq_header_variation', '!=', '2' ),
            'options'   => array(
                            'yes' => esc_html__('On','babyme'),
                            'no' => esc_html__('Off','babyme')
                        ),
            'default'   => esc_html__('yes','babyme')
        ),
         // --------sticky header background options start----------//
        array(
            'id'        => 'sticky_header_background_type',
            'type'      => 'button_set',
            'required'  => array( 'sticky_header_display', '=', 'yes' ),
            'title'     => esc_html__( 'Background','babyme'),
            'subtitle'  => esc_html__( 'Select the variation for sticky header background','babyme'),
            'options'   => array(
                            'default' => esc_html__('Default','babyme'),
                            'color' => esc_html__('Color','babyme'),
                            'image' => esc_html__('Image','babyme'),
                            'transparent' => esc_html__('Transparent','babyme')
                        ),
            'default'   => esc_html__('default','babyme')
        ),

        array(
            'id'            => 'sticky_header_background_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Set Background Color', 'babyme' ),
            'required'  => array( 'sticky_header_background_type', '=', 'color' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'       => 'sticky_header_background_image',
            'type'     => 'media',
            'url'      => false,
            'desc'     => esc_html__( 'Upload Image', 'babyme' ),
            'required'  => array( 'sticky_header_background_type', '=', 'image' ),
            'read-only'=> false,
            //'default'  => array( 'url' => get_template_directory_uri() .'/assets/images/logo.png' ),
            'subtitle' => esc_html__( 'Upload background image for sticky header.','babyme'),
        ),
        // --------sticky header Background options end----------//

        // --------sticky header Menu options start----------//

        array(
            'id'        => 'sticky_menu_color_type',
            'type'      => 'button_set',
            'required'  => array( 'sticky_header_display', '=', 'yes' ),
            'title'     => esc_html__( 'Menu Color Options','babyme'),
            'subtitle' => esc_html__( 'Select Menu color for sticky.','babyme'),
            'options'   => array(
                            'default' => esc_html__('Default','babyme'),
                            'custom' => esc_html__('Custom','babyme'),
                        ),
            'default'   => esc_html__('default','babyme')
        ),
        array(
            'id'            => 'sticky_menu_color',
            'type'          => 'color',
            'required'  => array( 'sticky_menu_color_type', '=', 'custom' ),
            'desc'     => esc_html__( 'Sticky header menu color', 'babyme' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'sticky_menu_active_color',
            'type'          => 'color',
            'required'  => array( 'sticky_menu_color_type', '=', 'custom' ),
            'desc'     => esc_html__( 'Sticky header active menu color', 'babyme' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'sticky_menu_hover_color',
            'type'          => 'color',
            'required'  => array( 'sticky_menu_color_type', '=', 'custom' ),
            'desc'     => esc_html__( 'Sticky header menu hover color', 'babyme' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        //----sticky sub menu options start---//
        array(
            'id'        => 'sticky_header_submenu_color_type',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Submenu Color Options','babyme'),
            'subtitle' => esc_html__( 'Select submenu color.','babyme'),
            'required'  => array( 'sticky_header_display', '=', 'yes' ),
            'options'   => array(
                            'default' => esc_html__('Default','babyme'),
                            'custom' => esc_html__('Custom','babyme'),
                        ),
            'default'   => esc_html__('default','babyme')
        ),

        array(
            'id'            => 'sticky_iq_header_submenu_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Submenu Color', 'babyme' ),
            'required'  => array( 'sticky_header_submenu_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'sticky_iq_header_submenu_active_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Active Submenu Color', 'babyme' ),
            'required'  => array( 'sticky_header_submenu_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'sticky_iq_header_submenu_hover_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Submenu Hover Color', 'babyme' ),
            'required'  => array( 'sticky_header_submenu_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'sticky_iq_header_submenu_background_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Submenu Background Color', 'babyme' ),
            'required'  => array( 'sticky_header_submenu_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),
        array(
            'id'            => 'sticky_header_submenu_background_active_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Submenu Background Active Color', 'babyme' ),
            'required'  => array( 'sticky_header_submenu_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'sticky_header_submenu_background_hover_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Submenu Background Hover Color', 'babyme' ),
            'required'  => array( 'sticky_header_submenu_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),
        // --------sticky header Menu options start----------//
    )
));
//-----Sticky Header Options Options End---//

//-----Side Area Options Start---//
Redux::set_section($opt_name, array(
    'title' => esc_html__('Side Area', 'babyme') ,
    'id' => 'header-side-area-variation',

    'subsection' => true,
    'desc' => esc_html__('This section contains options for side area button in header.', 'babyme') ,
    'fields' => array(

      array(
            'id'        => 'header_display_side_area',
            'type'      => 'button_set',
            'title'     => esc_html__( 'Side Area (Sliding Panel)','babyme'),
            'subtitle' => esc_html__( 'Set option for Sliding right side panel.','babyme'),
            'options'   => array(
                            'yes' => esc_html__('On','babyme'),
                            'no' => esc_html__('Off','babyme')
                        ),
            'default'   => esc_html__('yes','babyme')
        ),

        // --------side area background options start----------//
        array(
            'id'        => 'sidearea_background_type',
            'type'      => 'button_set',
            'required'  => array( 'header_display_side_area', '=', 'yes' ),
            'title'     => esc_html__( 'Background','babyme'),
            'subtitle'  => esc_html__( 'Select the variation for Sidearea background','babyme'),
            'options'   => array(
                            'default' => esc_html__('Default','babyme'),
                            'color' => esc_html__('Color','babyme'),
                            'image' => esc_html__('Image','babyme'),
                            'transparent' => esc_html__('Transparent','babyme')
                        ),
            'default'   => esc_html__('default','babyme')
        ),

        array(
            'id'            => 'sidearea_background_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Set Background Color', 'babyme' ),
            'required'  => array( 'sidearea_background_type', '=', 'color' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'       => 'sidearea_background_image',
            'type'     => 'media',
            'url'      => false,
            'desc'     => esc_html__( 'Upload Image', 'babyme' ),
            'required'  => array( 'sidearea_background_type', '=', 'image' ),
            'read-only'=> false,
            //'default'  => array( 'url' => get_template_directory_uri() .'/assets/images/logo.png' ),
            'subtitle' => esc_html__( 'Upload background image for sidearea.','babyme'),
        ),
        // --------side area Background options end----------//
        array(
            'id' => 'sidearea_width',
            'type' => 'dimensions',
            'height' => false,
            'units'    => array('em','px','%'),
            'title' => __('Adjust sidearea width', 'babyme') ,
            'subtitle' => __('Choose Width, and/or unit.', 'babyme') ,
            'desc' => __('Sidearea Width.', 'babyme') ,
            'required'  => array( 'header_display_side_area', '=', 'yes' ),
        ),

        // --------side area button color options ----------//
        array(
            'id'        => 'sidearea_btn_color_type',
            'type'      => 'button_set',
            'required'  => array( 'header_display_side_area', '=', 'yes' ),
            'title'     => esc_html__( 'Button color options','babyme'),
            'subtitle' => esc_html__( 'Select text normal / hover color .','babyme'),
            'options'   => array(
                            'default' => esc_html__('Default','babyme'),
                            'custom' => esc_html__('Custom','babyme'),
                        ),
            'default'   => esc_html__('default','babyme')
        ),

        array(
            'id'            => 'sidearea_btn_open_color',
            'type'          => 'color',
            'title' => __('Open button color', 'babyme') ,
            'subtitle' => __('Select color for normal / hover.', 'babyme') ,
            'desc'     => esc_html__( 'Set open button color', 'babyme' ),
            'required'  => array( 'sidearea_btn_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),
        array(
            'id'            => 'sidearea_btn_open_hover',
            'type'          => 'color',
            'desc'     => esc_html__( 'Set open button hover color', 'babyme' ),
            'required'  => array( 'sidearea_btn_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'sidearea_btn_line_color',
            'type'          => 'color',
            'title' => __('Open button line color', 'babyme') ,
            'subtitle' => __('Select normal / hover color of open button lines.', 'babyme') ,
            'desc'     => esc_html__( 'Set open button line color', 'babyme' ),
            'required'  => array( 'sidearea_btn_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),
        array(
            'id'            => 'sidearea_btn_line_hover_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Set open button line hover color', 'babyme' ),
            'required'  => array( 'sidearea_btn_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'sidearea_btn_close_color',
            'type'          => 'color',
            'title' => __('Close button color', 'babyme') ,
            'subtitle' => __('Select normal / hover color of close button inside sidearea.', 'babyme') ,
            'desc'     => esc_html__( 'Set close button color', 'babyme' ),
            'required'  => array( 'sidearea_btn_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),
        array(
            'id'            => 'sidearea_btn_close_hover',
            'type'          => 'color',
            'desc'     => esc_html__( 'Set close button hover color', 'babyme' ),
            'required'  => array( 'sidearea_btn_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),

        array(
            'id'            => 'sidearea_btn_close_line_color',
            'type'          => 'color',
            'title' => __('Close button line color', 'babyme') ,
            'subtitle' => __('Select normal / hover color of close button lines.', 'babyme') ,
            'desc'     => esc_html__( 'Set open button line color', 'babyme' ),
            'required'  => array( 'sidearea_btn_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),
        array(
            'id'            => 'sidearea_btn_close_line_hover_color',
            'type'          => 'color',
            'desc'     => esc_html__( 'Set close button line hover color', 'babyme' ),
            'required'  => array( 'sidearea_btn_color_type', '=', 'custom' ),
            'mode'          => 'background',
            'transparent'   => false
        ),
    )
));