<?php
/**
 * Solar Power Theme Customizer
 *
 * @package Solar Power
 */

/**
 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
 */

/**
 * Singleton class for handling the theme's customizer integration.
 *
 * @since  1.0.0
 * @access public
 */
final class Solar_Power_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( 'Solar_Power_Customize_Section_Pro' );

		// Register sections.
		$manager->add_section(
			new Solar_Power_Customize_Section_Pro(
				$manager,
				'example_1',
				array(
					'priority' => 9,
					'title'    => esc_html__( 'Solar Power Pro', 'solar-power' ),
					'description' => __( 'Buy now and enjoy exclusive discounts!', 'solar-power' ),
					'pro_text' => esc_html__( 'Go Pro', 'solar-power' ),
					'pro_url'  => esc_url( 'https://www.logicalthemes.com/products/solar-wordpress-theme/' ),
				)
			)
		);
	}

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

		wp_enqueue_script( 'solar-power-customize-controls', trailingslashit( esc_url(get_template_directory_uri()) ) . '/assets/js/customize-controls.js', array( 'customize-controls' ) );

		wp_enqueue_style( 'solar-power-customize-controls', trailingslashit( esc_url(get_template_directory_uri()) ) . '/assets/css/customize-controls.css' );
	}
}

function mega_customizer_offer_popup_script() {
    ?>
    <style>
        #mega-offer-backdrop {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: rgba(0, 0, 0, 0.4);
            backdrop-filter: blur(4px);
            z-index: 999998;
            display: none;
        }
        #mega-offer-popup {
            position: fixed;
            top: 45%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0.8);
            opacity: 0;
            background: #fff;
            border: 2px solid #0073aa;
            padding: 25px 25px 20px;
            z-index: 999999;
            box-shadow: 0 0 30px rgba(0,0,0,0.2);
            max-width: 420px;
            text-align: center;
            font-family: sans-serif;
            border-radius: 10px;
            transition: all 0.4s ease;
        }
        #mega-offer-popup.show {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }
        #offer-close-icon {
            position: absolute;
            top: 10px;
            right: 12px;
            font-size: 20px;
            color: #333;
            cursor: pointer;
            font-weight: bold;
        }
        #offer-close-icon:hover {
            color: red;
        }
    </style>

    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                // Only show once per login session
                if (
                    !sessionStorage.getItem('mega_customizer_offer_shown') &&
                    !document.getElementById('mega-offer-popup') &&
                    !document.getElementById('mega-offer-backdrop')
                ) {
                    const backdrop = document.createElement('div');
                    backdrop.id = 'mega-offer-backdrop';

                    const popup = document.createElement('div');
                    popup.id = 'mega-offer-popup';
                    popup.innerHTML = `
						<div id="offer-close-icon" style="position: absolute; top: 10px; right: 12px; font-size: 20px; font-weight: bold; color: #333; cursor: pointer;">&times;</div>

						<div style="border: 2px solid #0073aa; border-radius: 10px; overflow: hidden; font-family: sans-serif; max-width: 600px; background: white;">

							<div style="background: #010f2e; color: white; padding: 12px 20px; font-size: 18px; font-weight: bold; text-align: center;">
								🎁 Mega Offer Alert
							</div>

							<div style="display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 20px; gap: 20px;">
								<img src="<?php echo get_theme_file_uri('screenshot.png'); ?>" alt="Theme Preview" style="width: 250px; max-width: 100%; border: 1px solid #ccc; border-radius: 6px;" />

								<div>
									<h3 style="margin: 0 0 10px; font-size: 18px; color: #000;">Solar Power Theme Pro</h3>
									<div style="border: 2px dashed red; border-radius: 10px; padding: 15px; background: #fff5f5; text-align: center;">
										<div style="font-size: 18px; color: red; font-weight: bold;">Get 15% OFF</div>
										<div style="font-size: 14px; color: #555;">Use Code Below:</div>
										<div style="background: red; color: white; padding: 8px 16px; font-weight: bold; margin-top: 8px; display: inline-block; border-radius: 4px;">
											FREEWORDTHEME
										</div>
									</div>
								</div>
							</div>

							<div style="background: #7bbb00; text-align: center;">
								<a href="https://www.logicalthemes.com/products/solar-wordpress-theme/" target="_blank" style="display: inline-block; padding: 12px 25px; color: white; font-weight: bold; text-decoration: none; font-size: 16px;">Upgrade Now</a>
							</div>
						</div>
					`;

                    document.body.appendChild(backdrop);
                    document.body.appendChild(popup);

                    setTimeout(() => {
                        backdrop.style.display = 'block';
                        popup.classList.add('show');
                    }, 100);

                    popup.querySelector('#offer-close-icon').addEventListener('click', () => {
                        popup.remove();
                        backdrop.remove();
                    });

                    // Only for this session (until logout or browser closed)
                    sessionStorage.setItem('mega_customizer_offer_shown', 'true');
                }
            });
        })();
    </script>
    <?php
}
add_action('customize_controls_print_footer_scripts', 'mega_customizer_offer_popup_script');

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

