<?php

/**
 * Header Options
 *
 * @package aster_vlogger
 */

// ---------------------------------------- GENERAL OPTIONBS ----------------------------------------------------


// ---------------------------------------- PRELOADER ----------------------------------------------------

$wp_customize->add_section(
	'aster_vlogger_general_options',
	array(
		'panel' => 'aster_vlogger_theme_options',
		'title' => esc_html__( 'General Options', 'aster-vlogger' ),
	)
);


// Add Separator Custom Control
$wp_customize->add_setting( 'aster_vlogger_preloader_separator', array(
	'sanitize_callback' => 'sanitize_text_field',
) );

$wp_customize->add_control( new Aster_Vlogger_Separator_Custom_Control( $wp_customize, 'aster_vlogger_preloader_separator', array(
	'label' => __( 'Enable / Disable Site Preloader Section', 'aster-vlogger' ),
	'section' => 'aster_vlogger_general_options',
	'settings' => 'aster_vlogger_preloader_separator',
) ) );

// General Options - Enable Preloader.
$wp_customize->add_setting(
	'aster_vlogger_enable_preloader',
	array(
		'sanitize_callback' => 'aster_vlogger_sanitize_switch',
		'default'           => false,
	)
);

$wp_customize->add_control(
	new Aster_Vlogger_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_vlogger_enable_preloader',
		array(
			'label'   => esc_html__( 'Enable Preloader', 'aster-vlogger' ),
			'section' => 'aster_vlogger_general_options',
		)
	)
);

// Preloader Style Setting
$wp_customize->add_setting(
    'aster_vlogger_preloader_style',
    array(
        'default'           => 'style1',
        'sanitize_callback' => 'sanitize_text_field',
    )
);

$wp_customize->add_control(
    'aster_vlogger_preloader_style',
    array(
        'type'     => 'select',
        'label'    => esc_html__('Select Preloader Styles', 'aster-vlogger'),
		'active_callback' => 'aster_vlogger_is_preloader_style',
        'section'  => 'aster_vlogger_general_options',
        'choices'  => array(
            'style1' => esc_html__('Style 1', 'aster-vlogger'),
            'style2' => esc_html__('Style 2', 'aster-vlogger'),
            'style3' => esc_html__('Style 3', 'aster-vlogger'),
        ),
    )
);

// Preloader Background Color Setting
$wp_customize->add_setting(
	'aster_vlogger_preloader_background_color_setting',
	 array(
		'default' => '',
		'sanitize_callback' => 'sanitize_hex_color',
	)
);

$wp_customize->add_control(
	new WP_Customize_Color_Control(
		$wp_customize, 'aster_vlogger_preloader_background_color_setting', 
		array(
			'label' => __('Preloader Background Color', 'aster-vlogger'),
			'active_callback' => 'aster_vlogger_is_preloader_style',
			'section' => 'aster_vlogger_general_options',
		)
	)
);

// Preloader Background Image Setting
$wp_customize->add_setting(
	'aster_vlogger_preloader_background_image_setting', 
	array(
		'default' => '',
		'sanitize_callback' => 'esc_url_raw',
	)
);

$wp_customize->add_control(
	new WP_Customize_Image_Control(
		$wp_customize, 'aster_vlogger_preloader_background_image_setting',
		 array(
			'label' => __('Preloader Background Image', 'aster-vlogger'),
			'active_callback' => 'aster_vlogger_is_preloader_style',
			'section' => 'aster_vlogger_general_options',
		)
	)
);

// ---------------------------------------- PAGINATION ----------------------------------------------------


// Add Separator Custom Control
$wp_customize->add_setting( 'aster_vlogger_pagination_separator', array(
	'sanitize_callback' => 'sanitize_text_field',
) );

$wp_customize->add_control( new Aster_Vlogger_Separator_Custom_Control( $wp_customize, 'aster_vlogger_pagination_separator', array(
	'label' => __( 'Enable / Disable Pagination Section', 'aster-vlogger' ),
	'section' => 'aster_vlogger_general_options',
	'settings' => 'aster_vlogger_pagination_separator',
) ) );



