<?php
/**
 * Banner Section
 *
 * @package aster_travel_blog
 */

$wp_customize->add_section(
	'aster_travel_blog_banner_section',
	array(
		'panel'    => 'aster_travel_blog_front_page_options',
		'title'    => esc_html__( 'Banner Section', 'aster-travel-blog' ),
		'priority' => 10,
	)
);

// Banner Section - Enable Section.
$wp_customize->add_setting(
	'aster_travel_blog_enable_banner_section',
	array(
		'default'           => false,
		'sanitize_callback' => 'aster_travel_blog_sanitize_switch',
	)
);

$wp_customize->add_control(
	new Aster_Travel_Blog_Toggle_Switch_Custom_Control(
		$wp_customize,
		'aster_travel_blog_enable_banner_section',
		array(
			'label'    => esc_html__( 'Enable Banner Section', 'aster-travel-blog' ),
			'section'  => 'aster_travel_blog_banner_section',
			'settings' => 'aster_travel_blog_enable_banner_section',
		)
	)
);

if ( isset( $wp_customize->selective_refresh ) ) {
	$wp_customize->selective_refresh->add_partial(
		'aster_travel_blog_enable_banner_section',
		array(
			'selector' => '#aster_travel_blog_banner_section .section-link',
			'settings' => 'aster_travel_blog_enable_banner_section',
		)
	);
}

// Banner Section - Banner Slider Content Type.
$wp_customize->add_setting(
	'aster_travel_blog_banner_slider_content_type',
	array(
		'default'           => 'post',
		'sanitize_callback' => 'aster_travel_blog_sanitize_select',
	)
);

$wp_customize->add_control(
	'aster_travel_blog_banner_slider_content_type',
	array(
		'label'           => esc_html__( 'Select Banner Content Type', 'aster-travel-blog' ),
		'section'         => 'aster_travel_blog_banner_section',
		'settings'        => 'aster_travel_blog_banner_slider_content_type',
		'type'            => 'select',
		'active_callback' => 'aster_travel_blog_is_banner_slider_section_enabled',
		'choices'         => array(
			'page' => esc_html__( 'Page', 'aster-travel-blog' ),
			'post' => esc_html__( 'Post', 'aster-travel-blog' ),
		),
	)
);

// Banner Slider Category Setting.
$wp_customize->add_setting('aster_travel_blog_banner_slider_category', array(
	'default'           => 'Banner',
	'sanitize_callback' => 'sanitize_text_field',
));

// Add custom control for Banner Slider Category with conditional visibility.
$wp_customize->add_control(new Aster_Travel_Blog_Customize_Category_Dropdown_Control($wp_customize, 'aster_travel_blog_banner_slider_category', array(
	'label'    => __('Select Banner Category', 'aster-travel-blog'),
	'section'  => 'aster_travel_blog_banner_section',
	'settings' => 'aster_travel_blog_banner_slider_category',
	'active_callback' => function() use ($wp_customize) {
		return $wp_customize->get_setting('aster_travel_blog_banner_slider_content_type')->value() === 'post';
	},
)));



