<?php
/**
 * Header Options
 *
 * @package jeweler_shop
 */

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

$wp_customize->add_section(
	'jeweler_shop_general_options',
	array(
		'panel' => 'jeweler_shop_theme_options',
		'title' => esc_html__( 'General Options', 'jeweler-shop' ),
	)
);

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

$wp_customize->add_control( new Jeweler_Shop_Separator_Custom_Control( $wp_customize, 'jeweler_shop_preloader_separator', array(
	'label' => __( 'Enable / Disable Site Preloader Section', 'jeweler-shop' ),
	'section' => 'jeweler_shop_general_options',
	'settings' => 'jeweler_shop_preloader_separator',
) ) );


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

$wp_customize->add_control(
	new Jeweler_Shop_Toggle_Switch_Custom_Control(
		$wp_customize,
		'jeweler_shop_enable_preloader',
		array(
			'label'   => esc_html__( 'Enable Preloader', 'jeweler-shop' ),
			'section' => 'jeweler_shop_general_options',
		)
	)
);

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

$wp_customize->add_control(
	'jeweler_shop_preloader_style',
	array(
		'type'     => 'select',
		'label'    => esc_html__('Select Preloader Styles', 'jeweler-shop'),
		'active_callback' => 'jeweler_shop_is_preloader_style',
		'section'  => 'jeweler_shop_general_options',
		'choices'  => array(
			'style1' => esc_html__('Style 1', 'jeweler-shop'),
			'style2' => esc_html__('Style 2', 'jeweler-shop'),
			'style3' => esc_html__('Style 3', 'jeweler-shop'),
		),
	)
);

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

$wp_customize->add_control(
	new WP_Customize_Color_Control(
		$wp_customize, 'jeweler_shop_preloader_background_color_setting', 
		array(
			'label' => __('Preloader Background Color', 'jeweler-shop'),
			'active_callback' => 'jeweler_shop_is_preloader_style',
			'section' => 'jeweler_shop_general_options',
		)
	)
);

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

$wp_customize->add_control(
	new WP_Customize_Image_Control(
		$wp_customize, 'jeweler_shop_preloader_background_image_setting',
		 array(
			'label' => __('Preloader Background Image', 'jeweler-shop'),
			'active_callback' => 'jeweler_shop_is_preloader_style',
			'section' => 'jeweler_shop_general_options',
		)
	)
);

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


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

$wp_customize->add_control( new Jeweler_Shop_Separator_Custom_Control( $wp_customize, 'jeweler_shop_layuout_separator', array(
	'label' => __( 'Website Layout Setting', 'jeweler-shop' ),
	'section' => 'jeweler_shop_general_options',
	'settings' => 'jeweler_shop_layuout_separator',
)));


$wp_customize->add_setting(
	'jeweler_shop_website_layout',
	array(
		'sanitize_callback' => 'jeweler_shop_sanitize_switch',
		'default'           => false,
	)
);

$wp_customize->add_control(
	new Jeweler_Shop_Toggle_Switch_Custom_Control(
		$wp_customize,
		'jeweler_shop_website_layout',
		array(
			'label'   => esc_html__('Boxed Layout', 'jeweler-shop'),
			'section' => 'jeweler_shop_general_options',
		)
	)
);

$wp_customize->add_setting('jeweler_shop_layout_width_margin', array(
	'default'           => 50,
	'sanitize_callback' => 'jeweler_shop_sanitize_range_value',
));

$wp_customize->add_control(new Jeweler_Shop_Customize_Range_Control($wp_customize, 'jeweler_shop_layout_width_margin', array(
		'label'       => __('Set Width', 'jeweler-shop'),
		'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.', 'jeweler-shop'),
		'section'     => 'jeweler_shop_general_options',
		'settings'    => 'jeweler_shop_layout_width_margin',
		'active_callback' => 'jeweler_shop_is_layout_enabled',
		'input_attrs' => array(
			'min'  => 0,
			'max'  => 130,
			'step' => 1,
		),
)));

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

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

$wp_customize->add_control( new Jeweler_Shop_Separator_Custom_Control( $wp_customize, 'jeweler_shop_breadcrumb_separators', array(
	'label' => __( 'Enable / Disable Breadcrumb Section', 'jeweler-shop' ),
	'section' => 'jeweler_shop_general_options',
	'settings' => 'jeweler_shop_breadcrumb_separators',
)));

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

$wp_customize->add_control(
	new Jeweler_Shop_Toggle_Switch_Custom_Control(
		$wp_customize,
		'jeweler_shop_enable_breadcrumb',
		array(
			'label'   => esc_html__( 'Enable Breadcrumb', 'jeweler-shop' ),
			'section' => 'jeweler_shop_general_options',
		)
	)
);

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