// Pagination - Enable Pagination.
$wp_customize->add_setting(
	'aster_vlogger_enable_pagination',
	array(
		'default'           => true,
		'sanitize_callback' => 'aster_vlogger_sanitize_switch',
	)
);

$wp_customize->add_control(
	new Aster_Vlogger_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_vlogger_enable_pagination',
		array(
			'label'    => esc_html__( 'Enable Pagination', 'aster-vlogger' ),
			'section'  => 'aster_vlogger_general_options',
			'settings' => 'aster_vlogger_enable_pagination',
			'type'     => 'checkbox',
		)
	)
);

// Pagination - Pagination Type.
$wp_customize->add_setting(
	'aster_vlogger_pagination_type',
	array(
		'default'           => 'default',
		'sanitize_callback' => 'aster_vlogger_sanitize_select',
	)
);

$wp_customize->add_control(
	'aster_vlogger_pagination_type',
	array(
		'label'           => esc_html__( 'Pagination Type', 'aster-vlogger' ),
		'section'         => 'aster_vlogger_general_options',
		'settings'        => 'aster_vlogger_pagination_type',
		'active_callback' => 'aster_vlogger_is_pagination_enabled',
		'type'            => 'select',
		'choices'         => array(
			'default' => __( 'Default (Older/Newer)', 'aster-vlogger' ),
			'numeric' => __( 'Numeric', 'aster-vlogger' ),
		),
	)
);

// ---------------------------------------- BREADCRUMB ----------------------------------------------------


// Add Separator Custom Control
$wp_customize->add_setting( 'aster_vlogger_breadcrumb_separators', array(
	'sanitize_callback' => 'sanitize_text_field',
) );

$wp_customize->add_control( new Aster_Vlogger_Separator_Custom_Control( $wp_customize, 'aster_vlogger_breadcrumb_separators', array(
	'label' => __( 'Enable / Disable Breadcrumb Section', 'aster-vlogger' ),
	'section' => 'aster_vlogger_general_options',
	'settings' => 'aster_vlogger_breadcrumb_separators',
)));


// Breadcrumb - Enable Breadcrumb.
$wp_customize->add_setting(
	'aster_vlogger_enable_breadcrumb',
	array(
		'sanitize_callback' => 'aster_vlogger_sanitize_switch',
		'default'           => true,
	)
);

$wp_customize->add_control(
	new Aster_Vlogger_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_vlogger_enable_breadcrumb',
		array(
			'label'   => esc_html__( 'Enable Breadcrumb', 'aster-vlogger' ),
			'section' => 'aster_vlogger_general_options',
		)
	)
);

// Breadcrumb - Separator.
$wp_customize->add_setting(
	'aster_vlogger_breadcrumb_separator',
	array(
		'sanitize_callback' => 'sanitize_text_field',
		'default'           => '/',
	)
);

$wp_customize->add_control(
	'aster_vlogger_breadcrumb_separator',
	array(
		'label'           => esc_html__( 'Separator', 'aster-vlogger' ),
		'active_callback' => 'aster_vlogger_is_breadcrumb_enabled',
		'section'         => 'aster_vlogger_general_options',
	)
);



// ---------------------------------------- Website layout ----------------------------------------------------


// Add Separator Custom Control
$wp_customize->add_setting( 'aster_vlogger_layuout_separator', array(
	'sanitize_callback' => 'sanitize_text_field',
) );

$wp_customize->add_control( new Aster_Vlogger_Separator_Custom_Control( $wp_customize, 'aster_vlogger_layuout_separator', array(
	'label' => __( 'Website Layout Setting', 'aster-vlogger' ),
	'section' => 'aster_vlogger_general_options',
	'settings' => 'aster_vlogger_layuout_separator',
)));


$wp_customize->add_setting(
	'aster_vlogger_website_layout',
	array(
		'sanitize_callback' => 'aster_vlogger_sanitize_switch',
		'default'           => false,
	)
);

$wp_customize->add_control(
	new Aster_Vlogger_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_vlogger_website_layout',
		array(
			'label'   => esc_html__('Boxed Layout', 'aster-vlogger'),
			'section' => 'aster_vlogger_general_options',
		)
	)
);

