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

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

$wp_customize->add_section(
	'aster_portfolio_general_options',
	array(
		'panel' => 'aster_portfolio_theme_options',
		'title' => esc_html__( 'General Options', 'aster-portfolio' ),
	)
);

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

$wp_customize->add_control( new Aster_Portfolio_Separator_Custom_Control( $wp_customize, 'aster_portfolio_preloader_separator', array(
	'label' => __( 'Enable / Disable Site Preloader Section', 'aster-portfolio' ),
	'section' => 'aster_portfolio_general_options',
	'settings' => 'aster_portfolio_preloader_separator',
) ) );


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

$wp_customize->add_control(
	new Aster_Portfolio_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_portfolio_enable_preloader',
		array(
			'label'   => esc_html__( 'Enable Preloader', 'aster-portfolio' ),
			'section' => 'aster_portfolio_general_options',
		)
	)
);

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

$wp_customize->add_control(
	'aster_portfolio_preloader_style',
	array(
		'type'     => 'select',
		'label'    => esc_html__('Select Preloader Styles', 'aster-portfolio'),
		'active_callback' => 'aster_portfolio_is_preloader_style',
		'section'  => 'aster_portfolio_general_options',
		'choices'  => array(
			'style1' => esc_html__('Style 1', 'aster-portfolio'),
			'style2' => esc_html__('Style 2', 'aster-portfolio'),
			'style3' => esc_html__('Style 3', 'aster-portfolio'),
		),
	)
);

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

$wp_customize->add_control(
	new WP_Customize_Color_Control(
		$wp_customize, 'aster_portfolio_preloader_background_color_setting', 
		array(
			'label' => __('Preloader Background Color', 'aster-portfolio'),
			'active_callback' => 'aster_portfolio_is_preloader_style',
			'section' => 'aster_portfolio_general_options',
		)
	)
);

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

$wp_customize->add_control(
	new WP_Customize_Image_Control(
		$wp_customize, 'aster_portfolio_preloader_background_image_setting',
		 array(
			'label' => __('Preloader Background Image', 'aster-portfolio'),
			'active_callback' => 'aster_portfolio_is_preloader_style',
			'section' => 'aster_portfolio_general_options',
		)
	)
);

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


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

$wp_customize->add_control( new Aster_Portfolio_Separator_Custom_Control( $wp_customize, 'aster_portfolio_layuout_separator', array(
	'label' => __( 'Website Layout Setting', 'aster-portfolio' ),
	'section' => 'aster_portfolio_general_options',
	'settings' => 'aster_portfolio_layuout_separator',
)));


$wp_customize->add_setting(
	'aster_portfolio_website_layout',
	array(
		'sanitize_callback' => 'aster_portfolio_sanitize_switch',
		'default'           => false,
	)
);

$wp_customize->add_control(
	new Aster_Portfolio_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_portfolio_website_layout',
		array(
			'label'   => esc_html__('Boxed Layout', 'aster-portfolio'),
			'section' => 'aster_portfolio_general_options',
		)
	)
);

$wp_customize->add_setting('aster_portfolio_layout_width_margin', array(
	'default'           => 50,
	'sanitize_callback' => 'aster_portfolio_sanitize_range_value',
));

$wp_customize->add_control(new Aster_Portfolio_Customize_Range_Control($wp_customize, 'aster_portfolio_layout_width_margin', array(
		'label'       => __('Set Width', 'aster-portfolio'),
		'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-portfolio'),
		'section'     => 'aster_portfolio_general_options',
		'settings'    => 'aster_portfolio_layout_width_margin',
		'active_callback' => 'aster_portfolio_is_layout_enabled',
		'input_attrs' => array(
			'min'  => 0,
			'max'  => 130,
			'step' => 1,
		),
)));

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

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

$wp_customize->add_control( new Aster_Portfolio_Separator_Custom_Control( $wp_customize, 'aster_portfolio_breadcrumb_separators', array(
	'label' => __( 'Enable / Disable Breadcrumb Section', 'aster-portfolio' ),
	'section' => 'aster_portfolio_general_options',
	'settings' => 'aster_portfolio_breadcrumb_separators',
)));

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

$wp_customize->add_control(
	new Aster_Portfolio_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_portfolio_enable_breadcrumb',
		array(
			'label'   => esc_html__( 'Enable Breadcrumb', 'aster-portfolio' ),
			'section' => 'aster_portfolio_general_options',
		)
	)
);

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

$wp_customize->add_control(
	'aster_portfolio_breadcrumb_separator',
	array(
		'label'           => esc_html__( 'Separator', 'aster-portfolio' ),
		'active_callback' => 'aster_portfolio_is_breadcrumb_enabled',
		'section'         => 'aster_portfolio_general_options',
	)
);

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

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

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

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

$wp_customize->add_control(
	new Aster_Portfolio_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_portfolio_enable_site_title_setting',
		array(
			'label'    => esc_html__( 'Enable Site Title', 'aster-portfolio' ),
			'section'  => 'title_tagline',
			'settings' => 'aster_portfolio_enable_site_title_setting',
		)
	)
);

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

$wp_customize->add_control(
	new Aster_Portfolio_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_portfolio_enable_tagline_setting',
		array(
			'label'    => esc_html__( 'Enable Tagline', 'aster-portfolio' ),
			'section'  => 'title_tagline',
			'settings' => 'aster_portfolio_enable_tagline_setting',
		)
	)
);

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

$wp_customize->add_setting('aster_portfolio_site_logo_width', array(
    'default'           => 85,
    'sanitize_callback' => 'aster_portfolio_sanitize_range_value',
));

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