$wp_customize->add_control(
	'jeweler_shop_breadcrumb_separator',
	array(
		'label'           => esc_html__( 'Separator', 'jeweler-shop' ),
		'active_callback' => 'jeweler_shop_is_breadcrumb_enabled',
		'section'         => 'jeweler_shop_general_options',
	)
);

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

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

$wp_customize->add_control(
	new Jeweler_Shop_Toggle_Switch_Custom_Control(
		$wp_customize,
		'jeweler_shop_enable_site_logo',
		array(
			'label'    => esc_html__( 'Enable Site Logo', 'jeweler-shop' ),
			'section'  => 'title_tagline', // Section to add this control.
			'settings' => 'jeweler_shop_enable_site_logo',
		)
	)
);

// Site Title - Enable Setting.
$wp_customize->add_setting(
	'jeweler_shop_enable_site_title_setting',
	array(
		'default'           => true,
		'sanitize_callback' => 'jeweler_shop_sanitize_switch',
	)
);

$wp_customize->add_control(
	new Jeweler_Shop_Toggle_Switch_Custom_Control(
		$wp_customize,
		'jeweler_shop_enable_site_title_setting',
		array(
			'label'    => esc_html__( 'Enable Site Title', 'jeweler-shop' ),
			'section'  => 'title_tagline',
			'settings' => 'jeweler_shop_enable_site_title_setting',
		)
	)
);

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

$wp_customize->add_control(
	new Jeweler_Shop_Toggle_Switch_Custom_Control(
		$wp_customize,
		'jeweler_shop_enable_tagline_setting',
		array(
			'label'    => esc_html__( 'Enable Tagline', 'jeweler-shop' ),
			'section'  => 'title_tagline',
			'settings' => 'jeweler_shop_enable_tagline_setting',
		)
	)
);

$wp_customize->add_setting( 'jeweler_shop_site_title_size', array(
    'default'           => 24, // 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( 'jeweler_shop_site_title_size', array(
    'type'        => 'number',
    'section'     => 'title_tagline', // You can change this section to your preferred section
    'label'       => __( 'Site Title Font Size ', 'jeweler-shop' ),
    'input_attrs' => array(
        'min'  => 10,
        'max'  => 100,
        'step' => 1,
    ),
) );

$wp_customize->add_setting('jeweler_shop_site_logo_width', array(
    'default'           => 150,
    'sanitize_callback' => 'jeweler_shop_sanitize_range_value',
));

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

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

$wp_customize->add_setting( 'jeweler_shop_animation_separator', array(
	'sanitize_callback' => 'sanitize_text_field',
) );
$wp_customize->add_control( new Jeweler_Shop_Separator_Custom_Control( $wp_customize, 'jeweler_shop_animation_separator', array(
	'label' => __( 'Enable / Disable Animation', 'jeweler-shop' ),
	'section' => 'jeweler_shop_general_options',
	'settings' => 'jeweler_shop_animation_separator',
) ) );
// Animation Enable / Disable
$wp_customize->add_setting(
	'jeweler_shop_enable_animation',array(
		'default'           => true,
		'sanitize_callback' => 'jeweler_shop_sanitize_switch',
	)
);
$wp_customize->add_control(
	new Jeweler_Shop_Toggle_Switch_Custom_Control($wp_customize,'jeweler_shop_enable_animation',array(
			'label'   => esc_html__( 'Enable Animation', 'jeweler-shop' ),
			'section' => 'jeweler_shop_general_options',
		)
	)
);

// ---------------------------------------- PROGRESS BAR ----------------------------------------------------
$wp_customize->add_setting( 'jeweler_shop_progress_bar_separator', array(
	'sanitize_callback' => 'sanitize_text_field',
) );
$wp_customize->add_control( new Jeweler_Shop_Separator_Custom_Control( $wp_customize, 'jeweler_shop_progress_bar_separator',array(
		'label' => __( 'Enable / Disable Progress Bar', 'jeweler-shop' ),
		'section' => 'jeweler_shop_general_options',
	)
) );
// Progress Bar Enable / Disable
$wp_customize->add_setting('jeweler_shop_progress_bar',array(
		'default'           => false,
		'sanitize_callback' => 'jeweler_shop_sanitize_switch',
	)
);
$wp_customize->add_control(new Jeweler_Shop_Toggle_Switch_Custom_Control(
	$wp_customize,'jeweler_shop_progress_bar',array(
			'label'   => __( 'Enable Progress Bar', 'jeweler-shop' ),
			'section' => 'jeweler_shop_general_options',
		)
	)
);