$wp_customize->add_setting('aster_vlogger_layout_width_margin', array(
	'default'           => 50,
	'sanitize_callback' => 'aster_vlogger_sanitize_range_value',
));

$wp_customize->add_control(new Aster_Vlogger_Customize_Range_Control($wp_customize, 'aster_vlogger_layout_width_margin', array(
		'label'       => __('Set Width', 'aster-vlogger'),
		'description' => __('Adjust the width around the website layout by moving the slider. Use this setting to customize the appearance of your site to fit your design preferences.', 'aster-vlogger'),
		'section'     => 'aster_vlogger_general_options',
		'settings'    => 'aster_vlogger_layout_width_margin',
		'active_callback' => 'aster_vlogger_is_layout_enabled',
		'input_attrs' => array(
			'min'  => 0,
			'max'  => 130,
			'step' => 1,
		),
)));


// ---------------------------------------- HEADER OPTIONS ----------------------------------------------------	


$wp_customize->add_section(
	'aster_vlogger_header_options',
	array(
		'panel' => 'aster_vlogger_theme_options',
		'title' => esc_html__( 'Header Options', 'aster-vlogger' ),
	)
);


// Add setting for sticky header
$wp_customize->add_setting(
	'aster_vlogger_enable_sticky_header',
	array(
		'sanitize_callback' => 'aster_vlogger_sanitize_switch',
		'default'           => false,
	)
);

// Add control for sticky header setting
$wp_customize->add_control(
	new Aster_Vlogger_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_vlogger_enable_sticky_header',
		array(
			'label'   => esc_html__( 'Enable Sticky Header', 'aster-vlogger' ),
			'section' => 'aster_vlogger_header_options',
		)
	)
);


// Header Options - Enable Topbar.
$wp_customize->add_setting(
	'aster_vlogger_enable_topbar',
	array(
		'sanitize_callback' => 'aster_vlogger_sanitize_switch',
		'default'           => true,
	)
);

$wp_customize->add_control(
	new Aster_Vlogger_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_vlogger_enable_topbar',
		array(
			'label'   => esc_html__( 'Enable Topbar', 'aster-vlogger' ),
			'section' => 'aster_vlogger_header_options',
		)
	)
);

// Header Options - Contact Number.
$wp_customize->add_setting(
	'aster_vlogger_discount_topbar_text',
	array(
		'default'           => '',
		'sanitize_callback' => 'sanitize_text_field',
	)
);

$wp_customize->add_control(
	'aster_vlogger_discount_topbar_text',
	array(
		'label'           => esc_html__( 'Topbar Discount Text', 'aster-vlogger' ),
		'section'         => 'aster_vlogger_header_options',
		'type'            => 'text',
		'active_callback' => 'aster_vlogger_is_topbar_enabled',
	)
);

// Header Options - Custom Button Label.
$wp_customize->add_setting(
	'aster_vlogger_menu_custom_button_label',
	array(
		'default'           => '',
		'sanitize_callback' => 'sanitize_text_field',
	)
);

$wp_customize->add_control(
	'aster_vlogger_menu_custom_button_label',
	array(
		'label'    => esc_html__( 'Menu Custom Button Label', 'aster-vlogger' ),
		'section'  => 'aster_vlogger_header_options',
		'settings' => 'aster_vlogger_menu_custom_button_label',
		'type'     => 'text',
	)
);

// Header Options - Custom Button URL.
$wp_customize->add_setting(
	'aster_vlogger_menu_custom_button_url',
	array(
		'default'           => '',
		'sanitize_callback' => 'esc_url_raw',
	)
);

$wp_customize->add_control(
	'aster_vlogger_menu_custom_button_url',
	array(
		'label'    => esc_html__( 'Menu Button URL', 'aster-vlogger' ),
		'section'  => 'aster_vlogger_header_options',
		'settings' => 'aster_vlogger_menu_custom_button_url',
		'type'     => 'url',
	)
);

// Header Options - Enable Social Icons.
$wp_customize->add_setting(
	'aster_vlogger_enable_social',
	array(
		'sanitize_callback' => 'aster_vlogger_sanitize_switch',
		'default'           => true,
	)
);

