<?php
/**
 * Blogger Hub Theme Customizer
 * @package Blogger Hub
 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
 */

function blogger_hub_customize_register( $wp_customize ) {

	class Blogger_Hub_WP_Customize_Range_Control extends WP_Customize_Control{
	    public $type = 'custom_range';
	    public function enqueue(){
	        wp_enqueue_script(
	            'cs-range-control',
	            false,
	            true
	        );
	    }
	    public function render_content(){?>
	        <label>
	            <?php if ( ! empty( $this->label )) : ?>
	                <span class="customize-control-title"><?php echo esc_html($this->label); ?></span>
	            <?php endif; ?>
	            <div class="cs-range-value"><?php echo esc_attr($this->value()); ?></div>
	            <input data-input-type="range" type="range" <?php $this->input_attrs(); ?> value="<?php echo esc_attr($this->value()); ?>" <?php $this->link(); ?> />
	            <?php if ( ! empty( $this->description )) : ?>
	                <span class="description customize-control-description"><?php echo esc_html($this->description); ?></span>
	            <?php endif; ?>
	        </label>
        <?php }
	}		

	//add home page setting pannel
	$wp_customize->add_panel( 'blogger_hub_panel_id', array(
	    'priority' => 10,
	    'capability' => 'edit_theme_options',
	    'theme_supports' => '',
	    'title' => __( 'TG Settings', 'blogger-hub' ),
	    'description' => __( 'Description of what this panel does.', 'blogger-hub' ),
	) );

	// Add the Theme Color Option section.
	$wp_customize->add_section( 'blogger_hub_theme_color_option', array( 
		'panel' => 'blogger_hub_panel_id', 
		'title' => esc_html__( 'Global Color Settings', 'blogger-hub' ) 
	) );

  	$wp_customize->add_setting( 'blogger_hub_first_theme_color', array(
	    'default' => '',
	    'sanitize_callback' => 'sanitize_hex_color'
  	));
  	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'blogger_hub_first_theme_color', array(
  		'label' => 'Color Option 1',
	    'description' => __('One can change complete theme global color settings on just one click.', 'blogger-hub'),
	    'section' => 'blogger_hub_theme_color_option',
	    'settings' => 'blogger_hub_first_theme_color',
  	)));

  	$wp_customize->add_setting( 'blogger_hub_second_theme_color', array(
	    'default' => '',
	    'sanitize_callback' => 'sanitize_hex_color'
  	));
  	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'blogger_hub_second_theme_color', array(
  		'label' => 'Color Option 2',
	    'description' => __('One can change complete theme global color settings on just one click.', 'blogger-hub'),
	    'section' => 'blogger_hub_theme_color_option',
	    'settings' => 'blogger_hub_second_theme_color',
  	)));

    $font_array = array(
        '' =>'No Fonts',
        'Abril Fatface' => 'Abril Fatface',
        'Acme' =>'Acme', 
        'Anton' => 'Anton', 
        'Architects Daughter' =>'Architects Daughter',
        'Arimo' => 'Arimo', 
        'Arsenal' =>'Arsenal',
        'Arvo' =>'Arvo',
        'Alegreya' =>'Alegreya',
        'Alfa Slab One' =>'Alfa Slab One',
        'Averia Serif Libre' =>'Averia Serif Libre', 
        'Bangers' =>'Bangers', 
        'Boogaloo' =>'Boogaloo', 
        'Bad Script' =>'Bad Script',
        'Bitter' =>'Bitter', 
        'Bree Serif' =>'Bree Serif', 
        'BenchNine' =>'BenchNine',
        'Cabin' =>'Cabin',
        'Cardo' =>'Cardo', 
        'Courgette' =>'Courgette', 
        'Cherry Swash' =>'Cherry Swash',
        'Cormorant Garamond' =>'Cormorant Garamond', 
        'Crimson Text' =>'Crimson Text',
        'Cuprum' =>'Cuprum', 
        'Cookie' =>'Cookie',
        'Chewy' =>'Chewy',
        'Days One' =>'Days One',
        'Dosis' =>'Dosis',
        'Droid Sans' =>'Droid Sans', 
        'Economica' =>'Economica', 
        'Fredoka One' =>'Fredoka One',
        'Fjalla One' =>'Fjalla One',
        'Francois One' =>'Francois One', 
        'Frank Ruhl Libre' => 'Frank Ruhl Libre', 
        'Gloria Hallelujah' =>'Gloria Hallelujah',
        'Great Vibes' =>'Great Vibes', 
        'Handlee' =>'Handlee', 
        'Hammersmith One' =>'Hammersmith One',
        'Inconsolata' =>'Inconsolata',
        'Indie Flower' =>'Indie Flower', 
        'IM Fell English SC' =>'IM Fell English SC',
        'Julius Sans One' =>'Julius Sans One',
        'Josefin Slab' =>'Josefin Slab',
        'Josefin Sans' =>'Josefin Sans',
        'Kanit' =>'Kanit',
        'Lobster' =>'Lobster',
        'Lato' => 'Lato',
        'Lora' =>'Lora', 
        'Libre Baskerville' =>'Libre Baskerville',
        'Lobster Two' => 'Lobster Two',
        'Merriweather' =>'Merriweather',
        'Monda' =>'Monda',
        'Montserrat' =>'Montserrat',
        'Muli' =>'Muli',
        'Marck Script' =>'Marck Script',
        'Noto Serif' =>'Noto Serif',
        'Open Sans' =>'Open Sans',
        'Overpass' => 'Overpass', 
        'Overpass Mono' =>'Overpass Mono',
        'Oxygen' =>'Oxygen',
        'Orbitron' =>'Orbitron',
        'Patua One' =>'Patua One',
        'Pacifico' =>'Pacifico',
        'Padauk' =>'Padauk',
        'Playball' =>'Playball',
        'Playfair Display' =>'Playfair Display',
        'PT Sans' =>'PT Sans',
        'Philosopher' =>'Philosopher',
        'Permanent Marker' =>'Permanent Marker',
        'Poiret One' =>'Poiret One',
        'Quicksand' =>'Quicksand',
        'Quattrocento Sans' =>'Quattrocento Sans',
        'Raleway' =>'Raleway',
        'Rubik' =>'Rubik',
        'Rokkitt' =>'Rokkitt',
        'Russo One' => 'Russo One', 
        'Righteous' =>'Righteous', 
        'Slabo' =>'Slabo', 
        'Source Sans Pro' =>'Source Sans Pro',
        'Shadows Into Light Two' =>'Shadows Into Light Two',
        'Shadows Into Light' =>  'Shadows Into Light',
        'Sacramento' =>'Sacramento',
        'Shrikhand' =>'Shrikhand',
        'Tangerine' => 'Tangerine',
        'Ubuntu' =>'Ubuntu',
        'VT323' =>'VT323',
        'Varela Round' =>'Varela Round',
        'Vampiro One' =>'Vampiro One',
        'Vollkorn' => 'Vollkorn',
        'Volkhov' =>'Volkhov',
        'Yanone Kaffeesatz' =>'Yanone Kaffeesatz',
        'Exo' =>'Exo'
    );

	//Typography
	$wp_customize->add_section( 'blogger_hub_typography', array(
    	'title'      => __( 'Typography', 'blogger-hub' ),
		'priority'   => null,
		'panel' => 'blogger_hub_panel_id'
	) );
	
	// This is Paragraph Color picker setting
	$wp_customize->add_setting( 'blogger_hub_paragraph_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'blogger_hub_paragraph_color', array(
		'label' => __('Paragraph Color', 'blogger-hub'),
		'section' => 'blogger_hub_typography',
		'settings' => 'blogger_hub_paragraph_color',
	)));

	//This is Paragraph FontFamily picker setting
	$wp_customize->add_setting('blogger_hub_paragraph_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'blogger_hub_sanitize_choices'
	));
	$wp_customize->add_control(
	    'blogger_hub_paragraph_font_family', array(
	    'section'  => 'blogger_hub_typography',
	    'label'    => __( 'Paragraph Fonts','blogger-hub'),
	    'type'     => 'select',
	    'choices'  => $font_array,
	));

	$wp_customize->add_setting('blogger_hub_paragraph_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	
	$wp_customize->add_control('blogger_hub_paragraph_font_size',array(
		'label'	=> __('Paragraph Font Size','blogger-hub'),
		'section'	=> 'blogger_hub_typography',
		'setting'	=> 'blogger_hub_paragraph_font_size',
		'type'	=> 'text'
	));

	// This is "a" Tag Color picker setting
	$wp_customize->add_setting( 'blogger_hub_atag_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'blogger_hub_atag_color', array(
		'label' => __('"a" Tag Color', 'blogger-hub'),
		'section' => 'blogger_hub_typography',
		'settings' => 'blogger_hub_atag_color',
	)));

	//This is "a" Tag FontFamily picker setting
	$wp_customize->add_setting('blogger_hub_atag_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'blogger_hub_sanitize_choices'
	));
	$wp_customize->add_control(
	    'blogger_hub_atag_font_family', array(
	    'section'  => 'blogger_hub_typography',
	    'label'    => __( '"a" Tag Fonts','blogger-hub'),
	    'type'     => 'select',
	    'choices'  => $font_array,
	));

	// This is "a" Tag Color picker setting
	$wp_customize->add_setting( 'blogger_hub_li_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'blogger_hub_li_color', array(
		'label' => __('"li" Tag Color', 'blogger-hub'),
		'section' => 'blogger_hub_typography',
		'settings' => 'blogger_hub_li_color',
	)));

	//This is "li" Tag FontFamily picker setting
	$wp_customize->add_setting('blogger_hub_li_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'blogger_hub_sanitize_choices'
	));
	$wp_customize->add_control(
	    'blogger_hub_li_font_family', array(
	    'section'  => 'blogger_hub_typography',
	    'label'    => __( '"li" Tag Fonts','blogger-hub'),
	    'type'     => 'select',
	    'choices'  => $font_array,
	));

	// This is H1 Color picker setting
	$wp_customize->add_setting( 'blogger_hub_h1_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'blogger_hub_h1_color', array(
		'label' => __('H1 Color', 'blogger-hub'),
		'section' => 'blogger_hub_typography',
		'settings' => 'blogger_hub_h1_color',
	)));

	//This is H1 FontFamily picker setting
	$wp_customize->add_setting('blogger_hub_h1_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'blogger_hub_sanitize_choices'
	));
	$wp_customize->add_control(
	    'blogger_hub_h1_font_family', array(
	    'section'  => 'blogger_hub_typography',
	    'label'    => __( 'H1 Fonts','blogger-hub'),
	    'type'     => 'select',
	    'choices'  => $font_array,
	));

	//This is H1 FontSize setting
	$wp_customize->add_setting('blogger_hub_h1_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	
	$wp_customize->add_control('blogger_hub_h1_font_size',array(
		'label'	=> __('H1 Font Size','blogger-hub'),
		'section'	=> 'blogger_hub_typography',
		'setting'	=> 'blogger_hub_h1_font_size',
		'type'	=> 'text'
	));

	// This is H2 Color picker setting
	$wp_customize->add_setting( 'blogger_hub_h2_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'blogger_hub_h2_color', array(
		'label' => __('H2 Color', 'blogger-hub'),
		'section' => 'blogger_hub_typography',
		'settings' => 'blogger_hub_h2_color',
	)));

	//This is H2 FontFamily picker setting
	$wp_customize->add_setting('blogger_hub_h2_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'blogger_hub_sanitize_choices'
	));
	$wp_customize->add_control(
	    'blogger_hub_h2_font_family', array(
	    'section'  => 'blogger_hub_typography',
	    'label'    => __( 'H2 Fonts','blogger-hub'),
	    'type'     => 'select',
	    'choices'  => $font_array,
	));

	//This is H2 FontSize setting
	$wp_customize->add_setting('blogger_hub_h2_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	
	$wp_customize->add_control('blogger_hub_h2_font_size',array(
		'label'	=> __('H2 Font Size','blogger-hub'),
		'section'	=> 'blogger_hub_typography',
		'setting'	=> 'blogger_hub_h2_font_size',
		'type'	=> 'text'
	));

	// This is H3 Color picker setting
	$wp_customize->add_setting( 'blogger_hub_h3_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'blogger_hub_h3_color', array(
		'label' => __('H3 Color', 'blogger-hub'),
		'section' => 'blogger_hub_typography',
		'settings' => 'blogger_hub_h3_color',
	)));

	//This is H3 FontFamily picker setting
	$wp_customize->add_setting('blogger_hub_h3_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'blogger_hub_sanitize_choices'
	));
	$wp_customize->add_control(
	    'blogger_hub_h3_font_family', array(
	    'section'  => 'blogger_hub_typography',
	    'label'    => __( 'H3 Fonts','blogger-hub'),
	    'type'     => 'select',
	    'choices'  => $font_array,
	));

	//This is H3 FontSize setting
	$wp_customize->add_setting('blogger_hub_h3_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	
	$wp_customize->add_control('blogger_hub_h3_font_size',array(
		'label'	=> __('H3 Font Size','blogger-hub'),
		'section'	=> 'blogger_hub_typography',
		'setting'	=> 'blogger_hub_h3_font_size',
		'type'	=> 'text'
	));

	// This is H4 Color picker setting
	$wp_customize->add_setting( 'blogger_hub_h4_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'blogger_hub_h4_color', array(
		'label' => __('H4 Color', 'blogger-hub'),
		'section' => 'blogger_hub_typography',
		'settings' => 'blogger_hub_h4_color',
	)));

	//This is H4 FontFamily picker setting
	$wp_customize->add_setting('blogger_hub_h4_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'blogger_hub_sanitize_choices'
	));
	$wp_customize->add_control(
	    'blogger_hub_h4_font_family', array(
	    'section'  => 'blogger_hub_typography',
	    'label'    => __( 'H4 Fonts','blogger-hub'),
	    'type'     => 'select',
	    'choices'  => $font_array,
	));

	//This is H4 FontSize setting
	$wp_customize->add_setting('blogger_hub_h4_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	
	$wp_customize->add_control('blogger_hub_h4_font_size',array(
		'label'	=> __('H4 Font Size','blogger-hub'),
		'section'	=> 'blogger_hub_typography',
		'setting'	=> 'blogger_hub_h4_font_size',
		'type'	=> 'text'
	));

	// This is H5 Color picker setting
	$wp_customize->add_setting( 'blogger_hub_h5_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'blogger_hub_h5_color', array(
		'label' => __('H5 Color', 'blogger-hub'),
		'section' => 'blogger_hub_typography',
		'settings' => 'blogger_hub_h5_color',
	)));

	//This is H5 FontFamily picker setting
	$wp_customize->add_setting('blogger_hub_h5_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'blogger_hub_sanitize_choices'
	));
	$wp_customize->add_control(
	    'blogger_hub_h5_font_family', array(
	    'section'  => 'blogger_hub_typography',
	    'label'    => __( 'H5 Fonts','blogger-hub'),
	    'type'     => 'select',
	    'choices'  => $font_array,
	));

	//This is H5 FontSize setting
	$wp_customize->add_setting('blogger_hub_h5_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	
	$wp_customize->add_control('blogger_hub_h5_font_size',array(
		'label'	=> __('H5 Font Size','blogger-hub'),
		'section'	=> 'blogger_hub_typography',
		'setting'	=> 'blogger_hub_h5_font_size',
		'type'	=> 'text'
	));

	// This is H6 Color picker setting
	$wp_customize->add_setting( 'blogger_hub_h6_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'blogger_hub_h6_color', array(
		'label' => __('H6 Color', 'blogger-hub'),
		'section' => 'blogger_hub_typography',
		'settings' => 'blogger_hub_h6_color',
	)));

	//This is H6 FontFamily picker setting
	$wp_customize->add_setting('blogger_hub_h6_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'blogger_hub_sanitize_choices'
	));
	$wp_customize->add_control(
	    'blogger_hub_h6_font_family', array(
	    'section'  => 'blogger_hub_typography',
	    'label'    => __( 'H6 Fonts','blogger-hub'),
	    'type'     => 'select',
	    'choices'  => $font_array,
	));

	//This is H6 FontSize setting
	$wp_customize->add_setting('blogger_hub_h6_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	
	$wp_customize->add_control('blogger_hub_h6_font_size',array(
		'label'	=> __('H6 Font Size','blogger-hub'),
		'section'	=> 'blogger_hub_typography',
		'setting'	=> 'blogger_hub_h6_font_size',
		'type'	=> 'text'
	));

	//Topbar section
	$wp_customize->add_section('blogger_hub_social_link',array(
		'title'	=> __('Social Links','blogger-hub'),
		'description'	=> __('Add Social Link here','blogger-hub'),
		'priority'	=> null,
		'panel' => 'blogger_hub_panel_id',
	));

	$wp_customize->add_setting('blogger_hub_sticky_header',array(
       'default' => '',
       'sanitize_callback'	=> 'sanitize_text_field'
    ));
    $wp_customize->add_control('blogger_hub_sticky_header',array(
       'type' => 'checkbox',
       'label' => __('Stick header on Desktop','blogger-hub'),
       'section' => 'blogger_hub_social_link'
    ));

	$wp_customize->add_setting('blogger_hub_facebook_url',array(
		'default'	=> '',
		'sanitize_callback'	=> 'esc_url_raw'
	));	
	$wp_customize->add_control('blogger_hub_facebook_url',array(
		'label'	=> __('Facebook url','blogger-hub'),
		'section'	=> 'blogger_hub_social_link',
		'type'		=> 'url'
	));	

	$wp_customize->add_setting('blogger_hub_twitter_url',array(
		'default'	=> '',
		'sanitize_callback'	=> 'esc_url_raw'
	));	
	$wp_customize->add_control('blogger_hub_twitter_url',array(
		'label'	=> __('Twitter url','blogger-hub'),
		'section'	=> 'blogger_hub_social_link',
		'type'		=> 'url'
	));	

	$wp_customize->add_setting('blogger_hub_insta_url',array(
		'default'	=> '',
		'sanitize_callback'	=> 'esc_url_raw'
	));	
	$wp_customize->add_control('blogger_hub_insta_url',array(
		'label'	=> __('Instagram url','blogger-hub'),
		'section'	=> 'blogger_hub_social_link',
		'type'		=> 'url'
	));

	$wp_customize->add_setting('blogger_hub_linkdin_url',array(
		'default'	=> '',
		'sanitize_callback'	=> 'esc_url_raw'
	));	
	$wp_customize->add_control('blogger_hub_linkdin_url',array(
		'label'	=> __('Linkdin url','blogger-hub'),
		'section'	=> 'blogger_hub_social_link',
		'type'		=> 'url'
	));	

	$wp_customize->add_setting('blogger_hub_youtube_url',array(
		'default'	=> '',
		'sanitize_callback'	=> 'esc_url_raw'
	));	
	$wp_customize->add_control('blogger_hub_youtube_url',array(
		'label'	=> __('Youtube url','blogger-hub'),
		'section'	=> 'blogger_hub_social_link',
		'type'		=> 'url'
	));

	//Our Blog Category section
  	$wp_customize->add_section('blogger_hub_category_post',array(
	    'title' => __('Our Blog Category Section','blogger-hub'),
	    'description' => '',
	    'priority'  => null,
	    'panel' => 'blogger_hub_panel_id',
	));

	$wp_customize->add_setting('blogger_hub_section_title',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('blogger_hub_section_title',array(
		'label'	=> __('Section Title','blogger-hub'),
		'section'	=> 'blogger_hub_category_post',
		'type'		=> 'text'
	));

	$categories = get_categories();
	$cats = array();
	$i = 0;
	$cat_post[]= 'select';
	foreach($categories as $category){
		if($i==0){
			$default = $category->slug;
			$i++;
		}
		$cat_post[$category->slug] = $category->name;
	}

	$wp_customize->add_setting('blogger_hub_our_category',array(
	    'default' => 'select',
	    'sanitize_callback' => 'sanitize_text_field',
  	));
  	$wp_customize->add_control('blogger_hub_our_category',array(
	    'type'    => 'select',
	    'choices' => $cat_post,
	    'label' => __('Select Category to display Latest Post','blogger-hub'),
	    'section' => 'blogger_hub_category_post',
	));

	//layout setting
	$wp_customize->add_section( 'blogger_hub_theme_layout', array(
    	'title' => __( 'Blog Settings', 'blogger-hub' ),
		'priority'   => null,
		'panel' => 'blogger_hub_panel_id'
	) );

	$wp_customize->add_setting('blogger_hub_preloader',array(
       'default' => 'true',
       'sanitize_callback'	=> 'sanitize_text_field'
    ));
    $wp_customize->add_control('blogger_hub_preloader',array(
       'type' => 'checkbox',
       'label' => __('Enable / Disable Preloader','blogger-hub'),
       'section' => 'blogger_hub_theme_layout'
    ));

    $wp_customize->add_setting( 'blogger_hub_preloader_color', array(
	    'default' => '#333333',
	    'sanitize_callback' => 'sanitize_hex_color'
  	));
  	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'blogger_hub_preloader_color', array(
  		'label' => __('Preloader Color', 'blogger-hub'),
	    'section' => 'blogger_hub_theme_layout',
	    'settings' => 'blogger_hub_preloader_color',
  	)));

  	$wp_customize->add_setting( 'blogger_hub_preloader_bg_color', array(
	    'default' => '#ffffff',
	    'sanitize_callback' => 'sanitize_hex_color'
  	));
  	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'blogger_hub_preloader_bg_color', array(
  		'label' => __('Preloader Background Color', 'blogger-hub'),
	    'section' => 'blogger_hub_theme_layout',
	    'settings' => 'blogger_hub_preloader_bg_color',
  	)));

	$wp_customize->add_setting('blogger_hub_theme_layout_options',array(
        'default' => __('Default Theme','blogger-hub'),
        'sanitize_callback' => 'blogger_hub_sanitize_choices'
	));
	$wp_customize->add_control('blogger_hub_theme_layout_options',array(
        'type' => 'radio',
        'label' => __('Theme Layout','blogger-hub'),
        'section' => 'blogger_hub_theme_layout',
        'choices' => array(
            'Default Theme' => __('Default Theme','blogger-hub'),
            'Container Theme' => __('Container Theme','blogger-hub'),
            'Box Container Theme' => __('Box Container Theme','blogger-hub'),
        ),
	) );

	// Add Settings and Controls for Layout
	$wp_customize->add_setting('blogger_hub_layout',array(
	        'default' => __( 'Right Sidebar', 'blogger-hub' ),
	        'sanitize_callback' => 'blogger_hub_sanitize_choices'	        
	    )
    );

	$wp_customize->add_control('blogger_hub_layout',
	    array(
	        'type' => 'radio',
	        'section' => 'blogger_hub_theme_layout',
       		'label' => __('Blog Layout','blogger-hub'),
	        'choices' => array(
	            'Left Sidebar' => __('Left Sidebar','blogger-hub'),
	            'Right Sidebar' => __('Right Sidebar','blogger-hub'),
	            'One Column' => __('One Column','blogger-hub'),
	            'Three Columns' => __('Three Columns','blogger-hub'),
	            'Four Columns' => __('Four Columns','blogger-hub'),
	            'Grid Layout' => __('Grid Layout','blogger-hub')
	        ),
	    )
    );

    $wp_customize->add_setting('blogger_hub_metafields_date',array(
       'default' => 'true',
       'sanitize_callback'	=> 'sanitize_text_field'
    ));
    $wp_customize->add_control('blogger_hub_metafields_date',array(
       'type' => 'checkbox',
       'label' => __('Show / Hide Date ','blogger-hub'),
       'section' => 'blogger_hub_theme_layout'
    ));

    $wp_customize->add_setting('blogger_hub_metafields_author',array(
       'default' => 'true',
       'sanitize_callback'	=> 'sanitize_text_field'
    ));
    $wp_customize->add_control('blogger_hub_metafields_author',array(
       'type' => 'checkbox',
       'label' => __('Show / Hide Author','blogger-hub'),
       'section' => 'blogger_hub_theme_layout'
    ));

    $wp_customize->add_setting('blogger_hub_metafields_comment',array(
       'default' => 'true',
       'sanitize_callback'	=> 'sanitize_text_field'
    ));
    $wp_customize->add_control('blogger_hub_metafields_comment',array(
       'type' => 'checkbox',
       'label' => __('Show / Hide Comments','blogger-hub'),
       'section' => 'blogger_hub_theme_layout'
    ));

    $wp_customize->add_setting('blogger_hub_metafields_tags',array(
       'default' => 'true',
       'sanitize_callback'	=> 'sanitize_text_field'
    ));
    $wp_customize->add_control('blogger_hub_metafields_tags',array(
       'type' => 'checkbox',
       'label' => __('Show / Hide Tags','blogger-hub'),
       'section' => 'blogger_hub_theme_layout'
    ));

    $wp_customize->add_setting('blogger_hub_metafields_share_link',array(
       'default' => 'true',
       'sanitize_callback'	=> 'sanitize_text_field'
    ));
    $wp_customize->add_control('blogger_hub_metafields_share_link',array(
       'type' => 'checkbox',
       'label' => __('Show / Hide Share links','blogger-hub'),
       'section' => 'blogger_hub_theme_layout'
    ));

    $wp_customize->add_setting('blogger_hub_blog_post_content',array(
    	'default' => __('Excerpt Content','blogger-hub'),
        'sanitize_callback' => 'blogger_hub_sanitize_choices'
	));
	$wp_customize->add_control('blogger_hub_blog_post_content',array(
        'type' => 'radio',
        'label' => __('Blog Post Content Type','blogger-hub'),
        'section' => 'blogger_hub_theme_layout',
        'choices' => array(
            'No Content' => __('No Content','blogger-hub'),
            'Full Content' => __('Full Content','blogger-hub'),
            'Excerpt Content' => __('Excerpt Content','blogger-hub'),
        ),
	) );

   $wp_customize->add_setting( 'blogger_hub_post_excerpt_number', array(
		'default'              => 20,
       'sanitize_callback'	=> 'sanitize_text_field'
	) );
	$wp_customize->add_control( 'blogger_hub_post_excerpt_number', array(
		'label'       => esc_html__( 'Blog Post Excerpt Number (Max 50)','blogger-hub' ),
		'section'     => 'blogger_hub_theme_layout',
		'type'        => 'number',
		'settings'    => 'blogger_hub_post_excerpt_number',
		'input_attrs' => array(
			'step'             => 2,
			'min'              => 0,
			'max'              => 50,
		),
		'active_callback' => 'blogger_hub_excerpt_enabled'
	) );

	$wp_customize->add_setting( 'blogger_hub_button_excerpt_suffix', array(
		'default'   => '...',
		'sanitize_callback'	=> 'sanitize_text_field'
	) );
	$wp_customize->add_control( 'blogger_hub_button_excerpt_suffix', array(
		'label'       => esc_html__( 'Post Excerpt Suffix','blogger-hub' ),
		'section'     => 'blogger_hub_theme_layout',
		'type'        => 'text',
		'settings'    => 'blogger_hub_button_excerpt_suffix',
		'active_callback' => 'blogger_hub_excerpt_enabled'
	) );

	// Button option
	$wp_customize->add_section( 'blogger_hub_button_options', array(
		'title' =>  __( 'Button Options', 'blogger-hub' ),
		'panel' => 'blogger_hub_panel_id',
	));

    $wp_customize->add_setting( 'blogger_hub_blog_button_text', array(
		'default'   => 'READ MORE',
		'sanitize_callback'	=> 'sanitize_text_field'
	) );
	$wp_customize->add_control( 'blogger_hub_blog_button_text', array(
		'label'       => esc_html__( 'Blog Post Button Label','blogger-hub' ),
		'section'     => 'blogger_hub_button_options',
		'type'        => 'text',
		'settings'    => 'blogger_hub_blog_button_text'
	) );

	$wp_customize->add_setting('blogger_hub_button_padding',array(
		'sanitize_callback'	=> 'esc_html'
	));
	$wp_customize->add_control('blogger_hub_button_padding',array(
		'label'	=> esc_html__('Button Padding','blogger-hub'),
		'section'=> 'blogger_hub_button_options',
		'active_callback' => 'blogger_hub_button_enabled'
	));

	$wp_customize->add_setting('blogger_hub_top_button_padding',array(
		'default'=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('blogger_hub_top_button_padding',array(
		'label'	=> __('Top','blogger-hub'),
		'input_attrs' => array(
            'step'             => 1,
			'min'              => 0,
			'max'              => 50,
        ),
		'section'=> 'blogger_hub_button_options',
		'type'=> 'number',
		'active_callback' => 'blogger_hub_button_enabled'
	));

	$wp_customize->add_setting('blogger_hub_bottom_button_padding',array(
		'default'=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('blogger_hub_bottom_button_padding',array(
		'label'	=> __('Bottom','blogger-hub'),
		'input_attrs' => array(
            'step'             => 1,
			'min'              => 0,
			'max'              => 50,
        ),
		'section'=> 'blogger_hub_button_options',
		'type'=> 'number',
		'active_callback' => 'blogger_hub_button_enabled'
	));

	$wp_customize->add_setting('blogger_hub_left_button_padding',array(
		'default'=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('blogger_hub_left_button_padding',array(
		'label'	=> __('Left','blogger-hub'),
		'input_attrs' => array(
            'step'             => 1,
			'min'              => 0,
			'max'              => 50,
        ),
		'section'=> 'blogger_hub_button_options',
		'type'=> 'number',
		'active_callback' => 'blogger_hub_button_enabled'
	));

	$wp_customize->add_setting('blogger_hub_right_button_padding',array(
		'default'=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('blogger_hub_right_button_padding',array(
		'label'	=> __('Right','blogger-hub'),
		'input_attrs' => array(
            'step'             => 1,
			'min'              => 0,
			'max'              => 50,
        ),
		'section'=> 'blogger_hub_button_options',
		'type'=> 'number',
		'active_callback' => 'blogger_hub_button_enabled'
	));

	$wp_customize->add_setting( 'blogger_hub_button_border_radius', array(
		'default'=> 4,
		'sanitize_callback'	=> 'sanitize_text_field'
	) );
	$wp_customize->add_control( new Blogger_Hub_WP_Customize_Range_Control( $wp_customize, 'blogger_hub_button_border_radius', array(
            'label'  => __('Border Radius','blogger-hub'),
            'section'  => 'blogger_hub_button_options',
            'description' => __('Measurement is in pixel.','blogger-hub'),
            'input_attrs' => array(
                'min' => 0,
                'max' => 50,
            ),
			'active_callback' => 'blogger_hub_button_enabled'
    )));
	
	//footer text
	$wp_customize->add_section('blogger_hub_footer_section',array(
		'title'	=> __('Footer Section','blogger-hub'),
		'panel' => 'blogger_hub_panel_id'
	));

	$wp_customize->add_setting('blogger_hub_hide_scroll',array(
        'default' => 'true',
        'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('blogger_hub_hide_scroll',array(
     	'type' => 'checkbox',
      	'label' => __('Show / Hide Back To Top','blogger-hub'),
      	'section' => 'blogger_hub_footer_section',
	));

	$wp_customize->add_setting('blogger_hub_back_to_top',array(
        'default' => __('Right','blogger-hub'),
        'sanitize_callback' => 'blogger_hub_sanitize_choices'
	));
	$wp_customize->add_control('blogger_hub_back_to_top',array(
        'type' => 'radio',
        'label' => __('Back to Top Alignment','blogger-hub'),
        'section' => 'blogger_hub_footer_section',
        'choices' => array(
            'Left' => __('Left','blogger-hub'),
            'Right' => __('Right','blogger-hub'),
            'Center' => __('Center','blogger-hub'),
        ),
	) );

	$wp_customize->add_setting('blogger_hub_footer_widget',array(
        'default'           => '4',
        'sanitize_callback' => 'blogger_hub_sanitize_choices',
    ));
    $wp_customize->add_control('blogger_hub_footer_widget',array(
        'type'        => 'radio',
        'label'       => __('No. of Footer columns', 'blogger-hub'),
        'section'     => 'blogger_hub_footer_section',
        'description' => __('Select the number of footer columns and add your widgets in the footer.', 'blogger-hub'),
        'choices' => array(
            '1'     => __('One column', 'blogger-hub'),
            '2'     => __('Two columns', 'blogger-hub'),
            '3'     => __('Three columns', 'blogger-hub'),
            '4'     => __('Four columns', 'blogger-hub')
        ),
    )); 
	
	$wp_customize->add_setting('blogger_hub_text',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('blogger_hub_text',array(
		'label'	=> __('Copyright Text','blogger-hub'),
		'description'	=> __('Add some text for footer like copyright etc.','blogger-hub'),
		'section'	=> 'blogger_hub_footer_section',
		'type'		=> 'text'
	));	
}
add_action( 'customize_register', 'blogger_hub_customize_register' );

// logo resize
load_template( trailingslashit( get_template_directory() ) . '/inc/logo/logo-resizer.php' );

/**
 * Singleton class for handling the theme's customizer integration.
 *
 * @since  1.0.0
 * @access public
 */
final class Blogger_Hub_Customize {

	/**
	 * Returns the instance.
	 *
	 * @since  1.0.0
	 * @access public
	 * @return object
	 */
	public static function get_instance() {

		static $instance = null;

		if ( is_null( $instance ) ) {
			$instance = new self;
			$instance->setup_actions();
		}

		return $instance;
	}

	/**
	 * Constructor method.
	 *
	 * @since  1.0.0
	 * @access private
	 * @return void
	 */
	private function __construct() {}

	/**
	 * Sets up initial actions.
	 *
	 * @since  1.0.0
	 * @access private
	 * @return void
	 */
	private function setup_actions() {

		// Register panels, sections, settings, controls, and partials.
		add_action( 'customize_register', array( $this, 'sections' ) );

		// Register scripts and styles for the controls.
		add_action( 'customize_controls_enqueue_scripts', array( $this, 'enqueue_control_scripts' ), 0 );
	}

	/**
	 * Sets up the customizer sections.
	 *
	 * @since  1.0.0
	 * @access public
	 * @param  object  $manager
	 * @return void
	 */
	public function sections( $manager ) {

		// Load custom sections.
		load_template( trailingslashit( get_template_directory() ) . '/inc/section-pro.php' );

		// Register custom section types.
		$manager->register_section_type( 'Blogger_Hub_Customize_Section_Pro' );

		// Register sections.
		$manager->add_section(
			new Blogger_Hub_Customize_Section_Pro(
				$manager,
				'example_1',
				array(
					'priority'   => 9,
					'title'    => esc_html__( 'Blogger Hub Pro', 'blogger-hub' ),
					'pro_text' => esc_html__( 'Go Pro', 'blogger-hub' ),
					'pro_url'  => esc_url('https://www.themesglance.com/themes/premium-blog-wordpress-theme/'),
				)
			)
		);
	}

	/**
	 * Loads theme customizer CSS.
	 *
	 * @since  1.0.0
	 * @access public
	 * @return void
	 */
	public function enqueue_control_scripts() {

		wp_enqueue_script( 'blogger-hub-customize-controls', trailingslashit( get_template_directory_uri() ) . '/js/customize-controls.js', array( 'customize-controls' ) );

		wp_enqueue_style( 'blogger-hub-customize-controls', trailingslashit( get_template_directory_uri() ) . '/css/customize-controls.css' );
	}
}

// Doing this customizer thang!
Blogger_Hub_Customize::get_instance();