<?php
/**
 * Pige Title Options
 *
 * @package jeweler_shop
 */



$wp_customize->add_section(
	'jeweler_shop_page_title_options',
	array(
		'panel' => 'jeweler_shop_theme_options',
		'title' => esc_html__( 'Page Title', 'jeweler-shop' ),
	)
);

$wp_customize->add_setting(
    'jeweler_shop_page_header_visibility',
    array(
        'default'           => 'all-devices',
        'sanitize_callback' => 'jeweler_shop_sanitize_select',
    )
);

$wp_customize->add_control(
    new WP_Customize_Control(
        $wp_customize,
        'jeweler_shop_page_header_visibility',
        array(
            'label'    => esc_html__( 'Page Header Visibility', 'jeweler-shop' ),
            'type'     => 'select',
            'section'  => 'jeweler_shop_page_title_options',
            'settings' => 'jeweler_shop_page_header_visibility',
            'priority' => 10,
            'choices'  => array(
                'all-devices'        => esc_html__( 'Show on all devices', 'jeweler-shop' ),
                'hide-tablet'        => esc_html__( 'Hide on Tablet', 'jeweler-shop' ),
                'hide-mobile'        => esc_html__( 'Hide on Mobile', 'jeweler-shop' ),
                'hide-tablet-mobile' => esc_html__( 'Hide on Tablet & Mobile', 'jeweler-shop' ),
                'hide-all-devices'   => esc_html__( 'Hide on all devices', 'jeweler-shop' ),
            ),
        )
    )
);


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

$wp_customize->add_control( new Jeweler_Shop_Separator_Custom_Control( $wp_customize, 'jeweler_shop_page_title_background_separator', array(
	'label' => __( 'Page Title BG Image & Color Setting', 'jeweler-shop' ),
	'section' => 'jeweler_shop_page_title_options',
	'settings' => 'jeweler_shop_page_title_background_separator',
)));


$wp_customize->add_setting(
	'jeweler_shop_page_header_style',
	array(
		'sanitize_callback' => 'jeweler_shop_sanitize_switch',
		'default'           => False,
	)
);

$wp_customize->add_control(
	new Jeweler_Shop_Toggle_Switch_Custom_Control(
		$wp_customize,
		'jeweler_shop_page_header_style',
		array(
			'label'   => esc_html__('Page Title Background Image', 'jeweler-shop'),
			'section' => 'jeweler_shop_page_title_options',
		)
	)
);

$wp_customize->add_setting( 'jeweler_shop_page_header_background_image', array(
    'default' => '',
    'sanitize_callback' => 'esc_url_raw',
) );

$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'jeweler_shop_page_header_background_image', array(
    'label'    => __( 'Background Image', 'jeweler-shop' ),
    'section'  => 'jeweler_shop_page_title_options',
	'description' => __('Choose either a background image or a color. If a background image is selected, the background color will not be visible.', 'jeweler-shop'),
    'settings' => 'jeweler_shop_page_header_background_image',
	'active_callback' => 'jeweler_shop_is_pagetitle_bcakground_image_enabled',
)));


$wp_customize->add_setting('jeweler_shop_page_header_image_height', array(
	'default'           => 200,
	'sanitize_callback' => 'jeweler_shop_sanitize_range_value',
));

$wp_customize->add_control(new Jeweler_Shop_Customize_Range_Control($wp_customize, 'jeweler_shop_page_header_image_height', array(
		'label'       => __('Image Height', 'jeweler-shop'),
		'section'     => 'jeweler_shop_page_title_options',
		'settings'    => 'jeweler_shop_page_header_image_height',
		'active_callback' => 'jeweler_shop_is_pagetitle_bcakground_image_enabled',
		'input_attrs' => array(
			'min'  => 0,
			'max'  => 1000,
			'step' => 5,
		),
)));


$wp_customize->add_setting('jeweler_shop_page_title_background_color_setting', array(
    'default' => '',
    'sanitize_callback' => 'sanitize_hex_color',
));

$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'jeweler_shop_page_title_background_color_setting', array(
    'label' => __('Page Title Background Color', 'jeweler-shop'),
    'section' => 'jeweler_shop_page_title_options',
)));

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

$wp_customize->add_control(new Jeweler_Shop_Customize_Range_Control($wp_customize, 'jeweler_shop_pagetitle_height', array(
    'label'       => __('Set Height', 'jeweler-shop'),
    'description' => __('This setting controls the page title height when no background image is set. If a background image is set, this setting will not apply.', 'jeweler-shop'),
    'section'     => 'jeweler_shop_page_title_options',
    'settings'    => 'jeweler_shop_pagetitle_height',
    'input_attrs' => array(
        'min'  => 0,
        'max'  => 300,
        'step' => 5,
    ),
)));


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

$wp_customize->add_control( new Jeweler_Shop_Separator_Custom_Control( $wp_customize, 'jeweler_shop_page_title_style_separator', array(
	'label' => __( 'Page Title Styling Setting', 'jeweler-shop' ),
	'section' => 'jeweler_shop_page_title_options',
	'settings' => 'jeweler_shop_page_title_style_separator',
)));

$wp_customize->add_setting( 'jeweler_shop_page_header_heading_tag', array(
	'default'   => 'h1',
	'sanitize_callback' => 'jeweler_shop_sanitize_select',
) );

$wp_customize->add_control( 'jeweler_shop_page_header_heading_tag', array(
	'label'   => __( 'Page Title Heading Tag', 'jeweler-shop' ),
	'section' => 'jeweler_shop_page_title_options',
	'type'    => 'select',
	'choices' => array(
		'h1' => __( 'H1', 'jeweler-shop' ),
		'h2' => __( 'H2', 'jeweler-shop' ),
		'h3' => __( 'H3', 'jeweler-shop' ),
		'h4' => __( 'H4', 'jeweler-shop' ),
		'h5' => __( 'H5', 'jeweler-shop' ),
		'h6' => __( 'H6', 'jeweler-shop' ),
		'p' => __( 'p', 'jeweler-shop' ),
		'a' => __( 'a', 'jeweler-shop' ),
		'div' => __( 'div', 'jeweler-shop' ),
		'span' => __( 'span', 'jeweler-shop' ),
	),
) );

$wp_customize->add_setting('jeweler_shop_page_header_layout', array(
	'default' => 'left',
	'sanitize_callback' => 'sanitize_text_field',
));

$wp_customize->add_control('jeweler_shop_page_header_layout', array(
	'label' => __('Style', 'jeweler-shop'),
	'section' => 'jeweler_shop_page_title_options',
	'description' => __('"Flex Layout Style" wont work below 600px (mobile media)', 'jeweler-shop'),
	'settings' => 'jeweler_shop_page_header_layout',
	'type' => 'radio',
	'choices' => array(
		'left' => __('Classic', 'jeweler-shop'),
		'right' => __('Aligned Right', 'jeweler-shop'),
		'center' => __('Centered Focus', 'jeweler-shop'),
		'flex' => __('Flex Layout', 'jeweler-shop'),
	),
));