<?php
/**
 * Mobile Repair Shop Theme Customizer
 *
 * @package Mobile Repair Shop
 */

/**
 * @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 Mobile_Repair_Shop_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( 'Mobile_Repair_Shop_Customize_Section_Pro' );

		// Register sections.
		$manager->add_section(
			new Mobile_Repair_Shop_Customize_Section_Pro(
				$manager,
				'example_1',
				array(
					'priority' => 9,
					'title'    => esc_html__( 'Mobile Repair Shop Pro', 'mobile-repair-shop' ),
					'description' => __( 'Buy now and enjoy exclusive discounts!', 'mobile-repair-shop' ),
					'pro_text' => esc_html__( 'Go Pro', 'mobile-repair-shop' ),
					'pro_url'  => esc_url( 'https://www.logicalthemes.com/products/mobile-repair-shop-wordpress-theme/' ),
				)
			)
		);
	}

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

		wp_enqueue_script( 'mobile-repair-shop-customize-controls', trailingslashit( esc_url(get_template_directory_uri()) ) . '/assets/js/customize-controls.js', array( 'customize-controls' ) );

		wp_enqueue_style( 'mobile-repair-shop-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: #006ce6; 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;">Mobile Repair Shop 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: #006ce6; text-align: center;">
								<a href="https://www.logicalthemes.com/products/mobile-repair-shop-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);

					// Close handler: remove popup and backdrop
					const closeBtn = popup.querySelector('#offer-close-icon');
					const closeOffer = () => {
						if (popup && popup.parentNode) popup.remove();
						if (backdrop && backdrop.parentNode) backdrop.remove();
					};

					if (closeBtn) {
						closeBtn.addEventListener('click', closeOffer);
					}

					// Allow closing by clicking the backdrop
					backdrop.addEventListener('click', closeOffer);

					// Close on Escape key
					document.addEventListener('keydown', function (e) {
						if (e.key === 'Escape' || e.key === 'Esc') {
							closeOffer();
						}
					});

					// 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!
Mobile_Repair_Shop_Customize::get_instance();

function mobile_repair_shop_customize_register( $wp_customize ) {	

	//add home page setting pannel
	$wp_customize->add_panel( 'mobile_repair_shop_panel_id', array(
	    'priority' => 10,
	    'capability' => 'edit_theme_options',
	    'theme_supports' => '',
	    'title' => esc_html__( 'LT Settings', 'mobile-repair-shop' ),
	) );

	//Select width layout
    $wp_customize->add_setting('mobile_repair_shop_width_options',array(
        'default' => 'Full Width',
        'sanitize_callback' => 'mobile_repair_shop_sanitize_choices'
	));
	$wp_customize->add_control('mobile_repair_shop_width_options',array(
        'type' => 'radio',
        'label' => __('Select Width Layout','mobile-repair-shop'),
        'section' => 'mobile_repair_shop_left_right',
        'choices' => array(
        	'Full Width' => esc_html__('Full Width','mobile-repair-shop'),
            'Contained Width' => esc_html__('Contained Width','mobile-repair-shop'),
            'Boxed Width' => esc_html__('Boxed Width','mobile-repair-shop'),
        ),
	) );

	//Layout Setting
	$wp_customize->add_section( 'mobile_repair_shop_left_right' , array(
    	'title'      => esc_html__( 'General Settings', 'mobile-repair-shop' ),
		'priority'   => null,
		'panel' => 'mobile_repair_shop_panel_id'
	) );

	$wp_customize->add_setting('mobile_repair_shop_theme_options',array(
        'default' => 'One Column',
        'sanitize_callback' => 'mobile_repair_shop_sanitize_choices'
	));
	$wp_customize->add_control('mobile_repair_shop_theme_options',array(
        'type' => 'radio',
        'description' => __( 'Choose sidebar between different options', 'mobile-repair-shop' ),
        'label' => esc_html__( 'Post Sidebar Layout.', 'mobile-repair-shop' ),
        'section' => 'mobile_repair_shop_left_right',
        'choices' => array(
            'One Column' => esc_html__('One Column ','mobile-repair-shop'),
            'Three Columns' => esc_html__('Three Columns','mobile-repair-shop'),
            'Four Columns' => esc_html__('Four Columns','mobile-repair-shop'),
            'Right Sidebar' => esc_html__('Right Sidebar','mobile-repair-shop'),
            'Left Sidebar' => esc_html__('Left Sidebar','mobile-repair-shop'),
            'Grid Layout' => esc_html__('Grid Layout','mobile-repair-shop')
        ),
	));

	$wp_customize->add_setting('mobile_repair_shop_dropdown_anim',array(
		'default' => '',
		'capability' => 'edit_theme_options',
		'sanitize_callback' => 'mobile_repair_shop_sanitize_choices'
	));
	$wp_customize->add_control('mobile_repair_shop_dropdown_anim', array(
		'section'  => 'mobile_repair_shop_left_right',
		'label'    => __( 'Submenu Dropdown Effect','mobile-repair-shop'),
		'type'     => 'select',
		'choices'  => array(
			'bounceInUp' => __('bounceInUp', 'mobile-repair-shop'),
			'zoomIn' => __('zoomIn', 'mobile-repair-shop'),
			'flip-up' => __('flip-up', 'mobile-repair-shop'),
			'none' => __('none', 'mobile-repair-shop')
		)
	));

	$mobile_repair_shop_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( 'mobile_repair_shop_typography', array(
    	'title'      => __( 'Typography', 'mobile-repair-shop' ),
		'priority'   => null,
		'panel' => 'mobile_repair_shop_panel_id'
	) );
	
	// This is Paragraph Color picker setting
	$wp_customize->add_setting( 'mobile_repair_shop_paragraph_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_paragraph_color', array(
		'label' => __('Paragraph Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_typography',
		'settings' => 'mobile_repair_shop_paragraph_color',
	)));

	//This is Paragraph FontFamily picker setting
	$wp_customize->add_setting('mobile_repair_shop_paragraph_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'mobile_repair_shop_sanitize_choices'
	));
	$wp_customize->add_control(
	    'mobile_repair_shop_paragraph_font_family', array(
	    'section'  => 'mobile_repair_shop_typography',
	    'label'    => __( 'Paragraph Fonts','mobile-repair-shop'),
	    'type'     => 'select',
	    'choices'  => $mobile_repair_shop_font_array,
	));

	$wp_customize->add_setting('mobile_repair_shop_paragraph_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_paragraph_font_size',array(
		'label'	=> __('Paragraph Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_typography',
		'setting'	=> 'mobile_repair_shop_paragraph_font_size',
		'type'	=> 'text'
	));

	// This is "a" Tag Color picker setting
	$wp_customize->add_setting( 'mobile_repair_shop_atag_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_atag_color', array(
		'label' => __('"a" Tag Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_typography',
		'settings' => 'mobile_repair_shop_atag_color',
	)));

	//This is "a" Tag FontFamily picker setting
	$wp_customize->add_setting('mobile_repair_shop_atag_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'mobile_repair_shop_sanitize_choices'
	));
	$wp_customize->add_control(
	    'mobile_repair_shop_atag_font_family', array(
	    'section'  => 'mobile_repair_shop_typography',
	    'label'    => __( '"a" Tag Fonts','mobile-repair-shop'),
	    'type'     => 'select',
	    'choices'  => $mobile_repair_shop_font_array,
	));

	// This is "a" Tag Color picker setting
	$wp_customize->add_setting( 'mobile_repair_shop_li_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_li_color', array(
		'label' => __('"li" Tag Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_typography',
		'settings' => 'mobile_repair_shop_li_color',
	)));

	//This is "li" Tag FontFamily picker setting
	$wp_customize->add_setting('mobile_repair_shop_li_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'mobile_repair_shop_sanitize_choices'
	));
	$wp_customize->add_control(
	    'mobile_repair_shop_li_font_family', array(
	    'section'  => 'mobile_repair_shop_typography',
	    'label'    => __( '"li" Tag Fonts','mobile-repair-shop'),
	    'type'     => 'select',
	    'choices'  => $mobile_repair_shop_font_array,
	));

	// This is H1 Color picker setting
	$wp_customize->add_setting( 'mobile_repair_shop_h1_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_h1_color', array(
		'label' => __('H1 Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_typography',
		'settings' => 'mobile_repair_shop_h1_color',
	)));

	//This is H1 FontFamily picker setting
	$wp_customize->add_setting('mobile_repair_shop_h1_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'mobile_repair_shop_sanitize_choices'
	));
	$wp_customize->add_control(
	    'mobile_repair_shop_h1_font_family', array(
	    'section'  => 'mobile_repair_shop_typography',
	    'label'    => __( 'H1 Fonts','mobile-repair-shop'),
	    'type'     => 'select',
	    'choices'  => $mobile_repair_shop_font_array,
	));

	//This is H1 FontSize setting
	$wp_customize->add_setting('mobile_repair_shop_h1_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_h1_font_size',array(
		'label'	=> __('H1 Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_typography',
		'setting'	=> 'mobile_repair_shop_h1_font_size',
		'type'	=> 'text'
	));

	// This is H2 Color picker setting
	$wp_customize->add_setting( 'mobile_repair_shop_h2_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_h2_color', array(
		'label' => __('H2 Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_typography',
		'settings' => 'mobile_repair_shop_h2_color',
	)));

	//This is H2 FontFamily picker setting
	$wp_customize->add_setting('mobile_repair_shop_h2_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'mobile_repair_shop_sanitize_choices'
	));
	$wp_customize->add_control(
	    'mobile_repair_shop_h2_font_family', array(
	    'section'  => 'mobile_repair_shop_typography',
	    'label'    => __( 'H2 Fonts','mobile-repair-shop'),
	    'type'     => 'select',
	    'choices'  => $mobile_repair_shop_font_array,
	));

	//This is H2 FontSize setting
	$wp_customize->add_setting('mobile_repair_shop_h2_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_h2_font_size',array(
		'label'	=> __('H2 Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_typography',
		'setting'	=> 'mobile_repair_shop_h2_font_size',
		'type'	=> 'text'
	));

	// This is H3 Color picker setting
	$wp_customize->add_setting( 'mobile_repair_shop_h3_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_h3_color', array(
		'label' => __('H3 Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_typography',
		'settings' => 'mobile_repair_shop_h3_color',
	)));

	//This is H3 FontFamily picker setting
	$wp_customize->add_setting('mobile_repair_shop_h3_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'mobile_repair_shop_sanitize_choices'
	));
	$wp_customize->add_control(
	    'mobile_repair_shop_h3_font_family', array(
	    'section'  => 'mobile_repair_shop_typography',
	    'label'    => __( 'H3 Fonts','mobile-repair-shop'),
	    'type'     => 'select',
	    'choices'  => $mobile_repair_shop_font_array,
	));

	//This is H3 FontSize setting
	$wp_customize->add_setting('mobile_repair_shop_h3_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_h3_font_size',array(
		'label'	=> __('H3 Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_typography',
		'setting'	=> 'mobile_repair_shop_h3_font_size',
		'type'	=> 'text'
	));

	// This is H4 Color picker setting
	$wp_customize->add_setting( 'mobile_repair_shop_h4_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_h4_color', array(
		'label' => __('H4 Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_typography',
		'settings' => 'mobile_repair_shop_h4_color',
	)));

	//This is H4 FontFamily picker setting
	$wp_customize->add_setting('mobile_repair_shop_h4_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'mobile_repair_shop_sanitize_choices'
	));
	$wp_customize->add_control(
	    'mobile_repair_shop_h4_font_family', array(
	    'section'  => 'mobile_repair_shop_typography',
	    'label'    => __( 'H4 Fonts','mobile-repair-shop'),
	    'type'     => 'select',
	    'choices'  => $mobile_repair_shop_font_array,
	));

	//This is H4 FontSize setting
	$wp_customize->add_setting('mobile_repair_shop_h4_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_h4_font_size',array(
		'label'	=> __('H4 Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_typography',
		'setting'	=> 'mobile_repair_shop_h4_font_size',
		'type'	=> 'text'
	));

	// This is H5 Color picker setting
	$wp_customize->add_setting( 'mobile_repair_shop_h5_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_h5_color', array(
		'label' => __('H5 Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_typography',
		'settings' => 'mobile_repair_shop_h5_color',
	)));

	//This is H5 FontFamily picker setting
	$wp_customize->add_setting('mobile_repair_shop_h5_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'mobile_repair_shop_sanitize_choices'
	));
	$wp_customize->add_control(
	    'mobile_repair_shop_h5_font_family', array(
	    'section'  => 'mobile_repair_shop_typography',
	    'label'    => __( 'H5 Fonts','mobile-repair-shop'),
	    'type'     => 'select',
	    'choices'  => $mobile_repair_shop_font_array,
	));

	//This is H5 FontSize setting
	$wp_customize->add_setting('mobile_repair_shop_h5_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_h5_font_size',array(
		'label'	=> __('H5 Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_typography',
		'setting'	=> 'mobile_repair_shop_h5_font_size',
		'type'	=> 'text'
	));

	// This is H6 Color picker setting
	$wp_customize->add_setting( 'mobile_repair_shop_h6_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_h6_color', array(
		'label' => __('H6 Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_typography',
		'settings' => 'mobile_repair_shop_h6_color',
	)));

	//This is H6 FontFamily picker setting
	$wp_customize->add_setting('mobile_repair_shop_h6_font_family',array(
	  'default' => '',
	  'capability' => 'edit_theme_options',
	  'sanitize_callback' => 'mobile_repair_shop_sanitize_choices'
	));
	$wp_customize->add_control(
	    'mobile_repair_shop_h6_font_family', array(
	    'section'  => 'mobile_repair_shop_typography',
	    'label'    => __( 'H6 Fonts','mobile-repair-shop'),
	    'type'     => 'select',
	    'choices'  => $mobile_repair_shop_font_array,
	));

	//This is H6 FontSize setting
	$wp_customize->add_setting('mobile_repair_shop_h6_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_h6_font_size',array(
		'label'	=> __('H6 Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_typography',
		'setting'	=> 'mobile_repair_shop_h6_font_size',
		'type'	=> 'text'
	));

	//Topbar section
	$wp_customize->add_section('mobile_repair_shop_topbar',array(
		'title'	=> esc_html__('Topbar','mobile-repair-shop'),
		'priority'	=> null,
		'panel' => 'mobile_repair_shop_panel_id',
	));

	$wp_customize->add_setting( 'mobile_repair_shop_sticky_header',array(
		'default'	=> false,
      	'sanitize_callback'	=> 'mobile_repair_shop_sanitize_checkbox'
    ) );
    $wp_customize->add_control('mobile_repair_shop_sticky_header',array(
    	'type' => 'checkbox',
    	'description' => __( 'Click on the checkbox to enable sticky header.', 'mobile-repair-shop' ),
        'label' => __( 'Sticky Header','mobile-repair-shop' ),
        'section' => 'mobile_repair_shop_topbar'
    ));

    //Show /Hide Topbar
	$wp_customize->add_setting( 'mobile_repair_shop_show_topbar',array(
		'default' => false,
      	'sanitize_callback'	=> 'mobile_repair_shop_sanitize_checkbox'
    ) );
    $wp_customize->add_control('mobile_repair_shop_show_topbar',array(
    	'type' => 'checkbox',
    	'description' => __( 'Click on the checkbox to enable Topbar.', 'mobile-repair-shop' ),
        'label' => __( 'Topbar','mobile-repair-shop' ),
        'section' => 'mobile_repair_shop_topbar'
    ));

	$wp_customize->add_setting('mobile_repair_shop_email',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_email'
	));
	$wp_customize->add_control('mobile_repair_shop_email',array(
		'label'	=> __('Add Email Address','mobile-repair-shop'),
		'section' => 'mobile_repair_shop_topbar',
		'type'	 => 'text'
	));

	$wp_customize->add_setting('mobile_repair_shop_phone',array(
		'default'	=> '',
		'sanitize_callback'	=> 'mobile_repair_shop_sanitize_phone_number'
	));
	$wp_customize->add_control('mobile_repair_shop_phone',array(
		'label'	=> __('Add Phone Number','mobile-repair-shop'),
		'section' => 'mobile_repair_shop_topbar',
		'type'	 => 'text'
	));

    $wp_customize->add_setting( 'mobile_repair_shop_topbar_text_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_topbar_text_color', array(
		'label' => __('Topbar Text Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_topbar',
		'settings' => 'mobile_repair_shop_topbar_text_color',
	)));

    $wp_customize->add_setting( 'mobile_repair_shop_social_icons_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_social_icons_color', array(
		'label' => __('Topbar Icons Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_topbar',
		'settings' => 'mobile_repair_shop_social_icons_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_topbarbg_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_topbarbg_color', array(
		'label' => __('Topbar Background Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_topbar',
		'settings' => 'mobile_repair_shop_topbarbg_color',
	)));

	//Menu Settings
	$wp_customize->add_section( 'mobile_repair_shop_menu_settings' , array(
    	'title'      => esc_html__( 'Menu Settings', 'mobile-repair-shop' ),
		'priority'   => null,
		'panel' => 'mobile_repair_shop_panel_id'
	) );

    $wp_customize->add_setting( 'mobile_repair_shop_menu_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_menu_color', array(
		'label' => __('Menu Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_menu_settings',
		'settings' => 'mobile_repair_shop_menu_color',
	)));

    $wp_customize->add_setting( 'mobile_repair_shop_menu_hover_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_menu_hover_color', array(
		'label' => __('Menu Hover Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_menu_settings',
		'settings' => 'mobile_repair_shop_menu_hover_color',
	)));

    $wp_customize->add_setting( 'mobile_repair_shop_submenu_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_submenu_color', array(
		'label' => __('Submenu Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_menu_settings',
		'settings' => 'mobile_repair_shop_submenu_color',
	)));

    $wp_customize->add_setting( 'mobile_repair_shop_submenu_hover_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_submenu_hover_color', array(
		'label' => __('Submenu Hover Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_menu_settings',
		'settings' => 'mobile_repair_shop_submenu_hover_color',
	)));

	//home page slider
	$wp_customize->add_section( 'mobile_repair_shop_slidersettings' , array(
    	'title'      => esc_html__( 'Slider Settings', 'mobile-repair-shop' ),
		'priority'   => null,
		'panel' => 'mobile_repair_shop_panel_id'
	) );

	$wp_customize->add_setting('mobile_repair_shop_slider_hide_show',array(
       'default' => false,
       'sanitize_callback'	=> 'mobile_repair_shop_sanitize_checkbox'
	));
	$wp_customize->add_control('mobile_repair_shop_slider_hide_show',array(
	   'type' => 'checkbox',
	   'description' => __( 'Click on the checkbox to enable slider.', 'mobile-repair-shop' ),
	   'label' => esc_html__('Show / Hide slider','mobile-repair-shop'),
	   'section' => 'mobile_repair_shop_slidersettings',
	));

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

	for ( $count = 1; $count <= 4; $count++ ) {
		$wp_customize->add_setting( 'mobile_repair_shop_slider_page' . $count, array(
			'default'           => '',
			'sanitize_callback' => 'mobile_repair_shop_sanitize_dropdown_pages'
		) );
		$wp_customize->add_control( 'mobile_repair_shop_slider_page' . $count, array(
			'label'    => esc_html__( 'Select Slider Page', 'mobile-repair-shop' ),
			'section'  => 'mobile_repair_shop_slidersettings',
			'type'     => 'dropdown-pages'
		) );
	}

	$wp_customize->add_setting('mobile_repair_shop_slider_title_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_slider_title_font_size',array(
		'label'	=> __('Title Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_slidersettings',
		'setting'	=> 'mobile_repair_shop_slider_title_font_size',
		'type'	=> 'number'
	));

	$wp_customize->add_setting('mobile_repair_shop_slider_text_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_slider_text_font_size',array(
		'label'	=> __('Text Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_slidersettings',
		'setting'	=> 'mobile_repair_shop_slider_text_font_size',
		'type'	=> 'number'
	));

	$wp_customize->add_setting('mobile_repair_shop_slider_bg_image',array(
		'default'	=> '',
		'sanitize_callback'	=> 'esc_url_raw',
	));
	$wp_customize->add_control( new WP_Customize_Image_Control($wp_customize,'mobile_repair_shop_slider_bg_image',array(
        'label' => __('Slider Background Image','mobile-repair-shop'),
   		'description' => __( 'Slider Image Size (1400px x 650px)', 'mobile-repair-shop' ),
        'section' => 'mobile_repair_shop_slidersettings'
	)));

	$wp_customize->add_setting('mobile_repair_shop_slider_opacity',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_slider_opacity',array(
		'label'	=> __('Image Opacity','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_slidersettings',
		'setting'	=> 'mobile_repair_shop_slider_opacity',
		'type'	=> 'range',
		'input_attrs' => array(
			'min' => 0,
			'max' => 1,
			'step' => 0.1
		)
	));

	$wp_customize->add_setting('mobile_repair_shop_slider_btn_text1',array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('mobile_repair_shop_slider_btn_text1',array(
		'label'	=> __('Add 1nd Button Text','mobile-repair-shop'),
		'section' => 'mobile_repair_shop_slidersettings',
		'type'	  => 'text'
	));

	$wp_customize->add_setting('mobile_repair_shop_slider_btn_url1',array(
		'default' => '',
		'sanitize_callback'	=> 'esc_url_raw'
	));	
	$wp_customize->add_control('mobile_repair_shop_slider_btn_url1',array(
		'label'	=> __('Add 1nd Button URL','mobile-repair-shop'),
		'section' => 'mobile_repair_shop_slidersettings',
		'type'	  => 'url'
	));

	$wp_customize->add_setting('mobile_repair_shop_slider_btn_text2',array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('mobile_repair_shop_slider_btn_text2',array(
		'label'	=> __('Add 2nd Button Text','mobile-repair-shop'),
		'section' => 'mobile_repair_shop_slidersettings',
		'type'	  => 'text'
	));

	$wp_customize->add_setting('mobile_repair_shop_slider_btn_url2',array(
		'default' => '',
		'sanitize_callback'	=> 'esc_url_raw'
	));	
	$wp_customize->add_control('mobile_repair_shop_slider_btn_url2',array(
		'label'	=> __('Add 2nd Button URL','mobile-repair-shop'),
		'section' => 'mobile_repair_shop_slidersettings',
		'type'	  => 'url'
	));

	$wp_customize->add_setting('mobile_repair_shop_slider_btn_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_slider_btn_font_size',array(
		'label'	=> __('Button Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_slidersettings',
		'setting'	=> 'mobile_repair_shop_slider_btn_font_size',
		'type'	=> 'number'
	));

	$wp_customize->add_setting('mobile_repair_shop_slider_image_color',array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('mobile_repair_shop_slider_image_color',array(
		'label'	=> __('Image Frame Color','mobile-repair-shop'),
		'description' => __( 'Change color with number(-1 to 1)', 'mobile-repair-shop' ),
		'section' => 'mobile_repair_shop_slidersettings',
		'type'	  => 'number'
	));

	$wp_customize->add_setting( 'mobile_repair_shop_slider_title_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_slider_title_color', array(
		'label' => __('Title Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_slidersettings',
		'settings' => 'mobile_repair_shop_slider_title_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_slider_text_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_slider_text_color', array(
		'label' => __('Text Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_slidersettings',
		'settings' => 'mobile_repair_shop_slider_text_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_slider_btn_text_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_slider_btn_text_color', array(
		'label' => __('Button Text Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_slidersettings',
		'settings' => 'mobile_repair_shop_slider_btn_text_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_slider_btn_border_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_slider_btn_border_color', array(
		'label' => __('Button Border Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_slidersettings',
		'settings' => 'mobile_repair_shop_slider_btn_border_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_slider_btn_text_hover_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_slider_btn_text_hover_color', array(
		'label' => __('Button Text Hover Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_slidersettings',
		'settings' => 'mobile_repair_shop_slider_btn_text_hover_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_slider_btnbg_hover_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_slider_btnbg_hover_color', array(
		'label' => __('Button Background Hover Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_slidersettings',
		'settings' => 'mobile_repair_shop_slider_btnbg_hover_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_slider_btn_border_hover_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_slider_btn_border_hover_color', array(
		'label' => __('Button Border Hover Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_slidersettings',
		'settings' => 'mobile_repair_shop_slider_btn_border_hover_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_slider_npbtn_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_slider_npbtn_color', array(
		'label' => __('Next/Pre Button Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_slidersettings',
		'settings' => 'mobile_repair_shop_slider_npbtn_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_slider_npbtnbg_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_slider_npbtnbg_color', array(
		'label' => __('Next/Pre Button Background Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_slidersettings',
		'settings' => 'mobile_repair_shop_slider_npbtnbg_color',
	)));

	// Services Section
	$wp_customize->add_section('mobile_repair_shop_services_section',array(
		'title'	=> __('Services Section','mobile-repair-shop'),
		'panel' => 'mobile_repair_shop_panel_id',
	));

	$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('mobile_repair_shop_service_category',array(
		'default'	=> 'select',
		'sanitize_callback' => 'mobile_repair_shop_sanitize_choices',
	));
	$wp_customize->add_control('mobile_repair_shop_service_category',array(
		'type'    => 'select',
		'choices' => $cat_post,
		'label' => esc_html__('Select Category To Display Post','mobile-repair-shop'),
		'section' => 'mobile_repair_shop_services_section',
	));

	$wp_customize->add_setting('mobile_repair_shop_service_title_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_service_title_font_size',array(
		'label'	=> __('Title Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_services_section',
		'setting'	=> 'mobile_repair_shop_service_title_font_size',
		'type'	=> 'number'
	));

	$wp_customize->add_setting('mobile_repair_shop_service_text_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_service_text_font_size',array(
		'label'	=> __('Text Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_services_section',
		'setting'	=> 'mobile_repair_shop_service_text_font_size',
		'type'	=> 'number'
	));

	$wp_customize->add_setting('mobile_repair_shop_service_btn_text_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_service_btn_text_font_size',array(
		'label'	=> __('Button Text Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_services_section',
		'setting'	=> 'mobile_repair_shop_service_btn_text_font_size',
		'type'	=> 'number'
	));

	$wp_customize->add_setting( 'mobile_repair_shop_servicetitle_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_servicetitle_color', array(
		'label' => __('Title Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_services_section',
		'settings' => 'mobile_repair_shop_servicetitle_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_servicetitlebg_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_servicetitlebg_color', array(
		'label' => __('Title Background Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_services_section',
		'settings' => 'mobile_repair_shop_servicetitlebg_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_servicetext_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_servicetext_color', array(
		'label' => __('Text Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_services_section',
		'settings' => 'mobile_repair_shop_servicetext_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_servicebtn_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_servicebtn_color', array(
		'label' => __('Button Text Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_services_section',
		'settings' => 'mobile_repair_shop_servicebtn_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_servicebtnbg_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_servicebtnbg_color', array(
		'label' => __('Button Background Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_services_section',
		'settings' => 'mobile_repair_shop_servicebtnbg_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_serviceboxbg_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_serviceboxbg_color', array(
		'label' => __('Box Background Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_services_section',
		'settings' => 'mobile_repair_shop_serviceboxbg_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_serviceboxrc_color1', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_serviceboxrc_color1', array(
		'label' => __('Box Right Corner 1 Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_services_section',
		'settings' => 'mobile_repair_shop_serviceboxrc_color1',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_serviceboxrc_color2', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_serviceboxrc_color2', array(
		'label' => __('Box Right Corner 2 Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_services_section',
		'settings' => 'mobile_repair_shop_serviceboxrc_color2',
	)));

	//footer
	$wp_customize->add_section('mobile_repair_shop_footer_section',array(
		'title'	=> esc_html__('Footer Settings','mobile-repair-shop'),
		'panel' => 'mobile_repair_shop_panel_id'
	));
		
	$wp_customize->add_setting('mobile_repair_shop_footer_copy',array(
		'default'	=> 'Mobile Repair WordPress Theme By LogicalThemes',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('mobile_repair_shop_footer_copy',array(
		'label'	=> esc_html__('Copyright Text','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_footer_section',
		'type'		=> 'text'
	));

	$wp_customize->add_setting('mobile_repair_shop_footer_copy_text_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_footer_copy_text_font_size',array(
		'label'	=> __('Text Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_footer_section',
		'setting'	=> 'mobile_repair_shop_footer_copy_text_font_size',
		'type'	=> 'number'
	));

	$wp_customize->add_setting('mobile_repair_shop_footer_copy_padding',array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));	
	$wp_customize->add_control('mobile_repair_shop_footer_copy_padding',array(
		'label'	=> __('Top & Bottom Padding','mobile-repair-shop'),
		'section' => 'mobile_repair_shop_footer_section',
		'type'	  => 'text'
	));
	
	$wp_customize->add_setting( 'mobile_repair_shop_copyright_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_copyright_color', array(
		'label' => __('Copyright Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_footer_section',
		'settings' => 'mobile_repair_shop_copyright_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_copyrightbg_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_copyrightbg_color', array(
		'label' => __('Copyright BG Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_footer_section',
		'settings' => 'mobile_repair_shop_copyrightbg_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_footer_title_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_footer_title_color', array(
		'label' => __('Footer Title Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_footer_section',
		'settings' => 'mobile_repair_shop_footer_title_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_footer_menu_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_footer_menu_color', array(
		'label' => __('Footer Menu Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_footer_section',
		'settings' => 'mobile_repair_shop_footer_menu_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_footerbg_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_footerbg_color', array(
		'label' => __('Footer Overlay Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_footer_section',
		'settings' => 'mobile_repair_shop_footerbg_color',
	)));
	
	$wp_customize->add_setting('mobile_repair_shop_footer_opacity',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_footer_opacity',array(
		'label'	=> __('Image Opacity','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_footer_section',
		'setting'	=> 'mobile_repair_shop_footer_opacity',
		'type'	=> 'range',
		'input_attrs' => array(
			'min' => 0,
			'max' => 1,
			'step' => 0.1
		)
	));

	//Wocommerce Shop Page
	$wp_customize->add_section('mobile_repair_shop_woocommerce_shop_page',array(
		'title'	=> __('Woocommerce Shop Page','mobile-repair-shop'),
		'panel' => 'mobile_repair_shop_panel_id'
	));

	$wp_customize->add_setting( 'mobile_repair_shop_products_per_column' , array(
		'default'           => 3,
		'transport'         => 'refresh',
		'sanitize_callback' => 'mobile_repair_shop_sanitize_choices',
	) );
	$wp_customize->add_control( 'mobile_repair_shop_products_per_column', array(
		'label'    => __( 'Product Per Columns', 'mobile-repair-shop' ),
		'description'	=> __('How many products should be shown per Column?','mobile-repair-shop'),
		'section'  => 'mobile_repair_shop_woocommerce_shop_page',
		'type'     => 'select',
		'choices'  => array(
			'2' => '2',
			'3' => '3',
			'4' => '4',
			'5' => '5',
		),
	)  );

	$wp_customize->add_setting('mobile_repair_shop_products_per_page',array(
		'default'	=> 9,
		'sanitize_callback'	=> 'mobile_repair_shop_sanitize_float',
	));	
	$wp_customize->add_control('mobile_repair_shop_products_per_page',array(
		'label'	=> __('Product Per Page','mobile-repair-shop'),
		'description'	=> __('How many products should be shown per page?','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_woocommerce_shop_page',
		'type'		=> 'number'
	));

	$wp_customize->add_setting('mobile_repair_shop_product_title_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('mobile_repair_shop_product_title_font_size',array(
		'label'	=> __('Title Font Size','mobile-repair-shop'),
		'section'	=> 'mobile_repair_shop_woocommerce_shop_page',
		'setting'	=> 'mobile_repair_shop_product_title_font_size',
		'type'	=> 'number'
	));

	$wp_customize->add_setting( 'mobile_repair_shop_product_title_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_product_title_color', array(
		'label' => __('Product Title Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_woocommerce_shop_page',
		'settings' => 'mobile_repair_shop_product_title_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_product_price_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_product_price_color', array(
		'label' => __('Product Price Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_woocommerce_shop_page',
		'settings' => 'mobile_repair_shop_product_price_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_product_btn_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_product_btn_color', array(
		'label' => __('Product Button Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_woocommerce_shop_page',
		'settings' => 'mobile_repair_shop_product_btn_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_product_btn_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_product_btn_color', array(
		'label' => __('Button Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_woocommerce_shop_page',
		'settings' => 'mobile_repair_shop_product_btn_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_product_btn_bg_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_product_btn_bg_color', array(
		'label' => __('Button Background Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_woocommerce_shop_page',
		'settings' => 'mobile_repair_shop_product_btn_bg_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_product_btn_hover_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_product_btn_hover_color', array(
		'label' => __('Button Hover Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_woocommerce_shop_page',
		'settings' => 'mobile_repair_shop_product_btn_hover_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_product_btn_hover_bg_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_product_btn_hover_bg_color', array(
		'label' => __('Button Hover Background Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_woocommerce_shop_page',
		'settings' => 'mobile_repair_shop_product_btn_hover_bg_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_product_sale_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_product_sale_color', array(
		'label' => __('Sale Badge Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_woocommerce_shop_page',
		'settings' => 'mobile_repair_shop_product_sale_color',
	)));

	$wp_customize->add_setting( 'mobile_repair_shop_product_sale_bg_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_product_sale_bg_color', array(
		'label' => __('Sale Badge Background Color', 'mobile-repair-shop'),
		'section' => 'mobile_repair_shop_woocommerce_shop_page',
		'settings' => 'mobile_repair_shop_product_sale_bg_color',
	)));

	// logo site title
	$wp_customize->add_setting('mobile_repair_shop_logo_size',array(
		'default' => '',
		'sanitize_callback'	=> 'mobile_repair_shop_sanitize_float'
	));
	$wp_customize->add_control('mobile_repair_shop_logo_size',array(
		'type' => 'range',
		'label' => __('Logo Size','mobile-repair-shop'),
		'section' => 'title_tagline'
	 ));

	$wp_customize->add_setting('mobile_repair_shop_site_title_tagline',array(
       'default' => true,
       'sanitize_callback'	=> 'mobile_repair_shop_sanitize_checkbox'
    ));
    $wp_customize->add_control('mobile_repair_shop_site_title_tagline',array(
       'type' => 'checkbox',
       'label' => __('Display Site Title and Tagline in Header','mobile-repair-shop'),
       'section' => 'title_tagline'
    ));

    $wp_customize->add_setting( 'mobile_repair_shop_site_title_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_site_title_color', array(
		'label' => __('Site Title Color', 'mobile-repair-shop'),
		'section' => 'title_tagline',
		'settings' => 'mobile_repair_shop_site_title_color',
	)));

    $wp_customize->add_setting( 'mobile_repair_shop_site_tagline_color', array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mobile_repair_shop_site_tagline_color', array(
		'label' => __('Site Tagline Color', 'mobile-repair-shop'),
		'section' => 'title_tagline',
		'settings' => 'mobile_repair_shop_site_tagline_color',
	)));
}
add_action( 'customize_register', 'mobile_repair_shop_customize_register' );