$wp_customize->add_control(
	new Aster_Vlogger_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_vlogger_enable_social',
		array(
			'label'   => esc_html__( 'Enable Social', 'aster-vlogger' ),
			'description' => esc_html__( 'If you want to add a social icon you need to go to Dashboard = Appearance = Menus then create a new menu now add Custom Links then add proper links then choose Social then click Create Menu.', 'aster-vlogger' ),
			'section' => 'aster_vlogger_header_options',
			'active_callback' => 'aster_vlogger_is_topbar_enabled',
		)
	)
);

// Add Separator Custom Control
$wp_customize->add_setting( 'aster_vlogger_menu_separator', array(
	'sanitize_callback' => 'sanitize_text_field',
) );

$wp_customize->add_control( new Aster_Vlogger_Separator_Custom_Control( $wp_customize, 'aster_vlogger_menu_separator', array(
	'label' => __( 'Menu Settings', 'aster-vlogger' ),
	'section' => 'aster_vlogger_header_options',
	'settings' => 'aster_vlogger_menu_separator',
)));

$wp_customize->add_setting( 'aster_vlogger_menu_font_size', array(
    'default'           => 15,
    'sanitize_callback' => 'absint',
) );

// Add control for site title size
$wp_customize->add_control( 'aster_vlogger_menu_font_size', array(
    'type'        => 'number',
    'section'     => 'aster_vlogger_header_options',
    'label'       => __( 'Menu Font Size ', 'aster-vlogger' ),
    'input_attrs' => array(
        'min'  => 10,
        'max'  => 100,
        'step' => 1,
    ),
));

$wp_customize->add_setting( 'menu_text_transform', array(
    'default'           => 'none', // Default value for text transform
    'sanitize_callback' => 'sanitize_text_field',
) );

$wp_customize->add_control( 'menu_text_transform', array(
    'type'     => 'select',
    'section'  => 'aster_vlogger_header_options', 
    'label'    => __( 'Menu Text Transform', 'aster-vlogger' ),
    'choices'  => array(
        'none'       => __( 'None', 'aster-vlogger' ),
        'capitalize' => __( 'Capitalize', 'aster-vlogger' ),
        'uppercase'  => __( 'Uppercase', 'aster-vlogger' ),
        'lowercase'  => __( 'Lowercase', 'aster-vlogger' ),
    ),
) );

// Menu Text Color 
$wp_customize->add_setting(
	'aster_vlogger_menu_text_color', 
	array(
		'default' => '',
		'sanitize_callback' => 'sanitize_hex_color',
	)
);

$wp_customize->add_control(
	new WP_Customize_Color_Control(
		$wp_customize, 
		'aster_vlogger_menu_text_color', 
		array(
			'label' => __('Menu Color', 'aster-vlogger'),
			'section' => 'aster_vlogger_header_options',
		)
	)
);

// Sub Menu Text Color 
$wp_customize->add_setting(
	'aster_vlogger_sub_menu_text_color', 
	array(
		'default' => '',
		'sanitize_callback' => 'sanitize_hex_color',
	)
);

$wp_customize->add_control(
	new WP_Customize_Color_Control(
		$wp_customize, 
		'aster_vlogger_sub_menu_text_color', 
		array(
			'label' => __('Sub Menu Color', 'aster-vlogger'),
			'section' => 'aster_vlogger_header_options',
		)
	)
);

// ----------------------------------------SITE IDENTITY----------------------------------------------------


$wp_customize->add_setting( 'aster_vlogger_site_title_size', array(
    'default'           => 36, // Default font size in pixels
    'sanitize_callback' => 'absint', // Sanitize the input as a positive integer
) );

// Add control for site title size
$wp_customize->add_control( 'aster_vlogger_site_title_size', array(
    'type'        => 'number',
    'section'     => 'title_tagline', // You can change this section to your preferred section
    'label'       => __( 'Site Title Font Size ', 'aster-vlogger' ),
    'input_attrs' => array(
        'min'  => 10,
        'max'  => 100,
        'step' => 1,
    ),
) );