function solar_power_customize_register( $wp_customize ) {	

	//add home page setting pannel
	$wp_customize->add_panel( 'solar_power_panel_id', array(
	    'priority' => 10,
	    'capability' => 'edit_theme_options',
	    'theme_supports' => '',
	    'title' => esc_html__( 'LT Settings', 'solar-power' ),
	) );

	//Layout Setting
	$wp_customize->add_section( 'solar_power_left_right' , array(
    	'title'      => esc_html__( 'General Settings', 'solar-power' ),
		'priority'   => null,
		'panel' => 'solar_power_panel_id'
	) );
    
    $wp_customize->add_setting('solar_power_width_options',array(
        'default' => 'Full Width',
        'sanitize_callback' => 'solar_power_sanitize_choices'
	));
	$wp_customize->add_control('solar_power_width_options',array(
        'type' => 'radio',
        'label' => __('Select Width Layout','solar-power'),
        'section' => 'solar_power_left_right',
        'choices' => array(
        	'Full Width' => esc_html__('Full Width','solar-power'),
            'Contained Width' => esc_html__('Contained Width','solar-power'),
            'Boxed Width' => esc_html__('Boxed Width','solar-power'),
        ),
	) );

	$wp_customize->add_setting('solar_power_theme_options',array(
        'default' => 'Right Sidebar',
        'sanitize_callback' => 'solar_power_sanitize_choices'
	));
	$wp_customize->add_control('solar_power_theme_options',array(
        'type' => 'radio',
        'description' => __( 'Choose sidebar between different options', 'solar-power' ),
        'label' => esc_html__( 'Post & Page Sidebar Layout.', 'solar-power' ),
        'section' => 'solar_power_left_right',
        'choices' => array(
            'Right Sidebar' => esc_html__('Right Sidebar','solar-power'),
            'Left Sidebar' => esc_html__('Left Sidebar','solar-power'),
            'One Column' => esc_html__('One Column ','solar-power')
        ),
	));

	$wp_customize->add_setting('solar_power_dropdown_anim',array(
		'default' => '',
		'capability' => 'edit_theme_options',
		'sanitize_callback' => 'solar_power_sanitize_choices'
	));
	$wp_customize->add_control('solar_power_dropdown_anim', array(
		'section'  => 'solar_power_left_right',
		'label'    => __( 'Submenu Dropdown Effect','solar-power'),
		'type'     => 'select',
		'choices'  => array(
			'bounceInUp' => __('bounceInUp', 'solar-power'),
			'zoomIn' => __('zoomIn', 'solar-power'),
			'flip-up' => __('flip-up', 'solar-power'),
			'none' => __('none', 'solar-power')
		)
	));

	$solar_power_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'
    );

	//Typography
	$wp_customize->add_section( 'solar_power_typography', array(
    	'title'      => __( 'Typography', 'solar-power' ),
		'priority'   => null,
		'panel' => 'solar_power_panel_id'
	) );
	
	// This is Paragraph Color picker setting
	$wp_customize->add_setting( 'solar_power_paragraph_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_paragraph_color', array(
		'label' => __('Paragraph Color', 'solar-power'),
		'section' => 'solar_power_typography',
		'settings' => 'solar_power_paragraph_color',
	)));

	//This is Paragraph FontFamily picker setting
	$wp_customize->add_setting('solar_power_paragraph_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'solar_power_sanitize_choices'
	));
	$wp_customize->add_control(
	    'solar_power_paragraph_font_family', array(
	    'section'  => 'solar_power_typography',
	    'label'    => __( 'Paragraph Fonts','solar-power'),
	    'type'     => 'select',
	    'choices'  => $solar_power_font_array,
	));

	$wp_customize->add_setting('solar_power_paragraph_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('solar_power_paragraph_font_size',array(
		'label'	=> __('Paragraph Font Size','solar-power'),
		'section'	=> 'solar_power_typography',
		'setting'	=> 'solar_power_paragraph_font_size',
		'type'	=> 'text'
	));

	// This is "a" Tag Color picker setting
	$wp_customize->add_setting( 'solar_power_atag_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_atag_color', array(
		'label' => __('"a" Tag Color', 'solar-power'),
		'section' => 'solar_power_typography',
		'settings' => 'solar_power_atag_color',
	)));

	//This is "a" Tag FontFamily picker setting
	$wp_customize->add_setting('solar_power_atag_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'solar_power_sanitize_choices'
	));
	$wp_customize->add_control(
	    'solar_power_atag_font_family', array(
	    'section'  => 'solar_power_typography',
	    'label'    => __( '"a" Tag Fonts','solar-power'),
	    'type'     => 'select',
	    'choices'  => $solar_power_font_array,
	));

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

	//This is "li" Tag FontFamily picker setting
	$wp_customize->add_setting('solar_power_li_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'solar_power_sanitize_choices'
	));
	$wp_customize->add_control(
	    'solar_power_li_font_family', array(
	    'section'  => 'solar_power_typography',
	    'label'    => __( '"li" Tag Fonts','solar-power'),
	    'type'     => 'select',
	    'choices'  => $solar_power_font_array,
	));

	// This is H1 Color picker setting
	$wp_customize->add_setting( 'solar_power_h1_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_h1_color', array(
		'label' => __('H1 Color', 'solar-power'),
		'section' => 'solar_power_typography',
		'settings' => 'solar_power_h1_color',
	)));

	//This is H1 FontFamily picker setting
	$wp_customize->add_setting('solar_power_h1_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'solar_power_sanitize_choices'
	));
	$wp_customize->add_control(
	    'solar_power_h1_font_family', array(
	    'section'  => 'solar_power_typography',
	    'label'    => __( 'H1 Fonts','solar-power'),
	    'type'     => 'select',
	    'choices'  => $solar_power_font_array,
	));

	//This is H1 FontSize setting
	$wp_customize->add_setting('solar_power_h1_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('solar_power_h1_font_size',array(
		'label'	=> __('H1 Font Size','solar-power'),
		'section'	=> 'solar_power_typography',
		'setting'	=> 'solar_power_h1_font_size',
		'type'	=> 'text'
	));

	// This is H2 Color picker setting
	$wp_customize->add_setting( 'solar_power_h2_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_h2_color', array(
		'label' => __('H2 Color', 'solar-power'),
		'section' => 'solar_power_typography',
		'settings' => 'solar_power_h2_color',
	)));

	//This is H2 FontFamily picker setting
	$wp_customize->add_setting('solar_power_h2_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'solar_power_sanitize_choices'
	));
	$wp_customize->add_control(
	    'solar_power_h2_font_family', array(
	    'section'  => 'solar_power_typography',
	    'label'    => __( 'H2 Fonts','solar-power'),
	    'type'     => 'select',
	    'choices'  => $solar_power_font_array,
	));

	//This is H2 FontSize setting
	$wp_customize->add_setting('solar_power_h2_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('solar_power_h2_font_size',array(
		'label'	=> __('H2 Font Size','solar-power'),
		'section'	=> 'solar_power_typography',
		'setting'	=> 'solar_power_h2_font_size',
		'type'	=> 'text'
	));

	// This is H3 Color picker setting
	$wp_customize->add_setting( 'solar_power_h3_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_h3_color', array(
		'label' => __('H3 Color', 'solar-power'),
		'section' => 'solar_power_typography',
		'settings' => 'solar_power_h3_color',
	)));

	//This is H3 FontFamily picker setting
	$wp_customize->add_setting('solar_power_h3_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'solar_power_sanitize_choices'
	));
	$wp_customize->add_control(
	    'solar_power_h3_font_family', array(
	    'section'  => 'solar_power_typography',
	    'label'    => __( 'H3 Fonts','solar-power'),
	    'type'     => 'select',
	    'choices'  => $solar_power_font_array,
	));

	//This is H3 FontSize setting
	$wp_customize->add_setting('solar_power_h3_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('solar_power_h3_font_size',array(
		'label'	=> __('H3 Font Size','solar-power'),
		'section'	=> 'solar_power_typography',
		'setting'	=> 'solar_power_h3_font_size',
		'type'	=> 'text'
	));

	// This is H4 Color picker setting
	$wp_customize->add_setting( 'solar_power_h4_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_h4_color', array(
		'label' => __('H4 Color', 'solar-power'),
		'section' => 'solar_power_typography',
		'settings' => 'solar_power_h4_color',
	)));

	//This is H4 FontFamily picker setting
	$wp_customize->add_setting('solar_power_h4_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'solar_power_sanitize_choices'
	));
	$wp_customize->add_control(
	    'solar_power_h4_font_family', array(
	    'section'  => 'solar_power_typography',
	    'label'    => __( 'H4 Fonts','solar-power'),
	    'type'     => 'select',
	    'choices'  => $solar_power_font_array,
	));

	//This is H4 FontSize setting
	$wp_customize->add_setting('solar_power_h4_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('solar_power_h4_font_size',array(
		'label'	=> __('H4 Font Size','solar-power'),
		'section'	=> 'solar_power_typography',
		'setting'	=> 'solar_power_h4_font_size',
		'type'	=> 'text'
	));

	// This is H5 Color picker setting
	$wp_customize->add_setting( 'solar_power_h5_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_h5_color', array(
		'label' => __('H5 Color', 'solar-power'),
		'section' => 'solar_power_typography',
		'settings' => 'solar_power_h5_color',
	)));

	//This is H5 FontFamily picker setting
	$wp_customize->add_setting('solar_power_h5_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'solar_power_sanitize_choices'
	));
	$wp_customize->add_control(
	    'solar_power_h5_font_family', array(
	    'section'  => 'solar_power_typography',
	    'label'    => __( 'H5 Fonts','solar-power'),
	    'type'     => 'select',
	    'choices'  => $solar_power_font_array,
	));

	//This is H5 FontSize setting
	$wp_customize->add_setting('solar_power_h5_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('solar_power_h5_font_size',array(
		'label'	=> __('H5 Font Size','solar-power'),
		'section'	=> 'solar_power_typography',
		'setting'	=> 'solar_power_h5_font_size',
		'type'	=> 'text'
	));

	// This is H6 Color picker setting
	$wp_customize->add_setting( 'solar_power_h6_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_h6_color', array(
		'label' => __('H6 Color', 'solar-power'),
		'section' => 'solar_power_typography',
		'settings' => 'solar_power_h6_color',
	)));

	//This is H6 FontFamily picker setting
	$wp_customize->add_setting('solar_power_h6_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'solar_power_sanitize_choices'
	));
	$wp_customize->add_control(
	    'solar_power_h6_font_family', array(
	    'section'  => 'solar_power_typography',
	    'label'    => __( 'H6 Fonts','solar-power'),
	    'type'     => 'select',
	    'choices'  => $solar_power_font_array,
	));

	//This is H6 FontSize setting
	$wp_customize->add_setting('solar_power_h6_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('solar_power_h6_font_size',array(
		'label'	=> __('H6 Font Size','solar-power'),
		'section'	=> 'solar_power_typography',
		'setting'	=> 'solar_power_h6_font_size',
		'type'	=> 'text'
	));

	//Topbar section
	$wp_customize->add_section('solar_power_topbar',array(
		'title'	=> esc_html__('Topbar','solar-power'),
		'priority'	=> null,
		'panel' => 'solar_power_panel_id',
	));

	$wp_customize->add_setting( 'solar_power_sticky_header',array(
		'default'	=> false,
      	'sanitize_callback'	=> 'solar_power_sanitize_checkbox'
    ) );
    $wp_customize->add_control('solar_power_sticky_header',array(
    	'type' => 'checkbox',
    	'description' => __( 'Click on the checkbox to enable sticky header.', 'solar-power' ),
        'label' => __( 'Sticky Header','solar-power' ),
        'section' => 'solar_power_topbar'
    ));

    //Show /Hide Topbar
	$wp_customize->add_setting( 'solar_power_show_topbar',array(
		'default' => false,
      	'sanitize_callback'	=> 'solar_power_sanitize_checkbox'
    ) );
    $wp_customize->add_control('solar_power_show_topbar',array(
    	'type' => 'checkbox',
    	'description' => __( 'Click on the checkbox to enable Topbar.', 'solar-power' ),
        'label' => __( 'Topbar','solar-power' ),
        'section' => 'solar_power_topbar'
    ));

	$wp_customize->add_setting('solar_power_topar_text',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('solar_power_topar_text',array(
		'label'	=> __('Topbar Text','solar-power'),
		'section' => 'solar_power_topbar',
		'type'	 => 'text'
	));

	$wp_customize->add_setting('solar_power_call',array(
		'default'	=> '',
		'sanitize_callback'	=> 'solar_power_sanitize_phone_number'
	));
	$wp_customize->add_control('solar_power_call',array(
		'label'	=> __('Add Phone Number','solar-power'),
		'section' => 'solar_power_topbar',
		'type'	 => 'text'
	));

	$wp_customize->add_setting('solar_power_button_text',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('solar_power_button_text',array(
		'label'	=> __('Add Button Text','solar-power'),
		'section' => 'solar_power_topbar',
		'type'	  => 'text'
	));

	$wp_customize->add_setting('solar_power_button_link',array(
		'default' => '',
		'sanitize_callback'	=> 'esc_url_raw'
	));	
	$wp_customize->add_control('solar_power_button_link',array(
		'label'	=> __('Add Button Link','solar-power'),
		'section' => 'solar_power_topbar',
		'type'	  => 'url'
	));	

	$wp_customize->add_setting( 'solar_power_toptext_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_toptext_color', array(
		'label' => __('Text Color', 'solar-power'),
		'section' => 'solar_power_topbar',
		'settings' => 'solar_power_toptext_color',
	)));

	$wp_customize->add_setting( 'solar_power_topicon_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_topicon_color', array(
		'label' => __('Icon Color', 'solar-power'),
		'section' => 'solar_power_topbar',
		'settings' => 'solar_power_topicon_color',
	)));

	$wp_customize->add_setting( 'solar_power_topbtn_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_topbtn_color', array(
		'label' => __('Button Text Color', 'solar-power'),
		'section' => 'solar_power_topbar',
		'settings' => 'solar_power_topbtn_color',
	)));

	$wp_customize->add_setting( 'solar_power_topbtnbg_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_topbtnbg_color', array(
		'label' => __('Button Background Color', 'solar-power'),
		'section' => 'solar_power_topbar',
		'settings' => 'solar_power_topbtnbg_color',
	)));

	//home page slider
	$wp_customize->add_section( 'solar_power_slidersettings' , array(
    	'title'      => esc_html__( 'Slider Settings', 'solar-power' ),
		'priority'   => null,
		'panel' => 'solar_power_panel_id'
	) );

	$wp_customize->add_setting('solar_power_slider_hide_show',array(
       'default' => false,
       'sanitize_callback'	=> 'solar_power_sanitize_checkbox'
	));
	$wp_customize->add_control('solar_power_slider_hide_show',array(
	   'type' => 'checkbox',
	   'description' => __( 'Click on the checkbox to enable slider.', 'solar-power' ),
	   'label' => esc_html__('Show / Hide slider','solar-power'),
	   'section' => 'solar_power_slidersettings',
	));

	$wp_customize->add_setting('solar_power_slider_title',array(
        'default' => true,
        'sanitize_callback'	=> 'solar_power_sanitize_checkbox'
	));
	$wp_customize->add_control('solar_power_slider_title',array(
     	'type' => 'checkbox',
      	'label' => __('Show / Hide Slider Title','solar-power'),
      	'section' => 'solar_power_slidersettings',
	));

	$wp_customize->add_setting('solar_power_slider_content',array(
        'default' => true,
        'sanitize_callback'	=> 'solar_power_sanitize_checkbox'
	));
	$wp_customize->add_control('solar_power_slider_content',array(
     	'type' => 'checkbox',
      	'label' => __('Show / Hide Slider Content','solar-power'),
      	'section' => 'solar_power_slidersettings',
	));

	$wp_customize->add_setting('solar_power_slider_button',array(
        'default' => true,
        'sanitize_callback'	=> 'solar_power_sanitize_checkbox'
	));
	$wp_customize->add_control('solar_power_slider_button',array(
     	'type' => 'checkbox',
      	'label' => __('Show / Hide Slider Button','solar-power'),
      	'section' => 'solar_power_slidersettings',
	));

	//This is onload transaction effect
	$wp_customize->add_setting('solar_power_slider_animation',array(
		'default' => '',
		'capability' => 'edit_theme_options',
		'sanitize_callback' => 'solar_power_sanitize_choices'
	));
	$wp_customize->add_control('solar_power_slider_animation', array(
		'section'  => 'solar_power_slidersettings',
		'label'    => __( 'Onload Transaction Effect','solar-power'),
		'type'     => 'select',
		'choices'  => array(
			'bounceInLeft' => __('bounceInLeft', 'solar-power'),
			'bounceInRight' => __('bounceInRight', 'solar-power'),
			'bounceInUp' => __('bounceInUp', 'solar-power'),
			'bounceInDown' => __('bounceInDown', 'solar-power'),
			'zoomIn' => __('zoomIn', 'solar-power'),
			'zoomOut' => __('zoomOut', 'solar-power'),
			'fadeInLeft' => __('fadeInLeft', 'solar-power'),
			'fadeInRight' => __('fadeInRight', 'solar-power'),
			'fadeInUp' => __('fadeInUp', 'solar-power'),
			'fadeInDown' => __('fadeInDown', 'solar-power'),
			'flip-up' => __('flip-up', 'solar-power'),
			'none' => __('none', 'solar-power')
		)
	));

	for ( $count = 1; $count <= 4; $count++ ) {
		// Add color scheme setting and control.
		$wp_customize->add_setting( 'solar_power_slider_page' . $count, array(
			'default'           => '',
			'sanitize_callback' => 'solar_power_sanitize_dropdown_pages'
		) );
		$wp_customize->add_control( 'solar_power_slider_page' . $count, array(
			'label'    => esc_html__( 'Select Slider Page', 'solar-power' ),
			'section'  => 'solar_power_slidersettings',
			'type'     => 'dropdown-pages'
		) );
	}
	
	$wp_customize->add_setting('solar_power_slider_expert_length',array(
		'default'	=> '15',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('solar_power_slider_expert_length',array(
		'label'	=> __('Slider Expert Length','solar-power'),
		'section' => 'solar_power_slidersettings',
		'type'	  => 'number'
	));

	$wp_customize->add_setting('solar_power_slider_title_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('solar_power_slider_title_font_size',array(
		'label'	=> __('Title Font Size','solar-power'),
		'section' => 'solar_power_slidersettings',
		'type'	  => 'number'
	));

	$wp_customize->add_setting('solar_power_slider_text_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('solar_power_slider_text_font_size',array(
		'label'	=> __('Text Font Size','solar-power'),
		'section' => 'solar_power_slidersettings',
		'type'	  => 'number'
	));

	$wp_customize->add_setting('solar_power_slider_btn_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('solar_power_slider_btn_font_size',array(
		'label'	=> __('Button Font Size','solar-power'),
		'section' => 'solar_power_slidersettings',
		'type'	  => 'number'
	));

	$wp_customize->add_setting('solar_power_slider_opacity',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('solar_power_slider_opacity',array(
		'label'	=> __('Image Opacity','solar-power'),
		'section' => 'solar_power_slidersettings',
		'type'	  => 'range',
		'input_attrs' => array(
			'min' => 0,
			'max' => 1,
			'step' => 0.1
		)
	));

	$wp_customize->add_setting( 'solar_power_slider_title_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_slider_title_color', array(
		'label' => __('Title Color', 'solar-power'),
		'section' => 'solar_power_slidersettings',
		'settings' => 'solar_power_slider_title_color',
	)));

	$wp_customize->add_setting( 'solar_power_slider_text_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_slider_text_color', array(
		'label' => __('Text Color', 'solar-power'),
		'section' => 'solar_power_slidersettings',
		'settings' => 'solar_power_slider_text_color',
	)));

	$wp_customize->add_setting( 'solar_power_slider_btn_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_slider_btn_color', array(
		'label' => __('Button Text Color', 'solar-power'),
		'section' => 'solar_power_slidersettings',
		'settings' => 'solar_power_slider_btn_color',
	)));

	$wp_customize->add_setting( 'solar_power_slider_btnbg_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_slider_btnbg_color', array(
		'label' => __('Button Background Color', 'solar-power'),
		'section' => 'solar_power_slidersettings',
		'settings' => 'solar_power_slider_btnbg_color',
	)));

	$wp_customize->add_setting( 'solar_power_slider_np_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_slider_np_color', array(
		'label' => __('Pre/Next Arrow Color', 'solar-power'),
		'section' => 'solar_power_slidersettings',
		'settings' => 'solar_power_slider_np_color',
	)));

	$wp_customize->add_setting( 'solar_power_slider_npb_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_slider_npb_color', array(
		'label' => __('Pre/Next Arrow Border Color', 'solar-power'),
		'section' => 'solar_power_slidersettings',
		'settings' => 'solar_power_slider_npb_color',
	)));

	// OUR services
	$wp_customize->add_section('solar_power_features_section',array(
		'title'	=> __('Our Features','solar-power'),
		'panel' => 'solar_power_panel_id',
	));

	$wp_customize->add_setting('solar_power_features_small_title',array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('solar_power_features_small_title',array(
		'label'	=> __('Section Small Title','solar-power'),
		'section' => 'solar_power_features_section',
		'type'	  => 'text'
	));

	$wp_customize->add_setting('solar_power_features_title',array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('solar_power_features_title',array(
		'label'	=> __('Section Title','solar-power'),
		'section' => 'solar_power_features_section',
		'type'	  => 'text'
	));

	$wp_customize->add_setting('solar_power_smalltitle_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('solar_power_smalltitle_font_size',array(
		'label'	=> __('Small Title Font Size','solar-power'),
		'section' => 'solar_power_features_section',
		'type'	  => 'number'
	));

	$wp_customize->add_setting('solar_power_title_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('solar_power_title_font_size',array(
		'label'	=> __('Title Font Size','solar-power'),
		'section' => 'solar_power_features_section',
		'type'	  => 'number'
	));

	$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('solar_power_category_setting',array(
		'default'	=> 'select',
		'sanitize_callback' => 'solar_power_sanitize_choices',
	));
	$wp_customize->add_control('solar_power_category_setting',array(
		'type'    => 'select',
		'choices' => $cat_post,
		'label' => esc_html__('Select Category To Display Post','solar-power'),
		'section' => 'solar_power_features_section',
	));

	$wp_customize->add_setting('solar_power_posttitle_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('solar_power_posttitle_font_size',array(
		'label'	=> __('Post Title Font Size','solar-power'),
		'section' => 'solar_power_features_section',
		'type'	  => 'number'
	));

	$wp_customize->add_setting('solar_power_posttext_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('solar_power_posttext_font_size',array(
		'label'	=> __('Post Text Font Size','solar-power'),
		'section' => 'solar_power_features_section',
		'type'	  => 'number'
	));

	$wp_customize->add_setting( 'solar_power_feature_heading_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_feature_heading_color', array(
		'label' => __('Small Heading Color', 'solar-power'),
		'section' => 'solar_power_features_section',
		'settings' => 'solar_power_feature_heading_color',
	)));

	$wp_customize->add_setting( 'solar_power_feature_subheading_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_feature_subheading_color', array(
		'label' => __('Heading Color', 'solar-power'),
		'section' => 'solar_power_features_section',
		'settings' => 'solar_power_feature_subheading_color',
	)));

	$wp_customize->add_setting( 'solar_power_feature_bxtitle_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_feature_bxtitle_color', array(
		'label' => __('Box Title Color', 'solar-power'),
		'section' => 'solar_power_features_section',
		'settings' => 'solar_power_feature_bxtitle_color',
	)));

	$wp_customize->add_setting( 'solar_power_feature_bxtext_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_feature_bxtext_color', array(
		'label' => __('Box Text Color', 'solar-power'),
		'section' => 'solar_power_features_section',
		'settings' => 'solar_power_feature_bxtext_color',
	)));

	$wp_customize->add_setting( 'solar_power_feature_bxbg_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_feature_bxbg_color', array(
		'label' => __('Box Bg Color', 'solar-power'),
		'section' => 'solar_power_features_section',
		'settings' => 'solar_power_feature_bxbg_color',
	)));

	$wp_customize->add_setting( 'solar_power_feature_bxbdr_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_feature_bxbdr_color', array(
		'label' => __('Box Border Color', 'solar-power'),
		'section' => 'solar_power_features_section',
		'settings' => 'solar_power_feature_bxbdr_color',
	)));

	$wp_customize->add_setting( 'solar_power_feature_np_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_feature_np_color', array(
		'label' => __('Next/Pre arrow Color', 'solar-power'),
		'section' => 'solar_power_features_section',
		'settings' => 'solar_power_feature_np_color',
	)));

	$wp_customize->add_setting( 'solar_power_feature_npbg_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_feature_npbg_color', array(
		'label' => __('Next/Pre arrow Bg Color', 'solar-power'),
		'section' => 'solar_power_features_section',
		'settings' => 'solar_power_feature_npbg_color',
	)));

	//footer
	$wp_customize->add_section('solar_power_footer_section',array(
		'title'	=> esc_html__('Footer Setting','solar-power'),
		'panel' => 'solar_power_panel_id'
	));
	
     /*Footer Background Color */
	$wp_customize->add_setting('solar_power_footer_background_color', array(
		'default'           => '#191919',
		'sanitize_callback' => 'sanitize_hex_color',
	));
	$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'solar_power_footer_background_color', array(
		'label'    => __('Footer Background Color', 'solar-power'),
		'section'  => 'solar_power_footer_section',
	)));

	$wp_customize->add_setting('solar_power_footer_copy',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('solar_power_footer_copy',array(
		'label'	=> esc_html__('Copyright Text','solar-power'),
		'section'	=> 'solar_power_footer_section',
		'type'		=> 'text'
	));

	$wp_customize->add_setting('solar_power_footer_copy_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('solar_power_footer_copy_font_size',array(
		'label'	=> __('Text Font Size','solar-power'),
		'section' => 'solar_power_footer_section',
		'type'	  => 'number'
	));
	
    /*copyright text position*/
	$wp_customize->add_setting('solar_power_copyright_text_position',array(
        'default' => 'center',
        'sanitize_callback' => 'solar_power_sanitize_choices'
	));
	$wp_customize->add_control('solar_power_copyright_text_position',array(
        'type' => 'select',
        'label' => __('Copyright Text Alignment ','solar-power'),
        'section' => 'solar_power_footer_section',
        'choices' => array(
            'left' => __('Left','solar-power'),
            'right' => __('Right','solar-power'),
            'center' => __('Center','solar-power'),
        ),
	) );

	$wp_customize->add_setting('solar_power_copyright_color', array(
		'default'           => '',
		'sanitize_callback' => 'sanitize_hex_color',
	));
	$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'solar_power_copyright_color', array(
		'label'    => __('Copyright Color', 'solar-power'),
		'section'  => 'solar_power_footer_section',
	)));

	//Copyright Background Color
    $wp_customize->add_setting('solar_power_copyright_background_color', array(
		'default'           => '#010f2e',
		'sanitize_callback' => 'sanitize_hex_color',
	));
	$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'solar_power_copyright_background_color', array(
		'label'    => __('Copyright Background Color', 'solar-power'),
		'section'  => 'solar_power_footer_section',
	)));

	$wp_customize->add_setting('solar_power_footer_wedget_title_color', array(
		'default'           => '',
		'sanitize_callback' => 'sanitize_hex_color',
	));
	$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'solar_power_footer_wedget_title_color', array(
		'label'    => __('Wedget Title Color', 'solar-power'),
		'section'  => 'solar_power_footer_section',
	)));

	$wp_customize->add_setting('solar_power_footer_wedget_text_color', array(
		'default'           => '',
		'sanitize_callback' => 'sanitize_hex_color',
	));
	$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'solar_power_footer_wedget_text_color', array(
		'label'    => __('Wedget Text Color', 'solar-power'),
		'section'  => 'solar_power_footer_section',
	)));

	//Wocommerce Shop Page
	$wp_customize->add_section('solar_power_woocommerce_shop_page',array(
		'title'	=> __('Woocommerce Shop Page','solar-power'),
		'panel' => 'solar_power_panel_id'
	));

	$wp_customize->add_setting( 'solar_power_products_per_column' , array(
		'default'           => 3,
		'transport'         => 'refresh',
		'sanitize_callback' => 'solar_power_sanitize_choices',
	) );
	$wp_customize->add_control( 'solar_power_products_per_column', array(
		'label'    => __( 'Product Per Columns', 'solar-power' ),
		'description'	=> __('How many products should be shown per Column?','solar-power'),
		'section'  => 'solar_power_woocommerce_shop_page',
		'type'     => 'select',
		'choices'  => array(
			'2' => '2',
			'3' => '3',
			'4' => '4',
			'5' => '5',
		),
	)  );

	$wp_customize->add_setting('solar_power_products_per_page',array(
		'default'	=> 9,
		'sanitize_callback'	=> 'solar_power_sanitize_float',
	));	
	$wp_customize->add_control('solar_power_products_per_page',array(
		'label'	=> __('Product Per Page','solar-power'),
		'description'	=> __('How many products should be shown per page?','solar-power'),
		'section'	=> 'solar_power_woocommerce_shop_page',
		'type'		=> 'number'
	));
	// site logo size
	$wp_customize->add_setting('solar_power_logo_size',array(
		'default' => '',
		'sanitize_callback'	=> 'solar_power_sanitize_float'
	));
	$wp_customize->add_control('solar_power_logo_size',array(
		'type' => 'range',
		'label' => __('Logo Size','solar-power'),
		'section' => 'title_tagline'
	));

	// logo site title size 
	$wp_customize->add_setting('solar_power_site_title_font_size',array(
		'default'	=> 25,
		'sanitize_callback'	=> 'solar_power_sanitize_float'
	));
	$wp_customize->add_control('solar_power_site_title_font_size',array(
		'label'	=> __('Site Title Font Size','solar-power'),
		'section'	=> 'title_tagline',
		'setting'	=> 'solar_power_site_title_font_size',
		'type'	=> 'number',
		'input_attrs' => array(
			'step'             => 1,
			'min'              => 0,
			'max'              => 50,
		),
	));
	
	$wp_customize->add_setting( 'solar_power_site_title_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_site_title_color', array(
		'label' => __('Title Color', 'solar-power'),
		'section' => 'title_tagline',
		'settings' => 'solar_power_site_title_color',
	)));

	// logo site tagline size 
	$wp_customize->add_setting('solar_power_site_tagline_font_size',array(
		'default'	=> 12,
		'sanitize_callback'	=> 'solar_power_sanitize_float'
	));
	$wp_customize->add_control('solar_power_site_tagline_font_size',array(
		'label'	=> __('Site Tagline Font Size','solar-power'),
		'section'	=> 'title_tagline',
		'setting'	=> 'solar_power_site_tagline_font_size',
		'type'	=> 'number',
		'input_attrs' => array(
			'step'             => 1,
			'min'              => 0,
			'max'              => 50,
		),
	));

	$wp_customize->add_setting( 'solar_power_site_tagline_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'solar_power_site_tagline_color', array(
		'label' => __('Tagline Color', 'solar-power'),
		'section' => 'title_tagline',
		'settings' => 'solar_power_site_tagline_color',
	)));

	// logo site title
	$wp_customize->add_setting('solar_power_site_title_tagline',array(
       'default' => true,
       'sanitize_callback'	=> 'solar_power_sanitize_checkbox'
    ));
    $wp_customize->add_control('solar_power_site_title_tagline',array(
       'type' => 'checkbox',
       'label' => __('Display Site Title and Tagline in Header','solar-power'),
       'section' => 'title_tagline'
    ));
}
add_action( 'customize_register', 'solar_power_customize_register' );