<?php
/**
 * VR Games Theme Customizer
 *
 * @link: https://developer.wordpress.org/themes/customize-api/customizer-objects/
 *
 * @package VR Games
 */

if ( ! defined( 'VR_GAMES_URL' ) ) {
    define( 'VR_GAMES_URL', esc_url( 'https://www.themagnifico.net/products/games-wordpress-theme', 'vr-games') );
}
if ( ! defined( 'VR_GAMES_TEXT' ) ) {
    define( 'VR_GAMES_TEXT', __( 'VR Games Pro','vr-games' ));
}
if ( ! defined( 'VR_GAMES_BUY_TEXT' ) ) {
    define( 'VR_GAMES_BUY_TEXT', __( 'Buy VR Games Pro','vr-games' ));
}

use WPTRT\Customize\Section\Vr_Games_Button;

add_action( 'customize_register', function( $manager ) {

    $manager->register_section_type( Vr_Games_Button::class );

    $manager->add_section(
        new Vr_Games_Button( $manager, 'vr_games_pro', [
            'title'       => esc_html( VR_GAMES_TEXT,'vr-games' ),
            'priority'    => 0,
            'button_text' => __( 'GET PREMIUM', 'vr-games' ),
            'button_url'  => esc_url( VR_GAMES_URL )
        ] )
    );

} );

// Load the JS and CSS.
add_action( 'customize_controls_enqueue_scripts', function() {

    $version = wp_get_theme()->get( 'Version' );

    wp_enqueue_script(
        'vr-games-customize-section-button',
        get_theme_file_uri( 'vendor/wptrt/customize-section-button/public/js/customize-controls.js' ),
        [ 'customize-controls' ],
        $version,
        true
    );

    wp_enqueue_style(
        'vr-games-customize-section-button',
        get_theme_file_uri( 'vendor/wptrt/customize-section-button/public/css/customize-controls.css' ),
        [ 'customize-controls' ],
        $version
    );

} );

/**
 * Add postMessage support for site title and description for the Theme Customizer.
 *
 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
 */