// Site Logo - Enable Setting.
$wp_customize->add_setting(
	'aster_vlogger_enable_site_logo',
	array(
		'default'           => true, // Default is to display the logo.
		'sanitize_callback' => 'aster_vlogger_sanitize_switch', // Sanitize using a custom switch function.
	)
);

$wp_customize->add_control(
	new Aster_Vlogger_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_vlogger_enable_site_logo',
		array(
			'label'    => esc_html__( 'Enable Site Logo', 'aster-vlogger' ),
			'section'  => 'title_tagline', // Section to add this control.
			'settings' => 'aster_vlogger_enable_site_logo',
		)
	)
);

// Site Title - Enable Setting.
$wp_customize->add_setting(
	'aster_vlogger_enable_site_title_setting',
	array(
		'default'           => false,
		'sanitize_callback' => 'aster_vlogger_sanitize_switch',
	)
);

$wp_customize->add_control(
	new Aster_Vlogger_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_vlogger_enable_site_title_setting',
		array(
			'label'    => esc_html__( 'Enable Site Title', 'aster-vlogger' ),
			'section'  => 'title_tagline',
			'settings' => 'aster_vlogger_enable_site_title_setting',
		)
	)
);

// Tagline - Enable Setting.
$wp_customize->add_setting(
	'aster_vlogger_enable_tagline_setting',
	array(
		'default'           => false,
		'sanitize_callback' => 'aster_vlogger_sanitize_switch',
	)
);

$wp_customize->add_control(
	new Aster_Vlogger_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_vlogger_enable_tagline_setting',
		array(
			'label'    => esc_html__( 'Enable Tagline', 'aster-vlogger' ),
			'section'  => 'title_tagline',
			'settings' => 'aster_vlogger_enable_tagline_setting',
		)
	)
);

$wp_customize->add_setting('aster_vlogger_site_logo_width', array(
    'default'           => 200,
    'sanitize_callback' => 'aster_vlogger_sanitize_range_value',
));

$wp_customize->add_control(new Aster_Vlogger_Customize_Range_Control($wp_customize, 'aster_vlogger_site_logo_width', array(
    'label'       => __('Adjust Site Logo Width', 'aster-vlogger'),
    'description' => __('This setting controls the Width of Site Logo', 'aster-vlogger'),
    'section'     => 'title_tagline',
    'settings'    => 'aster_vlogger_site_logo_width',
    'input_attrs' => array(
        'min'  => 0,
        'max'  => 400,
        'step' => 5,
    ),
)));

// ---------------------------------------- ANIMATION ----------------------------------------------------

$wp_customize->add_setting( 'aster_vlogger_animation_separator', array(
	'sanitize_callback' => 'sanitize_text_field',
) );
$wp_customize->add_control( new Aster_Vlogger_Separator_Custom_Control( $wp_customize, 'aster_vlogger_animation_separator', array(
	'label' => __( 'Enable / Disable Animation', 'aster-vlogger' ),
	'section' => 'aster_vlogger_general_options',
	'settings' => 'aster_vlogger_animation_separator',
) ) );
// Animation Enable / Disable
$wp_customize->add_setting('aster_vlogger_enable_animation',array(
		'default'           => true,
		'sanitize_callback' => 'aster_vlogger_sanitize_switch',
	)
);
$wp_customize->add_control(
	new Aster_Vlogger_Toggle_Switch_Custom_Control($wp_customize,'aster_vlogger_enable_animation',array(
			'label'   => esc_html__( 'Enable Animation', 'aster-vlogger' ),
			'section' => 'aster_vlogger_general_options',
		)
	)
);

// Topbar Padding Setting
$wp_customize->add_setting('aster_vlogger_topbar_padding',array(
		'default' => '',
		'sanitize_callback' => 'absint'
	)
);
$wp_customize->add_control('aster_vlogger_topbar_padding',array(
		'label' => __('Topbar Padding','aster-vlogger'),
		'section' => 'aster_vlogger_header_options',
		'type' => 'number',
		'input_attrs' => array(
			'min' => 0,
			'max' => 50,
			'step' => 1
		)
	)
);