<?php
/**
 *  Typography Function for Blogger
*/

//Typography
function blogger_typography( $wp_customize ) {
	
	$wp_customize->add_section( 
    'blogger_typography',
    array(
        'title'     => __( 'Typography', 'blogger' ),
	    'priority'  => 96,
		'panel' => 'blogger_custom_panel'
    )
);

$wp_customize->add_setting(
    'blogger_fonts',
    array(
        'default' => 'arial',
		'sanitize_callback' => 'blogger_sanitize_typo',
    )
);
 
//fonts
$wp_customize->add_control(
    'blogger_fonts',
    array(
        'type' => 'select', 
        'label' => __( 'Fonts', 'blogger'),
		'section' => 'blogger_typography',
        'choices' => array(					
            'arial' => 'Arial',
			'gautami' => 'Gautami',
			'georgia' => 'Georgia',
			'sans' => 'Sans',
			'serif' => 'Serif',
			'san-serif' => 'San-serif',
			'tahoma' => 'Tahoma',
			'verdana' => 'Verdana',
           
		),
    )
);


//h1
	$wp_customize->add_setting(
    'blogger_h1',
    array(
        'default' => '32px',
		'sanitize_callback' => 'blogger_sanitize_typo',
    )
);
 
$wp_customize->add_control(
    'blogger_h1',
    array(
        'type' => 'select', 
        'label' => 'H1',
		'section' => 'blogger_typography',
        'choices' => array(					
            '10px' => '10px',
			'11px' => '11px',
            '12px' => '12px',
			'12px' => '13px',
			'14px' => '14px',
			'16px' => '16px',
			'18px' => '18px',
			'20px' => '20px',
			'22px' => '22px',
			'24px' => '24px',
			'26px' => '26px',
			'28px' => '28px',
			'30px' => '30px',
			'32px' => '32px',
			'74px' => '74px',
			
		),
    )
);

//h2
	$wp_customize->add_setting(
    'blogger_h2',
    array(
        'default' => '24px',
		'sanitize_callback' => 'blogger_sanitize_typo',
    )
);
 
$wp_customize->add_control(
    'blogger_h2',
    array(
        'type' => 'select', 
        'label' => 'H2',
		'section' => 'blogger_typography',
        'choices' => array(				
            '10px' => '10px',
			'11px' => '11px',
            '12px' => '12px',
			'12px' => '13px',
			'14px' => '14px',
			'16px' => '16px',
			'18px' => '18px',
			'20px' => '20px',
			'22px' => '22px',
			'24px' => '24px',
			'26px' => '26px',
			'28px' => '28px',
			'30px' => '30px',
			'32px' => '32px',
			'74px' => '74px',
			
		),
    )
);

//h3
	$wp_customize->add_setting(
    'blogger_h3',
    array(
        'default' => '18px',
		'sanitize_callback' => 'blogger_sanitize_typo',
    )
);
 
$wp_customize->add_control(
    'blogger_h3',
    array(
        'type' => 'select', 
        'label' => 'H3',
		'section' => 'blogger_typography',
        'choices' => array(					
			'10px' => '10px',
			'11px' => '11px',
            '12px' => '12px',
			'12px' => '13px',
			'14px' => '14px',
			'16px' => '16px',
			'18px' => '18px',
			'20px' => '20px',
			'22px' => '22px',
			'24px' => '24px',
			'26px' => '26px',
			'28px' => '28px',
			'30px' => '30px',
			'32px' => '32px',
			'74px' => '74px',
			
		),
    )
);

//h4
	$wp_customize->add_setting(
    'blogger_h4',
    array(
        'default' => '16px',
		'sanitize_callback' => 'blogger_sanitize_typo',
    )
);
 
$wp_customize->add_control(
    'blogger_h4',
    array(
        'type' => 'select', // selection
        'label' => 'H4',
		'section' => 'blogger_typography',// this is a custom background section
        'choices' => array(					// change this section to active one
            '10px' => '10px',
			'11px' => '11px',
            '12px' => '12px',
			'12px' => '13px',
			'14px' => '14px',
			'16px' => '16px',
			'18px' => '18px',
			'20px' => '20px',
			'22px' => '22px',
			'24px' => '24px',
			'26px' => '26px',
			'28px' => '28px',
			'30px' => '30px',
			'32px' => '32px',
			'74px' => '74px',
			
		),
    )
);


//h5
	$wp_customize->add_setting(
    'blogger_h5',
    array(
        'default' => '14px',
		'sanitize_callback' => 'blogger_sanitize_typo',
    )
);
 
$wp_customize->add_control(
    'blogger_h5',
    array(
        'type' => 'select', // selection
        'label' => 'H5',
		'section' => 'blogger_typography',// this is a custom background section
        'choices' => array(					// change this section to active one
            '10px' => '10px',
			'11px' => '11px',
            '12px' => '12px',
			'12px' => '13px',
			'14px' => '14px',
			'16px' => '16px',
			'18px' => '18px',
			'20px' => '20px',
			'22px' => '22px',
			'24px' => '24px',
			'26px' => '26px',
			'28px' => '28px',
			'30px' => '30px',
			'32px' => '32px',
			'74px' => '74px',
			
		),
    )
);

//h6
	$wp_customize->add_setting(
    'blogger_h6',
    array(
        'default' => '12px',
		'sanitize_callback' => 'blogger_sanitize_typo',
    )
);
 
$wp_customize->add_control(
    'blogger_h6',
    array(
        'type' => 'select', 
        'label' => 'H6',
		'section' => 'blogger_typography',
        'choices' => array(					
            '10px' => '10px',
			'11px' => '11px',
            '12px' => '12px',
			'12px' => '13px',
			'14px' => '14px',
			'16px' => '16px',
			'18px' => '18px',
			'20px' => '20px',
			'22px' => '22px',
			'24px' => '24px',
			'26px' => '26px',
			'28px' => '28px',
			'30px' => '30px',
			'32px' => '32px',
			'74px' => '74px',
		
		),
    )
);

//p
	$wp_customize->add_setting(
    'blogger_p',
    array(
        'default' => '11px',
		'sanitize_callback' => 'blogger_sanitize_typo',
    )
);

$wp_customize->add_control(
    'blogger_p',
    array(
        'type' => 'select', 
        'label' => 'p',
		'section' => 'blogger_typography',
        'choices' => array(					
            '10px' => '10px',
			'11px' => '11px',
            '12px' => '12px',
			'12px' => '13px',
			'14px' => '14px',
			'16px' => '16px',
			'18px' => '18px',
			'20px' => '20px',
			'22px' => '22px',
			'24px' => '24px',
			'26px' => '26px',
			'28px' => '28px',
			'30px' => '30px',
			'32px' => '32px',
			'74px' => '74px',
			
		),
    )
);

}

