<?php
/**
 * Graphic Design Portfolio Theme Customizer.
 *
 * @link https://developer.wordpress.org/themes/basics/theme-functions/
 *
 * @package graphic_design_portfolio
 */

if( ! function_exists( 'graphic_design_portfolio_customize_register' ) ):  
/**
 * Add postMessage support for site title and description for the Theme Customizer.F
 *
 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
 */
function graphic_design_portfolio_customize_register( $wp_customize ) {
    require get_parent_theme_file_path('/inc/controls/changeable-icon.php');
    

    if ( version_compare( get_bloginfo('version'),'4.9', '>=') ) {
        $wp_customize->get_section( 'static_front_page' )->title = __( 'Static Front Page', 'graphic-design-portfolio' );
    }
	
    /* Option list of all post */	
    $graphic_design_portfolio_options_posts = array();
    $graphic_design_portfolio_options_posts_obj = get_posts('posts_per_page=-1');
    $graphic_design_portfolio_options_posts[''] = esc_html__( 'Choose Post', 'graphic-design-portfolio' );
    foreach ( $graphic_design_portfolio_options_posts_obj as $graphic_design_portfolio_posts ) {
    	$graphic_design_portfolio_options_posts[$graphic_design_portfolio_posts->ID] = $graphic_design_portfolio_posts->post_title;
    }
    
    /* Option list of all categories */
    $graphic_design_portfolio_args = array(
	   'type'                     => 'post',
	   'orderby'                  => 'name',
	   'order'                    => 'ASC',
	   'hide_empty'               => 1,
	   'hierarchical'             => 1,
	   'taxonomy'                 => 'category'
    ); 
    $graphic_design_portfolio_option_categories = array();
    $graphic_design_portfolio_category_lists = get_categories( $graphic_design_portfolio_args );
    $graphic_design_portfolio_option_categories[''] = esc_html__( 'Choose Category', 'graphic-design-portfolio' );
    foreach( $graphic_design_portfolio_category_lists as $graphic_design_portfolio_category ){
        $graphic_design_portfolio_option_categories[$graphic_design_portfolio_category->term_id] = $graphic_design_portfolio_category->name;
    }
    
    /** Default Settings */    
    $wp_customize->add_panel( 
        'wp_default_panel',
         array(
            'priority' => 10,
            'capability' => 'edit_theme_options',
            'theme_supports' => '',
            'title' => esc_html__( 'Default Settings', 'graphic-design-portfolio' ),
            'description' => esc_html__( 'Default section provided by wordpress customizer.', 'graphic-design-portfolio' ),
        ) 
    );
    
    $wp_customize->get_section( 'title_tagline' )->panel                  = 'wp_default_panel';
    $wp_customize->get_section( 'colors' )->panel                         = 'wp_default_panel';
    $wp_customize->get_section( 'header_image' )->panel                   = 'wp_default_panel';
    $wp_customize->get_section( 'background_image' )->panel               = 'wp_default_panel';
    $wp_customize->get_section( 'static_front_page' )->panel              = 'wp_default_panel';
    
    $wp_customize->get_setting( 'blogname' )->transport         = 'postMessage';
	$wp_customize->get_setting( 'blogdescription' )->transport  = 'postMessage';
	$wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
    
    /** Default Settings Ends */
    
    /** Site Title control */
    $wp_customize->add_setting( 
        'header_site_title', 
        array(
            'default'           => true,
            'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
        ) 
    );

    $wp_customize->add_control(
        'header_site_title',
        array(
            'label'       => __( 'Show / Hide Site Title', 'graphic-design-portfolio' ),
            'section'     => 'title_tagline',
            'type'        => 'checkbox',
        )
    );

    /** Tagline control */
    $wp_customize->add_setting( 
        'header_tagline', 
        array(
            'default'           => false,
            'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
        ) 
    );

    $wp_customize->add_control(
        'header_tagline',
        array(
            'label'       => __( 'Show / Hide Tagline', 'graphic-design-portfolio' ),
            'section'     => 'title_tagline',
            'type'        => 'checkbox',
        )
    );

    $wp_customize->add_setting('logo_width', array(
        'sanitize_callback' => 'absint', 
    ));

    // Add a control for logo width
    $wp_customize->add_control('logo_width', array(
        'label' => __('Logo Width', 'graphic-design-portfolio'),
        'section' => 'title_tagline',
        'type' => 'number',
        'input_attrs' => array(
            'min' => '50', 
            'max' => '500', 
            'step' => '5', 
    ),
        'default' => '100', 
    ));

    $wp_customize->add_setting( 'graphic_design_portfolio_site_title_size', array(
        'default'           => 30, // Default font size in pixels
        'sanitize_callback' => 'absint', // Sanitize the input as a positive integer
    ) );

    // Add control for site title size
    $wp_customize->add_control( 'graphic_design_portfolio_site_title_size', array(
        'type'        => 'number',
        'section'     => 'title_tagline', // You can change this section to your preferred section
        'label'       => __( 'Site Title Font Size (px)', 'graphic-design-portfolio' ),
        'input_attrs' => array(
            'min'  => 10,
            'max'  => 100,
            'step' => 1,
        ),
    ) );

    //Global Color
    $wp_customize->add_section(
        'graphic_design_portfolio_global_color',
        array(
            'title' => esc_html__( 'Global Color Settings', 'graphic-design-portfolio' ),
            'priority' => 20,
            'capability' => 'edit_theme_options',
            'panel' => 'graphic_design_portfolio_general_settings',
        )
    );

    $wp_customize->add_setting('graphic_design_portfolio_primary_color', array(
        'default'           => '#4ddf9e',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'graphic_design_portfolio_primary_color', array(
        'label'    => __('Theme Primary Color', 'graphic-design-portfolio'),
        'section'  => 'graphic_design_portfolio_global_color',
        'settings' => 'graphic_design_portfolio_primary_color',
    )));    


    /** Home Page Settings */
    $wp_customize->add_panel( 
        'graphic_design_portfolio_post_settings',
         array(
            'priority' => 11,
            'capability' => 'edit_theme_options',
            'title' => esc_html__( 'Post & Pages Settings', 'graphic-design-portfolio' ),
            'description' => esc_html__( 'Customize Post & Pages Settings', 'graphic-design-portfolio' ),
        ) 
    );

        /** Post Layouts */
    
    $wp_customize->add_section(
        'graphic_design_portfolio_post_layout_section',
        array(
            'title' => esc_html__( 'Post Layout Settings', 'graphic-design-portfolio' ),
            'priority' => 20,
            'capability' => 'edit_theme_options',
            'panel' => 'graphic_design_portfolio_post_settings',
        )
    );

    $wp_customize->add_setting('graphic_design_portfolio_post_layout_setting', array(
        'default'           => 'right-sidebar',
        'sanitize_callback' => 'graphic_design_portfolio_sanitize_post_layout',
    ));

    $wp_customize->add_control('graphic_design_portfolio_post_layout_setting', array(
        'label'    => __('Post Column Settings', 'graphic-design-portfolio'),
        'section'  => 'graphic_design_portfolio_post_layout_section',
        'settings' => 'graphic_design_portfolio_post_layout_setting',
        'type'     => 'select',
        'choices'  => array(        
            'right-sidebar'   => __('Right Sidebar', 'graphic-design-portfolio'),
            'left-sidebar'   => __('Left Sidebar', 'graphic-design-portfolio'),
            'one-column'   => __('One Column', 'graphic-design-portfolio'),
            'three-column'   => __('Three Columns', 'graphic-design-portfolio'),
            'four-column'   => __('Four Columns', 'graphic-design-portfolio'),
            'grid-layout'   => __('Grid Layout', 'graphic-design-portfolio')
        ),
    ));

     /** Post Layouts Ends */
     
    /** Post Settings */
    $wp_customize->add_section(
        'graphic_design_portfolio_post_settings',
        array(
            'title' => esc_html__( 'Post Settings', 'graphic-design-portfolio' ),
            'priority' => 20,
            'capability' => 'edit_theme_options',
            'panel' => 'graphic_design_portfolio_post_settings',
        )
    );

    /** Post Heading control */
    $wp_customize->add_setting( 
        'graphic_design_portfolio_post_heading_setting', 
        array(
            'default'           => true,
            'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
        ) 
    );

    $wp_customize->add_control(
        'graphic_design_portfolio_post_heading_setting',
        array(
            'label'       => __( 'Show / Hide Post Heading', 'graphic-design-portfolio' ),
            'section'     => 'graphic_design_portfolio_post_settings',
            'type'        => 'checkbox',
        )
    );

    /** Post Meta control */
    $wp_customize->add_setting( 
        'graphic_design_portfolio_post_meta_setting', 
        array(
            'default'           => true,
            'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
        ) 
    );

    $wp_customize->add_control(
        'graphic_design_portfolio_post_meta_setting',
        array(
            'label'       => __( 'Show / Hide Post Meta', 'graphic-design-portfolio' ),
            'section'     => 'graphic_design_portfolio_post_settings',
            'type'        => 'checkbox',
        )
    );

    /** Post Image control */
    $wp_customize->add_setting( 
        'graphic_design_portfolio_post_image_setting', 
        array(
            'default'           => true,
            'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
        ) 
    );

    $wp_customize->add_control(
        'graphic_design_portfolio_post_image_setting',
        array(
            'label'       => __( 'Show / Hide Post Image', 'graphic-design-portfolio' ),
            'section'     => 'graphic_design_portfolio_post_settings',
            'type'        => 'checkbox',
        )
    );

    /** Post Content control */
    $wp_customize->add_setting( 
        'graphic_design_portfolio_post_content_setting', 
        array(
            'default'           => true,
            'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
        ) 
    );

    $wp_customize->add_control(
        'graphic_design_portfolio_post_content_setting',
        array(
            'label'       => __( 'Show / Hide Post Content', 'graphic-design-portfolio' ),
            'section'     => 'graphic_design_portfolio_post_settings',
            'type'        => 'checkbox',
        )
    );
    /** Post ReadMore control */
     $wp_customize->add_setting( 'graphic_design_portfolio_read_more_setting', array(
        'default'           => true,
        'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
    ) );

    $wp_customize->add_control( 'graphic_design_portfolio_read_more_setting', array(
        'type'        => 'checkbox',
        'section'     => 'graphic_design_portfolio_post_settings', 
        'label'       => __( 'Display Read More Button', 'graphic-design-portfolio' ),
    ) );

    /** Post Settings Ends */

     /** Single Post Settings */
    $wp_customize->add_section(
        'graphic_design_portfolio_single_post_settings',
        array(
            'title' => esc_html__( 'Single Post Settings', 'graphic-design-portfolio' ),
            'priority' => 20,
            'capability' => 'edit_theme_options',
            'panel' => 'graphic_design_portfolio_post_settings',
        )
    );

    /** Single Post Meta control */
    $wp_customize->add_setting( 
        'graphic_design_portfolio_single_post_meta_setting', 
        array(
            'default'           => true,
            'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
        ) 
    );

    $wp_customize->add_control(
        'graphic_design_portfolio_single_post_meta_setting',
        array(
            'label'       => __( 'Show / Hide Single Post Meta', 'graphic-design-portfolio' ),
            'section'     => 'graphic_design_portfolio_single_post_settings',
            'type'        => 'checkbox',
        )
    );

    /** Single Post Content control */
    $wp_customize->add_setting( 
        'graphic_design_portfolio_single_post_content_setting', 
        array(
            'default'           => true,
            'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
        ) 
    );

    $wp_customize->add_control(
        'graphic_design_portfolio_single_post_content_setting',
        array(
            'label'       => __( 'Show / Hide Single Post Content', 'graphic-design-portfolio' ),
            'section'     => 'graphic_design_portfolio_single_post_settings',
            'type'        => 'checkbox',
        )
    );

    /** Single Post Settings Ends */

         // Typography Settings Section
    $wp_customize->add_section('graphic_design_portfolio_typography_settings', array(
        'title'      => esc_html__('Typography Settings', 'graphic-design-portfolio'),
        'priority'   => 30,
        'capability' => 'edit_theme_options',
        'panel' => 'graphic_design_portfolio_general_settings',
    ));

    // Array of fonts to choose from
    $font_choices = array(
        ''               => __('Select', 'graphic-design-portfolio'),
        'Arial'          => 'Arial, sans-serif',
        'Verdana'        => 'Verdana, sans-serif',
        'Helvetica'      => 'Helvetica, sans-serif',
        'Times New Roman'=> '"Times New Roman", serif',
        'Georgia'        => 'Georgia, serif',
        'Courier New'    => '"Courier New", monospace',
        'Trebuchet MS'   => '"Trebuchet MS", sans-serif',
        'Tahoma'         => 'Tahoma, sans-serif',
        'Palatino'       => '"Palatino Linotype", serif',
        'Garamond'       => 'Garamond, serif',
        'Impact'         => 'Impact, sans-serif',
        'Comic Sans MS'  => '"Comic Sans MS", cursive, sans-serif',
        'Lucida Sans'    => '"Lucida Sans Unicode", sans-serif',
        'Arial Black'    => '"Arial Black", sans-serif',
        'Gill Sans'      => '"Gill Sans", sans-serif',
        'Segoe UI'       => '"Segoe UI", sans-serif',
        'Open Sans'      => '"Open Sans", sans-serif',
        'Roboto'         => 'Roboto, sans-serif',
        'Lato'           => 'Lato, sans-serif',
        'Montserrat'     => 'Montserrat, sans-serif',
        'Libre Baskerville' => 'Libre Baskerville',
    );

    // Heading Font Setting
    $wp_customize->add_setting('graphic_design_portfolio_heading_font_family', array(
        'default'           => '',
        'sanitize_callback' => 'graphic_design_portfolio_sanitize_choicess',
    ));
    $wp_customize->add_control('graphic_design_portfolio_heading_font_family', array(
        'type'    => 'select',
        'choices' => $font_choices,
        'label'   => __('Select Font for Heading', 'graphic-design-portfolio'),
        'section' => 'graphic_design_portfolio_typography_settings',
    ));

    // Body Font Setting
    $wp_customize->add_setting('graphic_design_portfolio_body_font_family', array(
        'default'           => '',
        'sanitize_callback' => 'graphic_design_portfolio_sanitize_choicess',
    ));
    $wp_customize->add_control('graphic_design_portfolio_body_font_family', array(
        'type'    => 'select',
        'choices' => $font_choices,
        'label'   => __('Select Font for Body', 'graphic-design-portfolio'),
        'section' => 'graphic_design_portfolio_typography_settings',
    ));

    /** Typography Settings Section End */

        /** Home Page Settings */
    $wp_customize->add_panel( 
        'graphic_design_portfolio_general_settings',
         array(
            'priority' => 9,
            'capability' => 'edit_theme_options',
            'title' => esc_html__( 'General Settings', 'graphic-design-portfolio' ),
            'description' => esc_html__( 'Customize General Settings', 'graphic-design-portfolio' ),
        ) 
    );

    /** General Settings */
    $wp_customize->add_section(
        'graphic_design_portfolio_general_settings',
        array(
            'title' => esc_html__( 'Loader Settings', 'graphic-design-portfolio' ),
            'priority' => 30,
            'capability' => 'edit_theme_options',
            'panel' => 'graphic_design_portfolio_general_settings',
        )
    );

    /** Preloader control */
    $wp_customize->add_setting( 
        'graphic_design_portfolio_header_preloader', 
        array(
            'default' => false,
            'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
        ) 
    );

    $wp_customize->add_control(
        'graphic_design_portfolio_header_preloader',
        array(
            'label'       => __( 'Show Preloader', 'graphic-design-portfolio' ),
            'section'     => 'graphic_design_portfolio_general_settings',
            'type'        => 'checkbox',
        )
    );

    $wp_customize->add_setting('graphic_design_portfolio_loader_layout_setting', array(
        'default' => 'load',
        'sanitize_callback' => 'sanitize_text_field',
    ));

    // Add control for loader layout
    $wp_customize->add_control('graphic_design_portfolio_loader_layout_control', array(
        'label' => __('Preloader Layout', 'graphic-design-portfolio'),
        'section' => 'graphic_design_portfolio_general_settings',
        'settings' => 'graphic_design_portfolio_loader_layout_setting',
        'type' => 'select',
        'choices' => array(
            'load' => __('Preloader 1', 'graphic-design-portfolio'),
            'load-one' => __('Preloader 2', 'graphic-design-portfolio'),
            'ctn-preloader' => __('Preloader 3', 'graphic-design-portfolio'),
        ),
    ));

    /** Header Section Settings */
    $wp_customize->add_section(
        'graphic_design_portfolio_header_section_settings',
        array(
            'title' => esc_html__( 'Header Section Settings', 'graphic-design-portfolio' ),
            'priority' => 30,
            'capability' => 'edit_theme_options',
            'panel' => 'graphic_design_portfolio_home_page_settings',
        )
    );

        /** Appointment Button */
    $wp_customize->add_setting(
        'graphic_design_portfolio_header_signin_link',
        array( 
            'default' => '',
            'sanitize_callback' => 'esc_url_raw',
            'transport'         => 'refresh'
        )
    );
    
    $wp_customize->add_control(
        'graphic_design_portfolio_header_signin_link',
        array(
            'label' => esc_html__( 'Sign Up URL', 'graphic-design-portfolio' ),
            'section' => 'graphic_design_portfolio_header_section_settings',
            'type' => 'url',
        )
    );

    /** Sticky Header control */
    $wp_customize->add_setting( 
        'graphic_design_portfolio_sticky_header', 
        array(
            'default' => false,
            'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
        ) 
    );

    $wp_customize->add_control(
        'graphic_design_portfolio_sticky_header',
        array(
            'label'       => __( 'Show Sticky Header', 'graphic-design-portfolio' ),
            'section'     => 'graphic_design_portfolio_header_section_settings',
            'type'        => 'checkbox',
        )
    );

    // Add Setting for Menu Font Weight
    $wp_customize->add_setting( 'graphic_design_portfolio_menu_font_weight', array(
        'default'           => '300',
        'sanitize_callback' => 'graphic_design_portfolio_sanitize_font_weight',
    ) );

    // Add Control for Menu Font Weight
    $wp_customize->add_control( 'graphic_design_portfolio_menu_font_weight', array(
        'label'    => __( 'Menu Font Weight', 'graphic-design-portfolio' ),
        'section'  => 'graphic_design_portfolio_header_section_settings',
        'type'     => 'select',
        'choices'  => array(
            '100' => __( '100 - Thin', 'graphic-design-portfolio' ),
            '200' => __( '200 - Extra Light', 'graphic-design-portfolio' ),
            '300' => __( '300 - Light', 'graphic-design-portfolio' ),
            '400' => __( '400 - Normal', 'graphic-design-portfolio' ),
            '500' => __( '500 - Medium', 'graphic-design-portfolio' ),
            '600' => __( '600 - Semi Bold', 'graphic-design-portfolio' ),
            '700' => __( '700 - Bold', 'graphic-design-portfolio' ),
            '800' => __( '800 - Extra Bold', 'graphic-design-portfolio' ),
            '900' => __( '900 - Black', 'graphic-design-portfolio' ),
        ),
    ) );

    // Add Setting for Menu Text Transform
    $wp_customize->add_setting( 'graphic_design_portfolio_menu_text_transform', array(
        'default'           => 'Capitalize',
        'sanitize_callback' => 'graphic_design_portfolio_sanitize_text_transform',
    ) );

    // Add Control for Menu Text Transform
    $wp_customize->add_control( 'graphic_design_portfolio_menu_text_transform', array(
        'label'    => __( 'Menu Text Transform', 'graphic-design-portfolio' ),
        'section'  => 'graphic_design_portfolio_header_section_settings',
        'type'     => 'select',
        'choices'  => array(
            'none'       => __( 'None', 'graphic-design-portfolio' ),
            'capitalize' => __( 'Capitalize', 'graphic-design-portfolio' ),
            'uppercase'  => __( 'Uppercase', 'graphic-design-portfolio' ),
            'lowercase'  => __( 'Lowercase', 'graphic-design-portfolio' ),
        ),
    ) );

    $wp_customize->add_setting('graphic_design_portfolio_menus_style',array(
        'default' => '',
        'sanitize_callback' => 'graphic_design_portfolio_sanitize_choices'
	));
	$wp_customize->add_control('graphic_design_portfolio_menus_style',array(
        'type' => 'select',
		'label' => __('Menu Hover Style','graphic-design-portfolio'),
		'section' => 'graphic_design_portfolio_header_section_settings',
		'choices' => array(
         'None' => __('None','graphic-design-portfolio'),
         'Zoom In' => __('Zoom In','graphic-design-portfolio'),
      ),
	));

    /** Socail Section Settings */
    $wp_customize->add_section(
        'graphic_design_portfolio_social_section_settings',
        array(
            'title' => esc_html__( 'Social Media Section Settings', 'graphic-design-portfolio' ),
            'priority' => 30,
            'capability' => 'edit_theme_options',
            'panel' => 'graphic_design_portfolio_home_page_settings',
        )
    );

    /** Socail Section control */
    $wp_customize->add_setting( 
        'graphic_design_portfolio_social_icon_setting', 
        array(
            'default' => false,
            'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
        ) 
    );

    $wp_customize->add_control(
        'graphic_design_portfolio_social_icon_setting',
        array(
            'label'       => __( 'Show Social Icon', 'graphic-design-portfolio' ),
            'section'     => 'graphic_design_portfolio_social_section_settings',
            'type'        => 'checkbox',
        )
    );

    /**  Social Link 1 */
    $wp_customize->add_setting(
        'graphic_design_portfolio_social_link_1',
        array( 
            'default' => '',
            'sanitize_callback' => 'esc_url_raw',
            'transport'         => 'refresh'
        )
    );
    
    $wp_customize->add_control(
        'graphic_design_portfolio_social_link_1',
        array(
            'label' => esc_html__( 'Add Twitter Link', 'graphic-design-portfolio' ),
            'section' => 'graphic_design_portfolio_social_section_settings',
            'type' => 'url',
        )
    );

    /**  Social Link 2 */
    $wp_customize->add_setting(
        'graphic_design_portfolio_social_link_2',
        array( 
            'default' => '',
            'sanitize_callback' => 'esc_url_raw',
            'transport'         => 'refresh'
        )
    );
    
    $wp_customize->add_control(
        'graphic_design_portfolio_social_link_2',
        array(
            'label' => esc_html__( 'Add Dribble Link', 'graphic-design-portfolio' ),
            'section' => 'graphic_design_portfolio_social_section_settings',
            'type' => 'url',
        )
    );

    /**  Social Link 3 */
    $wp_customize->add_setting(
        'graphic_design_portfolio_social_link_3',
        array( 
            'default' => '',
            'sanitize_callback' => 'esc_url_raw',
            'transport'         => 'refresh'
        )
    );
    
    $wp_customize->add_control(
        'graphic_design_portfolio_social_link_3',
        array(
            'label' => esc_html__( 'Add Behance Link', 'graphic-design-portfolio' ),
            'section' => 'graphic_design_portfolio_social_section_settings',
            'type' => 'url',
        )
    );

    /**  Social Link 4 */
    $wp_customize->add_setting(
        'graphic_design_portfolio_social_link_4',
        array( 
            'default' => '',
            'sanitize_callback' => 'esc_url_raw',
            'transport'         => 'refresh'
        )
    );
    
    $wp_customize->add_control(
        'graphic_design_portfolio_social_link_4',
        array(
            'label' => esc_html__( 'Add Pintrest Link', 'graphic-design-portfolio' ),
            'section' => 'graphic_design_portfolio_social_section_settings',
            'type' => 'url',
        )
    );

    /** Socail Section Settings End */

    /** Home Page Settings */
    $wp_customize->add_panel( 
        'graphic_design_portfolio_home_page_settings',
         array(
            'priority' => 9,
            'capability' => 'edit_theme_options',
            'title' => esc_html__( 'Home Page Settings', 'graphic-design-portfolio' ),
            'description' => esc_html__( 'Customize Home Page Settings', 'graphic-design-portfolio' ),
        ) 
    );

 /** Slider Section Settings */
    $wp_customize->add_section(
        'graphic_design_portfolio_slider_section_settings',
        array(
            'title' => esc_html__( 'Banner Section Settings', 'graphic-design-portfolio' ),
            'priority' => 30,
            'capability' => 'edit_theme_options',
            'panel' => 'graphic_design_portfolio_home_page_settings',
        )
    );

    /** Slider Section control */
    $wp_customize->add_setting( 
        'graphic_design_portfolio_slider_setting', 
        array(
            'default' => false,
            'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
        ) 
    );

    $wp_customize->add_control(
        'graphic_design_portfolio_slider_setting',
        array(
            'label'       => __( 'Show Banner', 'graphic-design-portfolio' ),
            'section'     => 'graphic_design_portfolio_slider_section_settings',
            'type'        => 'checkbox',
        )
    );


    // Section Text
    $wp_customize->add_setting('graphic_design_portfolio_slider_text_extra', 
        array(
        'default'           => '',
        'type'              => 'theme_mod',
        'capability'        => 'edit_theme_options',    
        'sanitize_callback' => 'sanitize_text_field'
        )
    );

    $wp_customize->add_control('graphic_design_portfolio_slider_text_extra', 
        array(
        'label'       => __('Banner Extra Title', 'graphic-design-portfolio'),
        'section'     => 'graphic_design_portfolio_slider_section_settings',   
        'settings'    => 'graphic_design_portfolio_slider_text_extra',
        'type'        => 'text'
        )
    );

        // Section Text
    $wp_customize->add_setting('graphic_design_portfolio_slider_heading', 
        array(
        'default'           => '',
        'type'              => 'theme_mod',
        'capability'        => 'edit_theme_options',    
        'sanitize_callback' => 'sanitize_text_field'
        )
    );

    $wp_customize->add_control('graphic_design_portfolio_slider_heading', 
        array(
        'label'       => __('Banner Heading', 'graphic-design-portfolio'),
        'section'     => 'graphic_design_portfolio_slider_section_settings',   
        'settings'    => 'graphic_design_portfolio_slider_heading',
        'type'        => 'text'
        )
    );

    // Section Text
    $wp_customize->add_setting('graphic_design_portfolio_slider_content', 
        array(
        'default'           => '',
        'type'              => 'theme_mod',
        'capability'        => 'edit_theme_options',    
        'sanitize_callback' => 'sanitize_text_field'
        )
    );

    $wp_customize->add_control('graphic_design_portfolio_slider_content', 
        array(
        'label'       => __('Banner Content', 'graphic-design-portfolio'),
        'section'     => 'graphic_design_portfolio_slider_section_settings',   
        'settings'    => 'graphic_design_portfolio_slider_content',
        'type'        => 'text'
        )
    );

        $wp_customize->add_setting(
        'graphic_design_portfolio_banner_btn_text',
        array( 
            'default' => '',
            'sanitize_callback' => 'sanitize_text_field',
            'transport'         => 'refresh'
        )
    );
    
    $wp_customize->add_control(
        'graphic_design_portfolio_banner_btn_text',
        array(
            'label' => esc_html__( 'Add Button Text', 'graphic-design-portfolio' ),
            'section' => 'graphic_design_portfolio_slider_section_settings',
            'type' => 'text',
        )
    );

    /** Banner Button */
    $wp_customize->add_setting(
        'graphic_design_portfolio_banner_btn_url',
        array( 
            'default' => '',
            'sanitize_callback' => 'esc_url_raw',
            'transport'         => 'refresh'
        )
    );
    
    $wp_customize->add_control(
        'graphic_design_portfolio_banner_btn_url',
        array(
            'label' => esc_html__( 'Add Button URL', 'graphic-design-portfolio' ),
            'section' => 'graphic_design_portfolio_slider_section_settings',
            'type' => 'url',
        )
    );

    $wp_customize->add_setting('graphic_design_portfolio_slider_image',
        array(
            'sanitize_callback' => 'esc_url_raw',
        )
    );
    $wp_customize->add_control(
        new WP_Customize_Image_Control( $wp_customize,'graphic_design_portfolio_slider_image',
            array(
                'label' => __('Banner Image','graphic-design-portfolio'),
                'section' => 'graphic_design_portfolio_slider_section_settings',
                'settings' => 'graphic_design_portfolio_slider_image',
            )
        )
    );

    // Customer Counters
    $wp_customize->add_setting('graphic_design_portfolio_total_no_satisfied_customer', array(
        'default'           => '',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('graphic_design_portfolio_total_no_satisfied_customer', array(
        'label'    => __('Add Total Number of Satisfied Customers', 'graphic-design-portfolio'),
        'section'  => 'graphic_design_portfolio_slider_section_settings',
        'type'     => 'text',
    ));

    $wp_customize->add_setting('graphic_design_portfolio_total_no_award_win', array(
        'default'           => '',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('graphic_design_portfolio_total_no_award_win', array(
        'label'    => __('Add Total Number of Award Wins', 'graphic-design-portfolio'),
        'section'  => 'graphic_design_portfolio_slider_section_settings',
        'type'     => 'text',
    ));

    $wp_customize->add_setting('graphic_design_portfolio_total_no_successfull_projects', array(
        'default'           => '',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('graphic_design_portfolio_total_no_successfull_projects', array(
        'label'    => __('Add Total Number of Successful Projects', 'graphic-design-portfolio'),
        'section'  => 'graphic_design_portfolio_slider_section_settings',
        'type'     => 'text',
    ));

    $wp_customize->add_setting('graphic_design_portfolio_total_year_experience', array(
        'default'           => '',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('graphic_design_portfolio_total_year_experience', array(
        'label'    => __('Add Total Years of Experience', 'graphic-design-portfolio'),
        'section'  => 'graphic_design_portfolio_slider_section_settings',
        'type'     => 'text',
    ));

    $wp_customize->add_setting('graphic_design_portfolio_total_year_rating', array(
        'default'           => '',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('graphic_design_portfolio_total_year_rating', array(
        'label'    => __('Satisfaction Rate', 'graphic-design-portfolio'),
        'section'  => 'graphic_design_portfolio_slider_section_settings',
        'type'     => 'text',
    ));

    $wp_customize->add_setting('graphic_design_portfolio_right_image_box_3_count', array(
        'default'           => '',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('graphic_design_portfolio_right_image_box_3_count', array(
        'label'    => __('Review Count', 'graphic-design-portfolio'),
        'section'  => 'graphic_design_portfolio_slider_section_settings',
        'type'     => 'text',
    ));

    $wp_customize->add_setting('graphic_design_portfolio_right_image_box_3_text', array(
        'default'           => '',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('graphic_design_portfolio_right_image_box_3_text', array(
        'label'    => __('Review Text ( 3 words only )', 'graphic-design-portfolio'),
        'section'  => 'graphic_design_portfolio_slider_section_settings',
        'type'     => 'text',
    ));

    $wp_customize->add_setting('graphic_design_portfolio_slider_team_image_1',
        array(
            'sanitize_callback' => 'esc_url_raw',
        )
    );
    $wp_customize->add_control(
        new WP_Customize_Image_Control( $wp_customize,'graphic_design_portfolio_slider_team_image_1',
            array(
                'label' => __('Review Image 1','graphic-design-portfolio'),
                'section' => 'graphic_design_portfolio_slider_section_settings',
                'settings' => 'graphic_design_portfolio_slider_team_image_1',
            )
        )
    );

    $wp_customize->add_setting('graphic_design_portfolio_slider_team_image_2',
        array(
            'sanitize_callback' => 'esc_url_raw',
        )
    );
    $wp_customize->add_control(
        new WP_Customize_Image_Control( $wp_customize,'graphic_design_portfolio_slider_team_image_2',
            array(
                'label' => __('Review Image 2','graphic-design-portfolio'),
                'section' => 'graphic_design_portfolio_slider_section_settings',
                'settings' => 'graphic_design_portfolio_slider_team_image_2',
            )
        )
    );

    $wp_customize->add_setting('graphic_design_portfolio_slider_team_image_3',
        array(
            'sanitize_callback' => 'esc_url_raw',
        )
    );
    $wp_customize->add_control(
        new WP_Customize_Image_Control( $wp_customize,'graphic_design_portfolio_slider_team_image_3',
            array(
                'label' => __('Review Image 3','graphic-design-portfolio'),
                'section' => 'graphic_design_portfolio_slider_section_settings',
                'settings' => 'graphic_design_portfolio_slider_team_image_3',
            )
        )
    );

    $wp_customize->add_setting('graphic_design_portfolio_slider_team_image_4',
        array(
            'sanitize_callback' => 'esc_url_raw',
        )
    );
    $wp_customize->add_control(
        new WP_Customize_Image_Control( $wp_customize,'graphic_design_portfolio_slider_team_image_4',
            array(
                'label' => __('Review Image 4','graphic-design-portfolio'),
                'section' => 'graphic_design_portfolio_slider_section_settings',
                'settings' => 'graphic_design_portfolio_slider_team_image_4',
            )
        )
    );

    /** About Section Settings */
    
    $wp_customize->add_section( 'graphic_design_portfolio_section_featured_about',
        array(
        'title'      => __( 'About Us Section', 'graphic-design-portfolio' ),
        'priority'   => 30,
        'capability' => 'edit_theme_options',
        'panel' => 'graphic_design_portfolio_home_page_settings',
        )
    );

    /** About Section control */
    $wp_customize->add_setting( 
        'graphic_design_portfolio_about_setting', 
        array(
            'default'           => true,
            'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
        ) 
    );

    $wp_customize->add_control(
        'graphic_design_portfolio_about_setting',
        array(
            'label'       => __( 'Show / Hide About', 'graphic-design-portfolio' ),
            'section'     => 'graphic_design_portfolio_section_featured_about',
            'type'        => 'checkbox',
        )
    );

     // Section Sub Title
    $wp_customize->add_setting('graphic_design_portfolio_about_text_extra', 
        array(
        'default'           => '',
        'type'              => 'theme_mod',
        'capability'        => 'edit_theme_options',    
        'sanitize_callback' => 'sanitize_text_field'
        )
    );

    $wp_customize->add_control('graphic_design_portfolio_about_text_extra', 
        array(
        'label'       => __('About Us Extra Title', 'graphic-design-portfolio'),
        'section'     => 'graphic_design_portfolio_section_featured_about',   
        'settings'    => 'graphic_design_portfolio_about_text_extra',
        'type'        => 'text'
        )
    );

    // Section Title
    $wp_customize->add_setting('graphic_design_portfolio_featured_mission_section_title', 
        array(
        'default'           => '',
        'type'              => 'theme_mod',
        'capability'        => 'edit_theme_options',    
        'sanitize_callback' => 'sanitize_text_field'
        )
    );

    $wp_customize->add_control('graphic_design_portfolio_featured_mission_section_title', 
        array(
        'label'       => __('Section Title', 'graphic-design-portfolio'),
        'section'     => 'graphic_design_portfolio_section_featured_about',   
        'settings'    => 'graphic_design_portfolio_featured_mission_section_title',
        'type'        => 'text'
        )
    );

    $wp_customize->add_setting('graphic_design_portfolio_about_points',array(
        'default'   => '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('graphic_design_portfolio_about_points',array(
        'label' => __('Add number of points','graphic-design-portfolio'),
        'section'   => 'graphic_design_portfolio_section_featured_about',
        'type'      => 'number',
        'input_attrs' => array(
        'min' => 1,     
        'max' => 4
        )
    ));
    $graphic_design_portfolio_about_point = get_theme_mod('graphic_design_portfolio_about_points','');
    for ( $m = 1; $m <= $graphic_design_portfolio_about_point; $m++ ){

        $wp_customize->add_setting('graphic_design_portfolio_about_points_text'.$m,array(
            'default'   => '',
            'sanitize_callback' => 'sanitize_text_field'
        ));
        $wp_customize->add_control('graphic_design_portfolio_about_points_text'.$m,array(
            'label' => __('Add Text ','graphic-design-portfolio').$m,
            'section'   => 'graphic_design_portfolio_section_featured_about',
            'type'      => 'text'
        ));
    }

    $wp_customize->add_setting('graphic_design_portfolio_about_expereince_count', array(
        'default'           => '',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('graphic_design_portfolio_about_expereince_count', array(
        'label'    => __('Years Of Experience Count', 'graphic-design-portfolio'),
        'section'  => 'graphic_design_portfolio_section_featured_about',
        'type'     => 'text',
    ));

    $wp_customize->add_setting('graphic_design_portfolio_about_expereince_text', array(
        'default'           => '',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('graphic_design_portfolio_about_expereince_text', array(
        'label'    => __('Experience Text ( 3 words only )', 'graphic-design-portfolio'),
        'section'  => 'graphic_design_portfolio_section_featured_about',
        'type'     => 'text',
    ));

    // Post
    $wp_customize->add_setting('graphic_design_portfolio_featured_mission_post_', 
        array(
        'type'              => 'theme_mod',
        'capability'        => 'edit_theme_options',
        'sanitize_callback' => 'graphic_design_portfolio_dropdown_pages'
        )
    );

    $wp_customize->add_control('graphic_design_portfolio_featured_mission_post_', 
        array(
        'label'       => __('Pages Dropdown', 'graphic-design-portfolio'),
        'section'     => 'graphic_design_portfolio_section_featured_about',   
        'settings'    => 'graphic_design_portfolio_featured_mission_post_',
        'type'        => 'dropdown-pages',
        )
    );
    
    /** Home Page Settings Ends */
    
    /** Footer Section */
    $wp_customize->add_section(
        'graphic_design_portfolio_footer_section',
        array(
            'title' => __( 'Footer Settings', 'graphic-design-portfolio' ),
            'priority' => 70,
            'panel' => 'graphic_design_portfolio_home_page_settings',
        )
    );

    /** Footer Widget Columns */
    $wp_customize->add_setting('graphic_design_portfolio_footer_widget_areas', array(
        'default'           => 4,
        'sanitize_callback' => 'graphic_design_portfolio_sanitize_choices',
    ));

    $wp_customize->add_control('graphic_design_portfolio_footer_widget_areas', array(
        'label'    => __('Footer Widget Columns', 'graphic-design-portfolio'),
        'section'  => 'graphic_design_portfolio_footer_section',
        'settings' => 'graphic_design_portfolio_footer_widget_areas',
        'type'     => 'select',
        'choices'  => array(
		   '1'     => __('One', 'graphic-design-portfolio'),
		   '2'     => __('Two', 'graphic-design-portfolio'),
		   '3'     => __('Three', 'graphic-design-portfolio'),
		   '4'     => __('Four', 'graphic-design-portfolio')
        ),
    ));

    /** Footer Copyright control */
    $wp_customize->add_setting( 
        'graphic_design_portfolio_footer_setting', 
        array(
            'default' => true,
            'sanitize_callback' => 'graphic_design_portfolio_sanitize_checkbox',
        ) 
    );

    $wp_customize->add_control(
        'graphic_design_portfolio_footer_setting',
        array(
            'label'       => __( 'Show Footer Copyright', 'graphic-design-portfolio' ),
            'section'     => 'graphic_design_portfolio_footer_section',
            'type'        => 'checkbox',
        )
    );
    
    /** Copyright Text */
    $wp_customize->add_setting(
        'graphic_design_portfolio_footer_copyright_text',
        array(
            'default' => '',
            'sanitize_callback' => 'sanitize_text_field',
        )
    );
    
    $wp_customize->add_control(
        'graphic_design_portfolio_footer_copyright_text',
        array(
            'label' => __( 'Copyright Info', 'graphic-design-portfolio' ),
            'section' => 'graphic_design_portfolio_footer_section',
            'type' => 'text',
        )
    );  
$wp_customize->add_setting('graphic_design_portfolio_footer_background_image',
        array(
        'default' => '',
        'capability' => 'edit_theme_options',
        'sanitize_callback' => 'absint',
        )
    );


    $wp_customize->add_control(
         new WP_Customize_Cropped_Image_Control($wp_customize, 'graphic_design_portfolio_footer_background_image',
            array(
                'label' => esc_html__('Footer Background Image', 'graphic-design-portfolio'),
                /* translators: 1: image width in pixels, 2: image height in pixels */
                'description' => sprintf(esc_html__('Recommended Size %1$s px X %2$s px', 'graphic-design-portfolio'), 1024, 800),
                'section' => 'graphic_design_portfolio_footer_section',
                'width' => 1024,
                'height' => 800,
                'flex_width' => true,
                'flex_height' => true,
            )
        )
    );

    /** Footer Background Image Attachment */
    $wp_customize->add_setting('graphic_design_portfolio_background_attatchment', array(
        'default'           => 'scroll',
        'sanitize_callback' => 'graphic_design_portfolio_sanitize_choices',
    ));

    $wp_customize->add_control('graphic_design_portfolio_background_attatchment', array(
        'label'    => __('Footer Background Attachment', 'graphic-design-portfolio'),
        'section'  => 'graphic_design_portfolio_footer_section',
        'settings' => 'graphic_design_portfolio_background_attatchment',
        'type'     => 'select',
        'choices'  => array(
            'fixed' => __('fixed','graphic-design-portfolio'),
            'scroll' => __('scroll','graphic-design-portfolio'),
        ),
    ));

    /* Footer Background Color*/
    $wp_customize->add_setting(
        'graphic_design_portfolio_footer_background_color',
        array(
            'default' => '',
            'sanitize_callback' => 'sanitize_hex_color',
        )
    );
    $wp_customize->add_control(
        new WP_Customize_Color_Control(
            $wp_customize,
            'graphic_design_portfolio_footer_background_color',
            array(
                'label' => __('Footer Widget Area Background Color', 'graphic-design-portfolio'),
                'section' => 'graphic_design_portfolio_footer_section',
                'type' => 'color',
            )
        )
    );

     $wp_customize->add_setting('graphic_design_portfolio_scroll_icon',array(
        'default'   => 'fas fa-arrow-up',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control(new Graphic_Design_Portfolio_Changeable_Icon(
        $wp_customize,'graphic_design_portfolio_scroll_icon',array(
        'label' => __('Scroll Top Icon','graphic-design-portfolio'),
        'transport' => 'refresh',
        'section'   => 'graphic_design_portfolio_footer_section',
        'type'      => 'icon'
    )));

        /** Scroll to top button shape */
    $wp_customize->add_setting('graphic_design_portfolio_scroll_to_top_radius', array(
        'default'           => 'curved-box',
        'sanitize_callback' => 'graphic_design_portfolio_sanitize_choices',
    ));

    $wp_customize->add_control('graphic_design_portfolio_scroll_to_top_radius', array(
        'label'    => __('Scroll Top Button Shape', 'graphic-design-portfolio'),
        'section'  => 'graphic_design_portfolio_footer_section',
        'settings' => 'graphic_design_portfolio_scroll_to_top_radius',
        'type'     => 'select',
        'choices'  => array(
            'box'        => __( 'Box', 'graphic-design-portfolio' ),
            'curved-box' => __( 'Curved Box', 'graphic-design-portfolio' ),
            'circle'     => __( 'Circle', 'graphic-design-portfolio' ),
        ),
    ));

    // 404 PAGE SETTINGS
    $wp_customize->add_section(
        'graphic_design_portfolio_404_section',
        array(
            'title' => __( '404 Page Settings', 'graphic-design-portfolio' ),
            'priority' => 70,
            'panel' => 'graphic_design_portfolio_general_settings',
        )
    );
   
    $wp_customize->add_setting('graphic_design_portfolio_404_page_image', array(
        'default' => '',
        'transport' => 'refresh',
        'sanitize_callback' => 'esc_url_raw', // Sanitize as URL
    ));

    $wp_customize->add_control(new WP_Customize_Image_Control($wp_customize, 'graphic_design_portfolio_404_page_image', array(
        'label' => __('404 Page Image', 'graphic-design-portfolio'),
        'section' => 'graphic_design_portfolio_404_section',
        'settings' => 'graphic_design_portfolio_404_page_image',
    )));

    $wp_customize->add_setting('404_pagefirst_header', array(
        'default' => __('404', 'graphic-design-portfolio'),
        'transport' => 'refresh',
        'sanitize_callback' => 'sanitize_text_field', // Sanitize as text field
    ));

    $wp_customize->add_control('404_pagefirst_header', array(
        'type' => 'text',
        'label' => __('Heading', 'graphic-design-portfolio'),
        'section' => 'graphic_design_portfolio_404_section',
    ));

    // Setting for 404 page header
    $wp_customize->add_setting('404_page_header', array(
        'default' => __('Sorry, that page can\'t be found!', 'graphic-design-portfolio'),
        'transport' => 'refresh',
        'sanitize_callback' => 'sanitize_text_field', // Sanitize as text field
    ));

    $wp_customize->add_control('404_page_header', array(
        'type' => 'text',
        'label' => __('Heading', 'graphic-design-portfolio'),
        'section' => 'graphic_design_portfolio_404_section',
    ));

}
add_action( 'customize_register', 'graphic_design_portfolio_customize_register' );
endif;

/**
 * Binds JS handlers to make Theme Customizer preview reload changes asynchronously.
 */
function graphic_design_portfolio_customize_preview_js() {
    // Use minified libraries if SCRIPT_DEBUG is false
    $graphic_design_portfolio_build  = ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '/build' : '';
    $graphic_design_portfolio_suffix = ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '' : '.min';
	wp_enqueue_script( 'graphic_design_portfolio_customizer', get_template_directory_uri() . '/js' . $graphic_design_portfolio_build . '/customizer' . $graphic_design_portfolio_suffix . '.js', array( 'customize-preview' ), '20130508', true );
}
add_action( 'customize_preview_init', 'graphic_design_portfolio_customize_preview_js' );