function vr_games_customize_register($wp_customize){

    // Pro Version
    class Vr_Games_Customize_Pro_Version extends WP_Customize_Control {
        public $type = 'pro_options';

        public function render_content() {
            echo '<span>For More <strong>'. esc_html( $this->label ) .'</strong>?</span>';
            echo '<a href="'. esc_url($this->description) .'" target="_blank">';
                echo '<span class="dashicons dashicons-info"></span>';
                echo '<strong> '. esc_html( VR_GAMES_BUY_TEXT,'vr-games' ) .'<strong></a>';
            echo '</a>';
        }
    }

    // Custom Controls
    function Vr_Games_sanitize_custom_control( $input ) {
        return $input;
    }

    $wp_customize->get_setting('blogname')->transport = 'postMessage';
    $wp_customize->get_setting('blogdescription')->transport = 'postMessage';

    $wp_customize->add_setting('vr_games_logo_title_text', array(
        'default' => true,
        'sanitize_callback' => 'vr_games_sanitize_checkbox'
    ));
    $wp_customize->add_control( new WP_Customize_Control($wp_customize,'vr_games_logo_title_text',array(
        'label'          => __( 'Enable Disable Title', 'vr-games' ),
        'section'        => 'title_tagline',
        'settings'       => 'vr_games_logo_title_text',
        'type'           => 'checkbox',
    )));

    $wp_customize->add_setting('vr_games_theme_description', array(
        'default' => false,
        'sanitize_callback' => 'vr_games_sanitize_checkbox'
    ));
    $wp_customize->add_control( new WP_Customize_Control($wp_customize,'vr_games_theme_description',array(
        'label'          => __( 'Enable Disable Tagline', 'vr-games' ),
        'section'        => 'title_tagline',
        'settings'       => 'vr_games_theme_description',
        'type'           => 'checkbox',
    )));

    //Logo
    $wp_customize->add_setting('vr_games_logo_max_height',array(
        'default'   => '200',
        'sanitize_callback' => 'vr_games_sanitize_number_absint'
    ));
    $wp_customize->add_control('vr_games_logo_max_height',array(
        'label' => esc_html__('Logo Width','vr-games'),
        'section'   => 'title_tagline',
        'type'      => 'number'
    ));

    // Global Settings
     $wp_customize->add_section('vr_games_global_color_settings',array(
        'title' => esc_html__('Global Settings','vr-games'),
        'priority'   => 28,
    ));

    $wp_customize->add_setting( 'vr_games_first_color', array(
        'default' => '#DA55F4',
        'sanitize_callback' => 'sanitize_hex_color'
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vr_games_first_color', array(
        'label' => __('Select Your First Color', 'vr-games'),
        'description' => __('Change the global color of the theme in one click.', 'vr-games'),
        'section' => 'vr_games_global_color_settings',
        'settings' => 'vr_games_first_color',
    )));

    $wp_customize->add_setting( 'vr_games_second_color', array(
        'default' => '#100752',
        'sanitize_callback' => 'sanitize_hex_color'
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vr_games_second_color', array(
        'label' => __('Select Your Second Color', 'vr-games'),
        'description' => __('Change the global color of the theme in one click.', 'vr-games'),
        'section' => 'vr_games_global_color_settings',
        'settings' => 'vr_games_second_color',
    )));

    //Typography option
    $vr_games_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',
        'Roboto'                 => 'Roboto',
        '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'
    );

    // Heading Typography
    $wp_customize->add_setting( 'vr_games_heading_color', array(
        'default' => '',
        'sanitize_callback' => 'sanitize_hex_color'
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vr_games_heading_color', array(
        'label' => __('Heading Color', 'vr-games'),
        'section' => 'vr_games_global_color_settings',
        'settings' => 'vr_games_heading_color',
    )));

    $wp_customize->add_setting('vr_games_heading_font_family', array(
        'default'           => '',
        'capability'        => 'edit_theme_options',
        'sanitize_callback' => 'vr_games_sanitize_choices',
    ));
    $wp_customize->add_control( 'vr_games_heading_font_family', array(
        'section' => 'vr_games_global_color_settings',
        'label'   => __('Heading Fonts', 'vr-games'),
        'type'    => 'select',
        'choices' => $vr_games_font_array,
    ));

    $wp_customize->add_setting('vr_games_heading_font_size',array(
        'default' => '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_heading_font_size',array(
        'label' => esc_html__('Heading Font Size','vr-games'),
        'section' => 'vr_games_global_color_settings',
        'setting' => 'vr_games_heading_font_size',
        'type'  => 'text'
    ));

    // Paragraph Typography
    $wp_customize->add_setting( 'vr_games_paragraph_color', array(
        'default' => '',
        'sanitize_callback' => 'sanitize_hex_color'
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vr_games_paragraph_color', array(
        'label' => __('Paragraph Color', 'vr-games'),
        'section' => 'vr_games_global_color_settings',
        'settings' => 'vr_games_paragraph_color',
    )));

    $wp_customize->add_setting('vr_games_paragraph_font_family', array(
        'default'           => '',
        'capability'        => 'edit_theme_options',
        'sanitize_callback' => 'vr_games_sanitize_choices',
    ));
    $wp_customize->add_control( 'vr_games_paragraph_font_family', array(
        'section' => 'vr_games_global_color_settings',
        'label'   => __('Paragraph Fonts', 'vr-games'),
        'type'    => 'select',
        'choices' => $vr_games_font_array,
    ));

    $wp_customize->add_setting('vr_games_paragraph_font_size',array(
        'default' => '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_paragraph_font_size',array(
        'label' => esc_html__('Paragraph Font Size','vr-games'),
        'section' => 'vr_games_global_color_settings',
        'setting' => 'vr_games_paragraph_font_size',
        'type'  => 'text'
    ));

    // Pro Version
    $wp_customize->add_setting( 'pro_version_global_color_setting', array(
        'sanitize_callback' => 'Vr_Games_sanitize_custom_control'
    ));
    $wp_customize->add_control( new Vr_Games_Customize_Pro_Version ( $wp_customize,'pro_version_global_color_setting', array(
        'section'     => 'vr_games_global_color_settings',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Customizer Options', 'vr-games' ),
        'description' => esc_url( VR_GAMES_URL ),
        'priority'    => 100
    )));

    // Post Layouts Settings
     $wp_customize->add_section('vr_games_post_layouts_settings',array(
        'title' => esc_html__('Post Layouts Settings','vr-games'),
        'priority'   => 30,
    ));

    $wp_customize->add_setting('vr_games_post_layout',array(
        'default' => 'pattern_two_column_right',
        'sanitize_callback' => 'vr_games_sanitize_choices'
    ));
    $wp_customize->add_control(new VR_Games_Image_Radio_Control($wp_customize, 'vr_games_post_layout', array(
        'type' => 'select',
        'label' => __('Blog Post Layouts','vr-games'),
        'section' => 'vr_games_post_layouts_settings',
        'choices' => array(
            'pattern_one_column' => esc_url(get_template_directory_uri()).'/assets/img/1column.png',
            'pattern_two_column_right' => esc_url(get_template_directory_uri()).'/assets/img/right-sidebar.png',
            'pattern_two_column_left' => esc_url(get_template_directory_uri()).'/assets/img/left-sidebar.png',
            'pattern_three_column' => esc_url(get_template_directory_uri()).'/assets/img/3column.png',
            'pattern_four_column' => esc_url(get_template_directory_uri()).'/assets/img/4column.png',
            'pattern_grid_post' => esc_url(get_template_directory_uri()).'/assets/img/grid.png',
    ))
    ));

    // General Settings
     $wp_customize->add_section('vr_games_general_settings',array(
        'title' => esc_html__('General Settings','vr-games'),
        'priority'   => 30,
    ));

    $wp_customize->add_setting('vr_games_preloader_hide', array(
        'default' => 0,
        'sanitize_callback' => 'vr_games_sanitize_checkbox'
    ));
    $wp_customize->add_control( new WP_Customize_Control($wp_customize,'vr_games_preloader_hide',array(
        'label'          => __( 'Show Theme Preloader', 'vr-games' ),
        'section'        => 'vr_games_general_settings',
        'settings'       => 'vr_games_preloader_hide',
        'type'           => 'checkbox',
    )));

    $wp_customize->add_setting( 'vr_games_preloader_bg_color', array(
        'default' => '',
        'sanitize_callback' => 'sanitize_hex_color'
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vr_games_preloader_bg_color', array(
        'label' => esc_html__('Preloader Background Color','vr-games'),
        'section' => 'vr_games_general_settings',
        'settings' => 'vr_games_preloader_bg_color'
    )));

    $wp_customize->add_setting( 'vr_games_preloader_dot_1_color', array(
        'default' => '#ffffff',
        'sanitize_callback' => 'sanitize_hex_color'
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vr_games_preloader_dot_1_color', array(
        'label' => esc_html__('Preloader First Dot Color','vr-games'),
        'section' => 'vr_games_general_settings',
        'settings' => 'vr_games_preloader_dot_1_color',
        'active_callback' => 'vr_games_preloader1'
    )));

    $wp_customize->add_setting( 'vr_games_preloader_dot_2_color', array(
        'default' => '#000000',
        'sanitize_callback' => 'sanitize_hex_color'
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vr_games_preloader_dot_2_color', array(
        'label' => esc_html__('Preloader Second Dot Color','vr-games'),
        'section' => 'vr_games_general_settings',
        'settings' => 'vr_games_preloader_dot_2_color',
        'active_callback' => 'vr_games_preloader1'
    )));

    $wp_customize->add_setting( 'vr_games_preloader2_dot_color', array(
        'default' => '#DA55F4',
        'sanitize_callback' => 'sanitize_hex_color'
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vr_games_preloader2_dot_color', array(
        'label' => esc_html__('Preloader Dot Color','vr-games'),
        'section' => 'vr_games_general_settings',
        'settings' => 'vr_games_preloader2_dot_color',
        'active_callback' => 'vr_games_preloader2'
    )));

    $wp_customize->add_setting('vr_games_scroll_hide', array(
        'default' => true,
        'sanitize_callback' => 'vr_games_sanitize_checkbox'
    ));
    $wp_customize->add_control( new WP_Customize_Control($wp_customize,'vr_games_scroll_hide',array(
        'label'          => __( 'Show Theme Scroll To Top', 'vr-games' ),
        'section'        => 'vr_games_general_settings',
        'settings'       => 'vr_games_scroll_hide',
        'type'           => 'checkbox',
    )));

    $wp_customize->add_setting('vr_games_scroll_top_position',array(
        'default' => 'Right',
        'sanitize_callback' => 'vr_games_sanitize_choices'
    ));
    $wp_customize->add_control('vr_games_scroll_top_position',array(
        'type' => 'radio',
        'section' => 'vr_games_general_settings',
        'choices' => array(
            'Right' => __('Right','vr-games'),
            'Left' => __('Left','vr-games'),
            'Center' => __('Center','vr-games')
        ),
    ) );

    $wp_customize->add_setting( 'vr_games_scroll_bg_color', array(
        'default' => '',
        'sanitize_callback' => 'sanitize_hex_color'
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vr_games_scroll_bg_color', array(
        'label' => esc_html__('Scroll Top Background Color','vr-games'),
        'section' => 'vr_games_general_settings',
        'settings' => 'vr_games_scroll_bg_color'
    )));

    $wp_customize->add_setting( 'vr_games_scroll_color', array(
        'default' => '',
        'sanitize_callback' => 'sanitize_hex_color'
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vr_games_scroll_color', array(
        'label' => esc_html__('Scroll Top Color','vr-games'),
        'section' => 'vr_games_general_settings',
        'settings' => 'vr_games_scroll_color'
    )));

    $wp_customize->add_setting('vr_games_scroll_font_size',array(
        'default'   => '16',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_scroll_font_size',array(
        'label' => __('Scroll Top Font Size','vr-games'),
        'description' => __('Put in px','vr-games'),
        'section'   => 'vr_games_general_settings',
        'type'      => 'number'
    ));

    $wp_customize->add_setting('vr_games_scroll_border_radius',array(
        'default'   => '0',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_scroll_border_radius',array(
        'label' => __('Scroll Top Border Radius','vr-games'),
        'description' => __('Put in %','vr-games'),
        'section'   => 'vr_games_general_settings',
        'type'      => 'number'
    ));

    // Product Columns
    $wp_customize->add_setting( 'vr_games_products_per_row' , array(
       'default'           => '3',
       'transport'         => 'refresh',
       'sanitize_callback' => 'vr_games_sanitize_select',
    ) );

    $wp_customize->add_control('vr_games_products_per_row', array(
       'label' => __( 'Product per row', 'vr-games' ),
       'section'  => 'vr_games_general_settings',
       'type'     => 'select',
       'choices'  => array(
           '2' => '2',
           '3' => '3',
           '4' => '4',
       ),
    ) );    

    $wp_customize->add_setting('vr_games_product_per_page',array(
        'default'   => '9',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_product_per_page',array(
        'label' => __('Product per page','vr-games'),
        'section'   => 'vr_games_general_settings',
        'type'      => 'number'
    ));

     // Product Columns
    $wp_customize->add_setting('custom_related_products_number_per_row',array(
        'default'           => '3',
        'transport'         => 'refresh',
        'sanitize_callback' => 'sanitize_text_field',
    ));

    $wp_customize->add_control('custom_related_products_number_per_row',array(
        'label'       => esc_html__('Related Products Column Count', 'vr-games'),
        'section'     => 'vr_games_general_settings',
        'type'        => 'number',
        'input_attrs' => array(
            'step' => 1,
            'min'  => 1,
            'max'  => 4,
        ),
    ));

    // Product Columns
    $wp_customize->add_setting('custom_related_products_number',array(
        'default'           => '3',
        'transport'         => 'refresh',
        'sanitize_callback' => 'sanitize_text_field',
    ));

    $wp_customize->add_control('custom_related_products_number',array(
        'label'       => esc_html__('Number of Related Products Per Page', 'vr-games'),
        'section'     => 'vr_games_general_settings',
        'type'        => 'number',
        'input_attrs' => array(
            'step' => 1,
            'min'  => 1,
            'max'  => 10,
        ),
    ));

    $wp_customize->add_setting('vr_games_related_product_display_setting', array(
        'default' => true,
        'sanitize_callback' => 'vr_games_sanitize_checkbox'
    ));
    $wp_customize->add_control( new WP_Customize_Control($wp_customize,'vr_games_related_product_display_setting',array(
        'label'          => __( 'Show Related Products', 'vr-games' ),
        'section'        => 'vr_games_general_settings',
        'settings'       => 'vr_games_related_product_display_setting',
        'type'           => 'checkbox',
    )));

    //Woocommerce shop page Sidebar
    $wp_customize->add_setting('vr_games_woocommerce_shop_page_sidebar', array(
        'default' => true,
        'sanitize_callback' => 'vr_games_sanitize_checkbox'
    ));
    $wp_customize->add_control( new WP_Customize_Control($wp_customize,'vr_games_woocommerce_shop_page_sidebar',array(
        'label'          => __( 'Hide Shop Page Sidebar', 'vr-games' ),
        'section'        => 'vr_games_general_settings',
        'settings'       => 'vr_games_woocommerce_shop_page_sidebar',
        'type'           => 'checkbox',
    )));

    $wp_customize->add_setting('vr_games_shop_page_sidebar_layout',array(
        'default' => 'Right Sidebar',
        'sanitize_callback' => 'vr_games_sanitize_choices'
    ));
    $wp_customize->add_control('vr_games_shop_page_sidebar_layout',array(
        'type' => 'select',
        'label' => __('Woocommerce Shop Page Sidebar','vr-games'),
        'section' => 'vr_games_general_settings',
        'choices' => array(
            'Left Sidebar' => __('Left Sidebar','vr-games'),
            'Right Sidebar' => __('Right Sidebar','vr-games'),
        ),
    ) );

    //Woocommerce Single Product page Sidebar
    $wp_customize->add_setting('vr_games_woocommerce_single_product_page_sidebar', array(
        'default' => true,
        'sanitize_callback' => 'vr_games_sanitize_checkbox'
    ));
    $wp_customize->add_control( new WP_Customize_Control($wp_customize,'vr_games_woocommerce_single_product_page_sidebar',array(
        'label'          => __( 'Hide Single Product Page Sidebar', 'vr-games' ),
        'section'        => 'vr_games_general_settings',
        'settings'       => 'vr_games_woocommerce_single_product_page_sidebar',
        'type'           => 'checkbox',
    )));

    $wp_customize->add_setting('vr_games_single_product_sidebar_layout',array(
        'default' => 'Right Sidebar',
        'sanitize_callback' => 'vr_games_sanitize_choices'
    ));
    $wp_customize->add_control('vr_games_single_product_sidebar_layout',array(
        'type' => 'select',
        'label' => __('Woocommerce Single Product Page Sidebar','vr-games'),
        'section' => 'vr_games_general_settings',
        'choices' => array(
            'Left Sidebar' => __('Left Sidebar','vr-games'),
            'Right Sidebar' => __('Right Sidebar','vr-games'),
        ),
    ) );

    // Pro Version
    $wp_customize->add_setting( 'pro_version_general_setting', array(
        'sanitize_callback' => 'Vr_Games_sanitize_custom_control'
    ));
    $wp_customize->add_control( new Vr_Games_Customize_Pro_Version ( $wp_customize,'pro_version_general_setting', array(
        'section'     => 'vr_games_general_settings',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Customizer Options', 'vr-games' ),
        'description' => esc_url( VR_GAMES_URL ),
        'priority'    => 100
    )));

    //404 Page Settings
    $wp_customize->add_section('vr_games_404_page_settings',array(
        'title' => esc_html__(' 404 Page Settings','vr-games')
    ));

    $wp_customize->add_setting('vr_games_404_page_main_heading',array(
        'default'           => __( 'Oops! Page Not Found', 'vr-games' ),
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_404_page_main_heading',array(
        'label' => esc_html__('404 Main Heading','vr-games'),
        'section' => 'vr_games_404_page_settings',
        'setting' => 'vr_games_404_page_main_heading',
        'type'  => 'text'
    ));

    $wp_customize->add_setting('vr_games_404_page_content_1',array(
        'default'           => __( 'We can’t seem to find the page you’re looking for.', 'vr-games' ),
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_404_page_content_1',array(
        'label' => esc_html__('404 Main Content 1','vr-games'),
        'section' => 'vr_games_404_page_settings',
        'setting' => 'vr_games_404_page_content_1',
        'type'  => 'text'
    ));

    $wp_customize->add_setting('vr_games_404_page_text_1',array(
        'default'           => __( 'It looks like nothing was found at this location.', 'vr-games' ),
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_404_page_text_1',array(
        'label' => esc_html__('404 Text 1','vr-games'),
        'section' => 'vr_games_404_page_settings',
        'setting' => 'vr_games_404_page_text_1',
        'type'  => 'text'
    ));

    $wp_customize->add_setting('vr_games_404_page_content_2',array(
        'default'           => __( 'Need Help?', 'vr-games' ),
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_404_page_content_2',array(
        'label' => esc_html__('404 Main Content 2','vr-games'),
        'section' => 'vr_games_404_page_settings',
        'setting' => 'vr_games_404_page_content_2',
        'type'  => 'text'
    ));

    $wp_customize->add_setting('vr_games_404_page_text_2',array(
        'default'           => __( 'Try searching for what you need below.', 'vr-games' ),
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_404_page_text_2',array(
        'label' => esc_html__('404 Text 2','vr-games'),
        'section' => 'vr_games_404_page_settings',
        'setting' => 'vr_games_404_page_text_2',
        'type'  => 'text'
    ));

    // Header
    $wp_customize->add_section('vr_games_top_header',array(
        'title' => esc_html__('Header Option','vr-games')
    ));

    $wp_customize->add_setting('vr_games_header_search_setting', array(
        'default' => true,
        'sanitize_callback' => 'vr_games_sanitize_checkbox'
    ));
    $wp_customize->add_control( new WP_Customize_Control($wp_customize,'vr_games_header_search_setting',array(
        'label'          => __( 'Show Search Icon', 'vr-games' ),
        'section'        => 'vr_games_top_header',
        'settings'       => 'vr_games_header_search_setting',
        'type'           => 'checkbox',
    )));

    // Pro Version
    $wp_customize->add_setting( 'pro_version_top_header_setting', array(
        'sanitize_callback' => 'Vr_Games_sanitize_custom_control'
    ));
    $wp_customize->add_control( new Vr_Games_Customize_Pro_Version ( $wp_customize,'pro_version_top_header_setting', array(
        'section'     => 'vr_games_top_header',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Customizer Options', 'vr-games' ),
        'description' => esc_url( VR_GAMES_URL ),
        'priority'    => 100
    )));

    //Menu Settings
    $wp_customize->add_section('vr_games_menu_settings',array(
        'title' => esc_html__('Menus Settings','vr-games'),
    ));

    $wp_customize->add_setting('vr_games_menu_font_size',array(
        'default' => '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_menu_font_size',array(
        'label' => esc_html__('Menu Font Size','vr-games'),
        'section' => 'vr_games_menu_settings',
        'type'  => 'number'
    ));

    $wp_customize->add_setting('vr_games_nav_menu_text_transform',array(
        'default'=> 'Capitalize',
        'sanitize_callback' => 'vr_games_sanitize_choices'
    ));
    $wp_customize->add_control('vr_games_nav_menu_text_transform',array(
        'type' => 'radio',
        'label' => esc_html__('Menu Text Transform','vr-games'),
        'choices' => array(
            'Uppercase' => __('Uppercase','vr-games'),
            'Capitalize' => __('Capitalize','vr-games'),
            'Lowercase' => __('Lowercase','vr-games'),
        ),
        'section'=> 'vr_games_menu_settings',
    ));

    $wp_customize->add_setting('vr_games_nav_menu_font_weight',array(
        'default'=> '600',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_nav_menu_font_weight',array(
        'type' => 'number',
        'label' => esc_html__('Menu Font Weight','vr-games'),
        'input_attrs' => array(
            'step'             => 100,
            'min'              => 100,
            'max'              => 1000,
        ),
        'section'=> 'vr_games_menu_settings',
    ));

    //Slider
    $wp_customize->add_section('vr_games_top_slider',array(
        'title' => esc_html__('Slider Settings','vr-games'),
    ));

    $wp_customize->add_setting('vr_games_slider_section_setting', array(
        'default' => true,
        'sanitize_callback' => 'vr_games_sanitize_checkbox'
    ));
    $wp_customize->add_control( new WP_Customize_Control($wp_customize,'vr_games_slider_section_setting',array(
        'label'          => __( 'Show Slider', 'vr-games' ),
        'section'        => 'vr_games_top_slider',
        'settings'       => 'vr_games_slider_section_setting',
        'type'           => 'checkbox',
    )));

    $wp_customize->add_setting('vr_games_slider_title_setting', array(
        'default' => 1,
        'sanitize_callback' => 'vr_games_sanitize_checkbox'
    ));
    $wp_customize->add_control( new WP_Customize_Control($wp_customize,'vr_games_slider_title_setting',array(
        'label'          => __( 'Enable Disable Slider Title', 'vr-games' ),
        'section'        => 'vr_games_top_slider',
        'settings'       => 'vr_games_slider_title_setting',
        'type'           => 'checkbox',
    )));

    $wp_customize->add_setting('vr_games_slider_content_setting', array(
        'default' => 1,
        'sanitize_callback' => 'vr_games_sanitize_checkbox'
    ));
    $wp_customize->add_control( new WP_Customize_Control($wp_customize,'vr_games_slider_content_setting',array(
        'label'          => __( 'Enable Disable Slider Content', 'vr-games' ),
        'section'        => 'vr_games_top_slider',
        'settings'       => 'vr_games_slider_content_setting',
        'type'           => 'checkbox',
    )));

    $wp_customize->add_setting('vr_games_slider_button_setting', array(
        'default' => 1,
        'sanitize_callback' => 'vr_games_sanitize_checkbox'
    ));
    $wp_customize->add_control( new WP_Customize_Control($wp_customize,'vr_games_slider_button_setting',array(
        'label'          => __( 'Enable Disable Slider Button', 'vr-games' ),
        'section'        => 'vr_games_top_slider',
        'settings'       => 'vr_games_slider_button_setting',
        'type'           => 'checkbox',
    )));

    $wp_customize->add_setting('vr_games_slider_background_image' ,array(
            'default' => '',
            'sanitize_callback' => 'esc_url_raw',
    ));
    $wp_customize->add_control(
        new WP_Customize_Image_Control( $wp_customize,'vr_games_slider_background_image' ,array(
            'label' => __('Slider Background Image','vr-games'),
            'section' => 'vr_games_top_slider',
            'settings' => 'vr_games_slider_background_image' 
    )));

    for ( $vr_games_count = 1; $vr_games_count <= 3; $vr_games_count++ ) {

        $wp_customize->add_setting( 'vr_games_top_slider_page' . $vr_games_count, array(
            'default'           => '',
            'sanitize_callback' => 'vr_games_sanitize_dropdown_pages'
        ) );
        $wp_customize->add_control( 'vr_games_top_slider_page' . $vr_games_count, array(
            'label'    => __( 'Select Slide Page', 'vr-games' ),
            'description' => __('Slider image size (1400 x 550)','vr-games'),
            'section'  => 'vr_games_top_slider',
            'type'     => 'dropdown-pages'
        ) );
    }

    //Slider button text
    $wp_customize->add_setting('vr_games_slider_button_text',array(
        'default'=> '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_slider_button_text',array(
        'label' => __('Slider Button Text','vr-games'),
        'section'=> 'vr_games_top_slider',
        'type'=> 'text'
    ));

    $wp_customize->add_setting('vr_games_slider_content_layout',array(
        'default'=> 'Left',
        'sanitize_callback' => 'vr_games_sanitize_choices'
    ));
    $wp_customize->add_control('vr_games_slider_content_layout',array(
        'type' => 'radio',
        'label' => esc_html__('Slider Content Layout','vr-games'),
        'choices' => array(
            'Left' => __('Left','vr-games'),
            'Center' => __('Center','vr-games'),
            'Right' => __('Right','vr-games'),
        ),
        'section'=> 'vr_games_top_slider',
    ));

    $wp_customize->add_setting('vr_games_slider_excerpt_length',array(
        'sanitize_callback' => 'vr_games_sanitize_number_range',
        'default'  => 15,
    ));
    $wp_customize->add_control('vr_games_slider_excerpt_length',array(
        'label'       => esc_html__('Slider Excerpt Length', 'vr-games'),
        'section'     => 'vr_games_top_slider',
        'type'        => 'range',
        'input_attrs' => array(
            'step' => 1,
            'min'  => 1,
            'max'  => 50,
        ),
    ));

    // Pro Version
    $wp_customize->add_setting( 'pro_version_slider_setting', array(
        'sanitize_callback' => 'Vr_Games_sanitize_custom_control'
    ));
    $wp_customize->add_control( new Vr_Games_Customize_Pro_Version ( $wp_customize,'pro_version_slider_setting', array(
        'section'     => 'vr_games_top_slider',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Customizer Options', 'vr-games' ),
        'description' => esc_url( VR_GAMES_URL ),
        'priority'    => 100
    )));

    // About Us
    $wp_customize->add_section('vr_games_services_section',array(
        'title' => esc_html__('About Us Option','vr-games'),
    ));

    $wp_customize->add_setting('vr_games_activities_section_setting', array(
        'default' => true,
        'sanitize_callback' => 'vr_games_sanitize_checkbox'
    ));
    $wp_customize->add_control( new WP_Customize_Control($wp_customize,'vr_games_activities_section_setting',array(
        'label'          => __( 'Show About Us', 'vr-games' ),
        'section'        => 'vr_games_services_section',
        'settings'       => 'vr_games_activities_section_setting',
        'type'           => 'checkbox',
    )));

    $wp_customize->add_setting('vr_games_about_us_image' ,array(
            'default' => '',
            'sanitize_callback' => 'esc_url_raw',
    ));
    $wp_customize->add_control(
        new WP_Customize_Image_Control( $wp_customize,'vr_games_about_us_image' ,array(
            'label' => __('About Us Image','vr-games'),
            'section' => 'vr_games_services_section',
            'settings' => 'vr_games_about_us_image' 
    )));

    $wp_customize->add_setting('vr_games_about_us_box_number',array(
        'default' => '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_about_us_box_number',array(
        'label' => esc_html__('About Us Box Number','vr-games'),
        'section' => 'vr_games_services_section',
        'setting' => 'vr_games_about_us_box_number',
        'type'  => 'text'
    ));

    $wp_customize->add_setting('vr_games_about_us_box_title',array(
        'default' => '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_about_us_box_title',array(
        'label' => esc_html__('About Us Box Heading','vr-games'),
        'section' => 'vr_games_services_section',
        'setting' => 'vr_games_about_us_box_title',
        'type'  => 'text'
    ));

    $wp_customize->add_setting('vr_games_about_us_title',array(
        'default' => '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_about_us_title',array(
        'label' => esc_html__('Title','vr-games'),
        'section' => 'vr_games_services_section',
        'setting' => 'vr_games_about_us_title',
        'type'  => 'text'
    ));

    $wp_customize->add_setting('vr_games_about_us_short_title',array(
        'default' => '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_about_us_short_title',array(
        'label' => esc_html__('Short Heading','vr-games'),
        'section' => 'vr_games_services_section',
        'setting' => 'vr_games_about_us_short_title',
        'type'  => 'text'
    ));

    $wp_customize->add_setting('vr_games_about_us_heading',array(
        'default' => '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_about_us_heading',array(
        'label' => esc_html__('Heading','vr-games'),
        'section' => 'vr_games_services_section',
        'setting' => 'vr_games_about_us_heading',
        'type'  => 'text'
    ));

    $wp_customize->add_setting('vr_games_about_us_content_1',array(
        'default' => '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_about_us_content_1',array(
        'label' => esc_html__('Content 1','vr-games'),
        'section' => 'vr_games_services_section',
        'setting' => 'vr_games_about_us_content_1',
        'type'  => 'text'
    ));

    $wp_customize->add_setting('vr_games_about_us_content_2',array(
        'default' => '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_about_us_content_2',array(
        'label' => esc_html__('Content 2','vr-games'),
        'section' => 'vr_games_services_section',
        'setting' => 'vr_games_about_us_content_2',
        'type'  => 'text'
    ));

    $wp_customize->add_setting('vr_games_about_us_button_text',array(
        'default' => '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_about_us_button_text',array(
        'label' => esc_html__('Button Text','vr-games'),
        'section' => 'vr_games_services_section',
        'setting' => 'vr_games_about_us_button_text',
        'type'  => 'text'
    ));

    $wp_customize->add_setting('vr_games_about_us_button_url',array(
        'default' => '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('vr_games_about_us_button_url',array(
        'label' => esc_html__('Button Url','vr-games'),
        'section' => 'vr_games_services_section',
        'setting' => 'vr_games_about_us_button_url',
        'type'  => 'text'
    ));

    // Pro Version
    $wp_customize->add_setting( 'pro_version_service_setting', array(
        'sanitize_callback' => 'Vr_Games_sanitize_custom_control'
    ));
    $wp_customize->add_control( new Vr_Games_Customize_Pro_Version ( $wp_customize,'pro_version_service_setting', array(
        'section'     => 'vr_games_services_section',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Customizer Options', 'vr-games' ),
        'description' => esc_url( VR_GAMES_URL ),
        'priority'    => 100
    )));

    // Post Settings
     $wp_customize->add_section('vr_games_post_settings',array(
        'title' => esc_html__('Post Settings','vr-games'),
        'priority'   =>40,
    ));

    $wp_customize->add_setting('vr_games_post_page_title',array(
        'sanitize_callback' => 'vr_games_sanitize_checkbox',
        'default'           => 1,
    ));
    $wp_customize->add_control('vr_games_post_page_title',array(
        'type'        => 'checkbox',
        'label'       => esc_html__('Enable Post Page Title', 'vr-games'),
        'section'     => 'vr_games_post_settings',
        'description' => esc_html__('Check this box to enable title on post page.', 'vr-games'),
    ));

    $wp_customize->add_setting('vr_games_post_page_meta',array(
        'sanitize_callback' => 'vr_games_sanitize_checkbox',
        'default'           => 1,
    ));
    $wp_customize->add_control('vr_games_post_page_meta',array(
        'type'        => 'checkbox',
        'label'       => esc_html__('Enable Post Page Meta', 'vr-games'),
        'section'     => 'vr_games_post_settings',
        'description' => esc_html__('Check this box to enable meta on post page.', 'vr-games'),
    ));

    $wp_customize->add_setting('vr_games_post_page_thumb',array(
        'sanitize_callback' => 'vr_games_sanitize_checkbox',
        'default'           => 1,
    ));
    $wp_customize->add_control('vr_games_post_page_thumb',array(
        'type'        => 'checkbox',
        'label'       => esc_html__('Enable Post Page Thumbnail', 'vr-games'),
        'section'     => 'vr_games_post_settings',
        'description' => esc_html__('Check this box to enable thumbnail on post page.', 'vr-games'),
    ));

    $wp_customize->add_setting( 'vr_games_blog_pagination_type', array(
        'default'           => 'blog-nav-numbers',
        'sanitize_callback' => 'vr_games_sanitize_choices'
    ));
    $wp_customize->add_control( 'vr_games_blog_pagination_type', array(
        'section' => 'vr_games_post_settings',
        'type' => 'select',
        'label' => __( 'Post Pagination Type', 'vr-games' ),
        'choices' => array(
            'blog-nav-numbers'  => __( 'Numeric', 'vr-games' ),
            'next-prev' => __( 'Older/Newer Posts', 'vr-games' ),
        )
    ));

    $wp_customize->add_setting('vr_games_single_post_page_tag',array(
        'sanitize_callback' => 'vr_games_sanitize_checkbox',
        'default'           => 1,
    ));
    $wp_customize->add_control('vr_games_single_post_page_tag',array(
        'type'  => 'checkbox',
        'label' => esc_html__('Enable Single Post Page Tag', 'vr-games'),
        'section' => 'vr_games_post_settings',
        'description' => esc_html__('Check this box to enable content on single post page.', 'vr-games'),
    ));

    $wp_customize->add_setting( 'vr_games_single_post_sidebar_position', array(
        'default'           => 'Right Side',
        'sanitize_callback' => 'vr_games_sanitize_choices'
    ));
    $wp_customize->add_control( 'vr_games_single_post_sidebar_position', array(
        'section' => 'vr_games_post_settings',
        'type' => 'select',
        'label' => __( 'Single Post Sidebar Position', 'vr-games' ),
        'choices' => array(
            'Right Side' => __( 'Right Side', 'vr-games' ),
            'Left Side' => __( 'Left Side', 'vr-games' ),
        )
    ));

    // Pro Version
    $wp_customize->add_setting( 'pro_version_post_setting', array(
        'sanitize_callback' => 'Vr_Games_sanitize_custom_control'
    ));
    $wp_customize->add_control( new Vr_Games_Customize_Pro_Version ( $wp_customize,'pro_version_post_setting', array(
        'section'     => 'vr_games_post_settings',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Customizer Options', 'vr-games' ),
        'description' => esc_url( VR_GAMES_URL ),
        'priority'    => 100
    )));

    // Page Settings
    $wp_customize->add_section('vr_games_page_settings',array(
        'title' => esc_html__('Page Settings','vr-games'),
        'priority' => 40,
    ));

    $wp_customize->add_setting( 'vr_games_single_page_sidebar_layout', array(
        'default'           => 'No Sidebar',
        'sanitize_callback' => 'vr_games_sanitize_choices'
    ));
    $wp_customize->add_control( 'vr_games_single_page_sidebar_layout', array(
        'section' => 'vr_games_page_settings',
        'type' => 'select',
        'label' => __( 'Single Page Sidebar Position', 'vr-games' ),
        'choices' => array(
            'No Sidebar' => __( 'No Sidebar', 'vr-games' ),
            'Right Side' => __( 'Right Side', 'vr-games' ),
            'Left Side' => __( 'Left Side', 'vr-games' ),
        )
    ));
    
    // Footer
    $wp_customize->add_section('vr_games_site_footer_section', array(
        'title' => esc_html__('Footer', 'vr-games'),
    ));

    $wp_customize->add_setting('vr_games_footer_text_setting', array(
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('vr_games_footer_text_setting', array(
        'label' => __('Replace the footer text', 'vr-games'),
        'section' => 'vr_games_site_footer_section',
        'priority' => 1,
        'type' => 'text',
    ));

    $wp_customize->add_setting( 'vr_games_footer_bg_color', array(
        'default' => '',
        'sanitize_callback' => 'sanitize_hex_color'
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vr_games_footer_bg_color', array(
        'label' => __('Footer Background Color', 'vr-games'),
        'section' => 'vr_games_site_footer_section',
        'settings' => 'vr_games_footer_bg_color',
    )));

    $wp_customize->add_setting( 'vr_games_footer_content_color', array(
        'default' => '',
        'sanitize_callback' => 'sanitize_hex_color'
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vr_games_footer_content_color', array(
        'label' => __('Footer Content Color', 'vr-games'),
        'section' => 'vr_games_site_footer_section',
        'settings' => 'vr_games_footer_content_color',
    )));

    $wp_customize->add_setting('vr_games_show_hide_copyright',array(
        'default' => true,
        'sanitize_callback' => 'vr_games_sanitize_checkbox'
    ));
    $wp_customize->add_control('vr_games_show_hide_copyright',array(
        'type' => 'checkbox',
        'label' => __('Show / Hide Copyright','vr-games'),
        'section' => 'vr_games_site_footer_section',
    ));

    $wp_customize->add_setting( 'vr_games_copyright_text_color', array(
        'default' => '',
        'sanitize_callback' => 'sanitize_hex_color'
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vr_games_copyright_text_color', array(
        'label' => __('Copyright Text Color', 'vr-games'),
        'section' => 'vr_games_site_footer_section',
        'settings' => 'vr_games_copyright_text_color',
    )));

    // Pro Version
    $wp_customize->add_setting( 'pro_version_footer_setting', array(
        'sanitize_callback' => 'Vr_Games_sanitize_custom_control'
    ));
    $wp_customize->add_control( new Vr_Games_Customize_Pro_Version ( $wp_customize,'pro_version_footer_setting', array(
        'section'     => 'vr_games_site_footer_section',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Customizer Options', 'vr-games' ),
        'description' => esc_url( VR_GAMES_URL ),
        'priority'    => 100
    )));
}
add_action('customize_register', 'vr_games_customize_register');

/**
 * Render the site title for the selective refresh partial.
 *
 * @return void
 */
function vr_games_customize_partial_blogname(){
    bloginfo('name');
}

/**
 * Render the site tagline for the selective refresh partial.
 *
 * @return void
 */
function vr_games_customize_partial_blogdescription(){
    bloginfo('description');
}

/**
 * Binds JS handlers to make Theme Customizer preview reload changes asynchronously.
 */
function vr_games_customize_preview_js(){
    wp_enqueue_script('customizer', esc_url(get_template_directory_uri()) . '/assets/js/customizer.js', array('customize-preview'), '20151215', true);
}
add_action('customize_preview_init', 'vr_games_customize_preview_js');

/*
** Load dynamic logic for the customizer controls area.
*/
function vr_games_panels_js() {
    wp_enqueue_style( 'customizer-layout-css', get_theme_file_uri( '/assets/css/customizer-layout.css' ) );
    wp_enqueue_script( 'customize-layout', get_theme_file_uri( '/assets/js/customize-layout.js' ), array(), '1.2', true );
}
add_action( 'customize_controls_enqueue_scripts', 'vr_games_panels_js' );