//typo sanitizer
function blogger_sanitize_typo( $input, $setting ) {
    global $wp_customize;
 
    $control = $wp_customize->get_control( $setting->id );
 
    if ( array_key_exists( $input, $control->choices ) ) {
        return $input;
    } else {
        return $setting->default;
    }
}

add_action( 'customize_register', 'blogger_typography' );

function blogger_typo_css() {?>
	<style><?php if ( get_theme_mod( 'blogger_fonts' ) ){ ?><?php echo 'body{ font-family:'; ?><?php echo get_theme_mod( 'blogger_fonts' ); ?>;<?php echo '}'; ?><?php } ?><?php if ( get_theme_mod( 'blogger_h2' ) ){ ?><?php echo 'h2{font-size:'; ?><?php echo get_theme_mod( 'blogger_h2' ); ?>;<?php echo '}'; ?><?php } ?><?php if ( get_theme_mod( 'blogger_h3' ) ){ ?><?php echo 'h3{font-size:'; ?><?php echo get_theme_mod( 'blogger_h3' ); ?>;<?php echo '}'; ?><?php } ?><?php if ( get_theme_mod( 'blogger_h4' ) ){ ?><?php echo 'h4{font-size:'; ?><?php echo get_theme_mod( 'blogger_h4' ); ?>;<?php echo '}'; ?><?php } ?><?php if ( get_theme_mod( 'blogger_h5' ) ){ ?><?php echo 'h5{ font-size:'; ?><?php echo get_theme_mod( 'blogger_h5' ); ?>;<?php echo '}'; ?><?php } ?><?php if ( get_theme_mod( 'blogger_h6' ) ){ ?><?php echo 'h6{font-size:'; ?><?php echo get_theme_mod( 'blogger_h6' ); ?>;<?php echo '}'; ?><?php } ?><?php if ( get_theme_mod( 'blogger_p' ) ){ ?><?php echo 'p{font-size:'; ?><?php echo get_theme_mod( 'blogger_p' ); ?>;<?php echo '}'; ?><?php } ?>
	
		</style>

<?php

}

add_action( 'wp_head', 'blogger_typo_css' );