for ( $aster_travel_blog_i = 1; $aster_travel_blog_i <= 3; $aster_travel_blog_i++ ) {

	// Banner Section - Select Banner Post.
	$wp_customize->add_setting(
		'aster_travel_blog_banner_slider_content_post_' . $aster_travel_blog_i,
		array(
			'sanitize_callback' => 'absint',
		)
	);

	$wp_customize->add_control(
		'aster_travel_blog_banner_slider_content_post_' . $aster_travel_blog_i,
		array(
			/* translators: %d: Select Post Count. */
			'label'           => sprintf( esc_html__( 'Select Post %d', 'aster-travel-blog' ), $aster_travel_blog_i ),
			'description'     => sprintf( esc_html__( 'Kindly :- Select a Post based on the category selected in the upper settings', 'aster-travel-blog' ), $aster_travel_blog_i ),
			'section'         => 'aster_travel_blog_banner_section',
			'settings'        => 'aster_travel_blog_banner_slider_content_post_' . $aster_travel_blog_i,
			'active_callback' => 'aster_travel_blog_is_banner_slider_section_and_content_type_post_enabled',
			'type'            => 'select',
			'choices'         => aster_travel_blog_get_post_choices(),
		)
	);

	// Banner Section - Select Banner Page.
	$wp_customize->add_setting(
		'aster_travel_blog_banner_slider_content_page_' . $aster_travel_blog_i,
		array(
			'sanitize_callback' => 'absint',
		)
	);

	$wp_customize->add_control(
		'aster_travel_blog_banner_slider_content_page_' . $aster_travel_blog_i,
		array(
			/* translators: %d: Select Page Count. */
			'label'           => sprintf( esc_html__( 'Select Page %d', 'aster-travel-blog' ), $aster_travel_blog_i ),
			'section'         => 'aster_travel_blog_banner_section',
			'settings'        => 'aster_travel_blog_banner_slider_content_page_' . $aster_travel_blog_i,
			'active_callback' => 'aster_travel_blog_is_banner_slider_section_and_content_type_page_enabled',
			'type'            => 'select',
			'choices'         => aster_travel_blog_get_page_choices(),
		)
	);

	// Banner Section - Button Label.
	$wp_customize->add_setting(
		'aster_travel_blog_banner_button_label_' . $aster_travel_blog_i,
		array(
			'default'           => '',
			'sanitize_callback' => 'sanitize_text_field',
		)
	);

	$wp_customize->add_control(
		'aster_travel_blog_banner_button_label_' . $aster_travel_blog_i,
		array(
			/* translators: %d: Button Label Count. */
			'label'           => sprintf( esc_html__( 'Button Label %d', 'aster-travel-blog' ), $aster_travel_blog_i ),
			'section'         => 'aster_travel_blog_banner_section',
			'settings'        => 'aster_travel_blog_banner_button_label_' . $aster_travel_blog_i,
			'type'            => 'text',
			'active_callback' => 'aster_travel_blog_is_banner_slider_section_enabled',
		)
	);

	// Banner Section - Button Link.
	$wp_customize->add_setting(
		'aster_travel_blog_banner_button_link_' . $aster_travel_blog_i,
		array(
			'default'           => '',
			'sanitize_callback' => 'esc_url_raw',
		)
	);

	$wp_customize->add_control(
		'aster_travel_blog_banner_button_link_' . $aster_travel_blog_i,
		array(
			/* translators: %d: Button Link Count. */
			'label'           => sprintf( esc_html__( 'Button Link %d', 'aster-travel-blog' ), $aster_travel_blog_i ),
			'section'         => 'aster_travel_blog_banner_section',
			'settings'        => 'aster_travel_blog_banner_button_link_' . $aster_travel_blog_i,
			'type'            => 'url',
			'active_callback' => 'aster_travel_blog_is_banner_slider_section_enabled',
		)
	);
}

// Slider Button Label Color
$wp_customize->add_setting('aster_travel_blog_slider_btn_color',array(
		'default'           => '',
		'sanitize_callback' => 'sanitize_hex_color',
	)
);
$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize,'aster_travel_blog_slider_btn_color',array(
			'label'           => __('Slider Button Label Color', 'aster-travel-blog'),
			'section'         => 'aster_travel_blog_banner_section',
			'settings'        => 'aster_travel_blog_slider_btn_color',
			'active_callback' => 'aster_travel_blog_is_banner_slider_section_enabled',
		)
	)
);
// Slider Button Background Color
$wp_customize->add_setting('aster_travel_blog_slider_btn_bg_color',array(
		'default'           => '',
		'sanitize_callback' => 'sanitize_hex_color',
	)
);
$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize,'aster_travel_blog_slider_btn_bg_color',array(
			'label'           => __('Slider Button Background Color', 'aster-travel-blog'),
			'section'         => 'aster_travel_blog_banner_section',
			'settings'        => 'aster_travel_blog_slider_btn_bg_color',
			'active_callback' => 'aster_travel_blog_is_banner_slider_section_enabled',
		)
	)
);

// Slider Button Border Color
$wp_customize->add_setting('aster_travel_blog_slider_btn_border_color',array(
        'default'           => '',
        'sanitize_callback' => 'sanitize_hex_color',
    )
);
$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize,'aster_travel_blog_slider_btn_border_color',array(
        'label'           => __('Slider Button Border Color', 'aster-travel-blog'),
        'section'         => 'aster_travel_blog_banner_section',
        'settings'        => 'aster_travel_blog_slider_btn_border_color',
        'active_callback' => 'aster_travel_blog_is_banner_slider_section_enabled',
    )
));

$wp_customize->add_setting( 
	'aster_travel_blog_banner_settings_upgraded_features',
	array(
		'sanitize_callback' => 'sanitize_text_field'
	)
);

$wp_customize->add_control(
	'aster_travel_blog_banner_settings_upgraded_features', 
	array(
		'type'=> 'hidden',
		'description' => "
			<div class='customizer-upgraded-features'>
				<i class='fas fa-info-circle'></i>
				<span class='pro-text'>
					Unlock Premium <strong>Features</strong> ?<br>
					<a target='_blank' href='". esc_url(ASTER_TRAVEL_BLOG_PREMIUM_PAGE) ." '>Upgrade Pro</a>
				</div>
			</div>
		",
		'section' => 'aster_travel_blog_banner_section'
	)
);