<?php

if ( class_exists("Kirki")){

if ( ! defined( 'NGO_DISASTER_RELIEF_BUY_NOW_1' ) ) {
define('NGO_DISASTER_RELIEF_BUY_NOW_1',__('https://www.misbahwp.com/products/disaster-relief-wordpress-theme','ngo-disaster-relief'));
}
	// LOGO

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'slider',
		'settings'    => 'ngo_disaster_relief_logo_resizer',
		'label'       => esc_html__( 'Adjust Your Logo Size ', 'ngo-disaster-relief' ),
		'section'     => 'title_tagline',
		'default'     => 70,
		'choices'     => [
			'min'  => 10,
			'max'  => 300,
			'step' => 10,
		],
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_enable_logo_text',
		'section'     => 'title_tagline',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Enable / Disable Site Title and Tagline', 'ngo-disaster-relief' ) . '</h3>',
		'priority'    => 10,
	] );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'switch',
		'settings'    => 'ngo_disaster_relief_display_header_title',
		'label'       => esc_html__( 'Site Title Enable / Disable Button', 'ngo-disaster-relief' ),
		'section'     => 'title_tagline',
		'default'     => true,
		'priority'    => 10,
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'ngo-disaster-relief' ),
			'off' => esc_html__( 'Disable', 'ngo-disaster-relief' ),
		],
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'switch',
		'settings'    => 'ngo_disaster_relief_display_header_text',
		'label'       => esc_html__( 'Tagline Enable / Disable Button', 'ngo-disaster-relief' ),
		'section'     => 'title_tagline',
		'default'     => false,
		'priority'    => 10,
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'ngo-disaster-relief' ),
			'off' => esc_html__( 'Disable', 'ngo-disaster-relief' ),
		],
	] );

	// FONT STYLE TYPOGRAPHY

	Kirki::add_panel( 'ngo_disaster_relief_panel_id', array(
	    'priority'    => 10,
	    'title'       => esc_html__( 'Typography', 'ngo-disaster-relief' ),
	) );

	Kirki::add_section( 'ngo_disaster_relief_font_style_section', array(
		'title'      => esc_html__( 'Typography Option',  'ngo-disaster-relief' ),
		'priority'   => 2,
		'capability' => 'edit_theme_options',
	) );

	Kirki::add_field( 'theme_config_id', [
	    'label'       => '<span class="custom-label-class">' . esc_html__( 'INFORMATION ABOUT PREMIUM VERSION :-', 'ngo-disaster-relief' ) . '</span>',
	    'default'     => '<a class="premium_info_btn" target="_blank" href="' . esc_url( NGO_DISASTER_RELIEF_BUY_NOW_1 ) . '">' . __( 'GO TO PREMIUM', 'ngo-disaster-relief' ) . '</a>',
	    'type'        => 'custom',
	    'section'     => 'ngo_disaster_relief_font_style_section',
	    'description' => '<div class="custom-description-class">' . __( '<p>1. One Click Demo Importer </p><p>2. Color Pallete Setup </p><p>3. Section Reordering Facility</p><p>4. For More Options kindly Go For Premium Version.</p>', 'ngo-disaster-relief' ) . '</div>',
		'priority'    => 10,
	]);

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_all_headings_typography',
		'section'     => 'ngo_disaster_relief_font_style_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Heading Of All Sections',  'ngo-disaster-relief' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'global', array(
		'type'        => 'typography',
		'settings'    => 'ngo_disaster_relief_all_headings_typography',
		'label'       => esc_html__( 'Heading Typography',  'ngo-disaster-relief' ),
		'description' => esc_html__( 'Select the typography options for your heading.',  'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_font_style_section',
		'priority'    => 10,
		'default'     => array(
			'font-family'    => '',
			'variant'        => '',
		),
		'output' => array(
			array(
				'element' => array( 'h1','h2','h3','h4','h5','h6', ),
			),
		),
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_body_content_typography',
		'section'     => 'ngo_disaster_relief_font_style_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Body Content',  'ngo-disaster-relief' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'global', array(
		'type'        => 'typography',
		'settings'    => 'ngo_disaster_relief_body_content_typography',
		'label'       => esc_html__( 'Content Typography',  'ngo-disaster-relief' ),
		'description' => esc_html__( 'Select the typography options for your content.',  'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_font_style_section',
		'priority'    => 10,
		'default'     => array(
			'font-family'    => '',
			'variant'        => '',
		),
		'output' => array(
			array(
				'element' => array( 'body', ),
			),
		),
	) );

		// PANEL
	Kirki::add_panel( 'ngo_disaster_relief_panel_id_5', array(
	    'priority'    => 10,
	    'title'       => esc_html__( 'Theme Animations', 'ngo-disaster-relief' ),
	) );

	// ANIMATION SECTION
	Kirki::add_section( 'ngo_disaster_relief_section_animation', array(
	    'title'          => esc_html__( 'Animations', 'ngo-disaster-relief' ),
	    'priority'       => 2,
	) );

	Kirki::add_field( 'theme_config_id', [
	    'label'       => '<span class="custom-label-class">' . esc_html__( 'INFORMATION ABOUT PREMIUM VERSION :-', 'ngo-disaster-relief' ) . '</span>',
	    'default'     => '<a class="premium_info_btn" target="_blank" href="' . esc_url( NGO_DISASTER_RELIEF_BUY_NOW_1 ) . '">' . __( 'GO TO PREMIUM', 'ngo-disaster-relief' ) . '</a>',
	    'type'        => 'custom',
	    'section'     => 'ngo_disaster_relief_section_animation',
	    'description' => '<div class="custom-description-class">' . __( '<p>1. One Click Demo Importer </p><p>2. More Font Family Options </p><p>3. Color Pallete Setup </p><p>4. Section Reordering Facility</p><p>5. For More Options kindly Go For Premium Version.</p>', 'ngo-disaster-relief' ) . '</div>',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'switch',
		'settings'    => 'ngo_disaster_relief_animation_enabled',
		'label'       => esc_html__( 'Turn To Show Animation', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_section_animation',
		'default'     => true,
		'priority'    => 10,
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'ngo-disaster-relief' ),
			'off' => esc_html__( 'Disable', 'ngo-disaster-relief' ),
		],
	] );

	// PANEL
	Kirki::add_panel( 'ngo_disaster_relief_panel_id_2', array(
	    'priority'    => 10,
	    'title'       => esc_html__( 'Theme Dark Mode', 'ngo-disaster-relief' ),
	) );

	// DARK MODE SECTION
	Kirki::add_section( 'ngo_disaster_relief_section_dark_mode', array(
	    'title'          => esc_html__( 'Dark Mode', 'ngo-disaster-relief' ),
	    'priority'       => 3,
	) );

	Kirki::add_field( 'theme_config_id', [
	    'label'       => '<span class="custom-label-class">' . esc_html__( 'INFORMATION ABOUT PREMIUM VERSION :-', 'ngo-disaster-relief' ) . '</span>',
	    'default'     => '<a class="premium_info_btn" target="_blank" href="' . esc_url( NGO_DISASTER_RELIEF_BUY_NOW_1 ) . '">' . __( 'GO TO PREMIUM', 'ngo-disaster-relief' ) . '</a>',
	    'type'        => 'custom',
	    'section'     => 'ngo_disaster_relief_section_dark_mode',
	    'description' => '<div class="custom-description-class">' . __( '<p>1. One Click Demo Importer </p><p>2. Color Pallete Setup </p><p>3. Section Reordering Facility</p><p>4. For More Options kindly Go For Premium Version.</p>', 'ngo-disaster-relief' ) . '</div>',
	]);

	Kirki::add_field( 'theme_config_id', [
	    'type'        => 'custom',
	    'settings'    => 'ngo_disaster_relief_dark_colors',
	    'section'     => 'ngo_disaster_relief_section_dark_mode',
	    'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Dark Appearance', 'ngo-disaster-relief' ) . '</h3>',
	    'priority'    => 10,
	]);

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'switch',
		'settings'    => 'ngo_disaster_relief_is_dark_mode_enabled',
		'label'       => esc_html__( 'Turn To Dark Mode', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_section_dark_mode',
		'default'     => false,
		'priority'    => 10,
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'ngo-disaster-relief' ),
			'off' => esc_html__( 'Disable', 'ngo-disaster-relief' ),
		],
	] );


	// PANEL
	Kirki::add_panel( 'ngo_disaster_relief_panel_id_3', array(
	    'priority'    => 10,
	    'title'       => esc_html__( '404 Settings / No Result', 'ngo-disaster-relief' ),
	) );

	// 404 SECTION
	Kirki::add_section( 'ngo_disaster_relief_section_404', array(
		'panel'          => 'ngo_disaster_relief_panel_id_3',
	    'title'          => esc_html__( '404 Settings', 'ngo-disaster-relief' ),
	    'priority'       => 3,
	) );

	Kirki::add_field( 'theme_config_id', [
	    'label'       => '<span class="custom-label-class">' . esc_html__( 'INFORMATION ABOUT PREMIUM VERSION :-', 'ngo-disaster-relief' ) . '</span>',
	    'default'     => '<a class="premium_info_btn" target="_blank" href="' . esc_url( NGO_DISASTER_RELIEF_BUY_NOW_1 ) . '">' . __( 'GO TO PREMIUM', 'ngo-disaster-relief' ) . '</a>',
	    'type'        => 'custom',
	    'section'     => 'ngo_disaster_relief_section_404',
	    'description' => '<div class="custom-description-class">' . __( '<p>1. One Click Demo Importer </p><p>2. Color Pallete Setup </p><p>3. Section Reordering Facility</p><p>4. For More Options kindly Go For Premium Version.</p>', 'ngo-disaster-relief' ) . '</div>',
		'priority'    => 10,
	]);

	Kirki::add_field( 'theme_config_id', [
	    'type'        => 'custom',
	    'settings'    => 'ngo_disaster_relief_404_heading',
	    'section'     => 'ngo_disaster_relief_section_404',
	    'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( '404 Heading', 'ngo-disaster-relief' ) . '</h3>',
	    'priority'    => 10,
	]);

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_404_page_title',
		'section'  => 'ngo_disaster_relief_section_404',
		'default'  => esc_html__('404 Not Found', 'ngo-disaster-relief'),
		'priority' => 10,
	] );

		Kirki::add_field( 'theme_config_id', [
	    'type'        => 'custom',
	    'settings'    => 'ngo_disaster_relief_404_text',
	    'section'     => 'ngo_disaster_relief_section_404',
	    'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( '404 Content', 'ngo-disaster-relief' ) . '</h3>',
	    'priority'    => 10,
	]);

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_404_page_content',
		'section'  => 'ngo_disaster_relief_section_404',
		'default'  => esc_html__('Sorry, no posts matched your criteria.', 'ngo-disaster-relief'),
		'priority' => 10,
	] );

	// NO Result
	Kirki::add_section( 'ngo_disaster_relief_no_result', array(
		'panel'          => 'ngo_disaster_relief_panel_id_3',
	    'title'          => esc_html__( 'No Result Page Settings', 'ngo-disaster-relief' ),
	    'priority'       => 3,
	) );

	Kirki::add_field( 'theme_config_id', [
	    'label'       => '<span class="custom-label-class">' . esc_html__( 'INFORMATION ABOUT PREMIUM VERSION :-', 'ngo-disaster-relief' ) . '</span>',
	    'default'     => '<a class="premium_info_btn" target="_blank" href="' . esc_url( NGO_DISASTER_RELIEF_BUY_NOW_1 ) . '">' . __( 'GO TO PREMIUM', 'ngo-disaster-relief' ) . '</a>',
	    'type'        => 'custom',
	    'section'     => 'ngo_disaster_relief_no_result',
	    'description' => '<div class="custom-description-class">' . __( '<p>1. One Click Demo Importer </p><p>2. Color Pallete Setup </p><p>3. Section Reordering Facility</p><p>4. For More Options kindly Go For Premium Version.</p>', 'ngo-disaster-relief' ) . '</div>',
		'priority'    => 10,
	]);

	Kirki::add_field( 'theme_config_id', [
	    'type'        => 'custom',
	    'settings'    => 'ngo_disaster_relief_not_found_heading',
	    'section'     => 'ngo_disaster_relief_no_result',
	    'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'No Search Result Heading', 'ngo-disaster-relief' ) . '</h3>',
	    'priority'    => 10,
	]);

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_no_results_page_title',
		'section'  => 'ngo_disaster_relief_no_result',
		'default'  => esc_html__('404 Not Found', 'ngo-disaster-relief'),
		'priority' => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
	    'type'        => 'custom',
	    'settings'    => 'ngo_disaster_relief_not_found_text',
	    'section'     => 'ngo_disaster_relief_no_result',
	    'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'No Search Result Content', 'ngo-disaster-relief' ) . '</h3>',
	    'priority'    => 10,
	]);

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_no_results_page_content',
		'section'  => 'ngo_disaster_relief_no_result',
		'default'  => esc_html__('Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'ngo-disaster-relief'),
		'priority' => 10,
	] );

	// PANEL

	Kirki::add_panel( 'ngo_disaster_relief_panel_id', array(
	    'priority'    => 10,
	    'title'       => esc_html__( 'Theme Options', 'ngo-disaster-relief' ),
	) );

	//COLOR SECTION

	Kirki::add_section( 'ngo_disaster_relief_section_color', array(
	    'title'          => esc_html__( 'Global Color', 'ngo-disaster-relief' ),
	    'panel'          => 'ngo_disaster_relief_panel_id',
	    'priority'       => 160,
	) );

	Kirki::add_field( 'theme_config_id', [
	    'label'       => '<span class="custom-label-class">' . esc_html__( 'INFORMATION ABOUT PREMIUM VERSION :-', 'ngo-disaster-relief' ) . '</span>',
	    'default'     => '<a class="premium_info_btn" target="_blank" href="' . esc_url( NGO_DISASTER_RELIEF_BUY_NOW_1 ) . '">' . __( 'GO TO PREMIUM', 'ngo-disaster-relief' ) . '</a>',
	    'type'        => 'custom',
	    'section'     => 'ngo_disaster_relief_section_color',
	    'description' => '<div class="custom-description-class">' . __( '<p>1. One Click Demo Importer </p><p>2. More Font Family Options </p><p>3. Color Pallete Setup </p><p>4. Section Reordering Facility</p><p>5. For More Options kindly Go For Premium Version.</p>', 'ngo-disaster-relief' ) . '</div>',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_global_colors',
		'section'     => 'ngo_disaster_relief_section_color',
		'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Here you can change your theme color on one click.', 'ngo-disaster-relief' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'color',
		'settings'    => 'ngo_disaster_relief_first_color',
		'label'       => __( 'Choose Your First Color', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_section_color',
		'default'     => '#ED4A4B',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'color',
		'settings'    => 'ngo_disaster_relief_second_color',
		'label'       => __( 'Choose Your Second Color', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_section_color',
		'default'     => '#FCAC2F',
	] );

	// Additional Settings

	Kirki::add_section( 'ngo_disaster_relief_additional_settings', array(
	    'title'          => esc_html__( 'Additional Settings', 'ngo-disaster-relief' ),
	    'panel'          => 'ngo_disaster_relief_panel_id',
	    'priority'       => 160,
	) );

	Kirki::add_field( 'theme_config_id', [
	    'label'       => '<span class="custom-label-class">' . esc_html__( 'INFORMATION ABOUT PREMIUM VERSION :-', 'ngo-disaster-relief' ) . '</span>',
	    'default'     => '<a class="premium_info_btn" target="_blank" href="' . esc_url( NGO_DISASTER_RELIEF_BUY_NOW_1 ) . '">' . __( 'GO TO PREMIUM', 'ngo-disaster-relief' ) . '</a>',
	    'type'        => 'custom',
	    'section'     => 'ngo_disaster_relief_additional_settings',
	    'description' => '<div class="custom-description-class">' . __( '<p>1. One Click Demo Importer </p><p>2. Color Pallete Setup </p><p>3. Section Reordering Facility</p><p>4. For More Options kindly Go For Premium Version.</p>', 'ngo-disaster-relief' ) . '</div>',
		'priority'    => 10,
	]);

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'settings'    => 'ngo_disaster_relief_scroll_enable_setting',
		'label'       => esc_html__( 'Here you can enable or disable your scroller.', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_additional_settings',
		'default'     => '1',
		'priority'    => 10,
	] );

	new \Kirki\Field\Radio_Buttonset(
	[
		'settings'    => 'ngo_disaster_relief_scroll_top_position',
		'label'       => esc_html__( 'Alignment for Scroll To Top', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_additional_settings',
		'default'     => 'Right',
		'priority'    => 10,
		'choices'     => [
			'Left'   => esc_html__( 'Left', 'ngo-disaster-relief' ),
			'Center' => esc_html__( 'Center', 'ngo-disaster-relief' ),
			'Right'  => esc_html__( 'Right', 'ngo-disaster-relief' ),
		],
	]
	);

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'dashicons',
		'settings' => 'ngo_disaster_relief_scroll_top_icon',
		'label'    => esc_html__( 'Select Appropriate Scroll Top Icon', 'ngo-disaster-relief' ),
		'section'  => 'ngo_disaster_relief_additional_settings',
		'default'  => 'dashicons dashicons-arrow-up-alt',
		'priority' => 10,
	] );

	new \Kirki\Field\Select(
	[
		'settings'    => 'menu_text_transform_ngo_disaster_relief',
		'label'       => esc_html__( 'Menus Text Transform', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_additional_settings',
		'default'     => 'CAPITALISE',
		'placeholder' => esc_html__( 'Choose an option', 'ngo-disaster-relief' ),
		'choices'     => [
			'CAPITALISE' => esc_html__( 'CAPITALISE', 'ngo-disaster-relief' ),
			'UPPERCASE' => esc_html__( 'UPPERCASE', 'ngo-disaster-relief' ),
			'LOWERCASE' => esc_html__( 'LOWERCASE', 'ngo-disaster-relief' ),

		],
	] );

	new \Kirki\Field\Select(
	[
		'settings'    => 'ngo_disaster_relief_menu_zoom',
		'label'       => esc_html__( 'Menu Transition', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_additional_settings',
		'default' => 'Zoom Out',
		'placeholder' => esc_html__( 'Choose an option', 'ngo-disaster-relief' ),
		'choices'     => [
			'Zoomout' => __('Zoom Out','ngo-disaster-relief'),
            'Zoominn' => __('Zoom Inn','ngo-disaster-relief'),
            
		],
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'slider',
		'settings'    => 'ngo_disaster_relief_container_width',
		'label'       => esc_html__( 'Theme Container Width', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_additional_settings',
		'default'     => 100,
		'choices'     => [
			'min'  => 50,
			'max'  => 100,
			'step' => 1,
		],
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'settings'    => 'ngo_disaster_relief_site_loader',
		'label'       => esc_html__( 'Here you can enable or disable your Site Loader.', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_additional_settings',
		'default'     => false,
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'settings'    => 'ngo_disaster_relief_sticky_header',
		'label'       => esc_html__( 'Here you can enable or disable your Sticky Header.', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_additional_settings',
		'default'     => false,
		'priority'    => 10,
	] );

	new \Kirki\Field\Select(
	[
		'settings'    => 'ngo_disaster_relief_page_layout',
		'label'       => esc_html__( 'Page Layout Setting', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_additional_settings',
		'default' => 'Right Sidebar',
		'placeholder' => esc_html__( 'Choose an option', 'ngo-disaster-relief' ),
		'choices'     => [
			'Left Sidebar' => __('Left Sidebar','ngo-disaster-relief'),
            'Right Sidebar' => __('Right Sidebar','ngo-disaster-relief'),
            'One Column' => __('One Column','ngo-disaster-relief')
		],
	] );

	if ( class_exists("woocommerce")){

	// Woocommerce Settings

	Kirki::add_section( 'ngo_disaster_relief_woocommerce_settings', array(
		'title'          => esc_html__( 'Woocommerce Settings', 'ngo-disaster-relief' ),
		'panel'          => 'ngo_disaster_relief_panel_id',
		'priority'       => 160,
	) );

	Kirki::add_field( 'theme_config_id', [
	    'label'       => '<span class="custom-label-class">' . esc_html__( 'INFORMATION ABOUT PREMIUM VERSION :-', 'ngo-disaster-relief' ) . '</span>',
	    'default'     => '<a class="premium_info_btn" target="_blank" href="' . esc_url( NGO_DISASTER_RELIEF_BUY_NOW_1 ) . '">' . __( 'GO TO PREMIUM', 'ngo-disaster-relief' ) . '</a>',
	    'type'        => 'custom',
	    'section'     => 'ngo_disaster_relief_woocommerce_settings',
	    'description' => '<div class="custom-description-class">' . __( '<p>1. One Click Demo Importer </p><p>2. Color Pallete Setup </p><p>3. Section Reordering Facility</p><p>4. For More Options kindly Go For Premium Version.</p>', 'ngo-disaster-relief' ) . '</div>',
		'priority'    => 10,
	]);

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'settings'    => 'ngo_disaster_relief_shop_sidebar',
		'label'       => esc_html__( 'Here you can enable or disable shop page sidebar.', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_woocommerce_settings',
		'default'     => '1',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'settings'    => 'ngo_disaster_relief_product_sidebar',
		'label'       => esc_html__( 'Here you can enable or disable product page sidebar.', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_woocommerce_settings',
		'default'     => '1',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'settings'    => 'ngo_disaster_relief_related_product_setting',
		'label'       => esc_html__( 'Here you can enable or disable your related products.', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_woocommerce_settings',
		'default'     => true,
		'priority'    => 10,
	] );

	new \Kirki\Field\Number(
		[
			'settings' => 'ngo_disaster_relief_per_columns',
			'label'    => esc_html__( 'Product Per Row', 'ngo-disaster-relief' ),
			'section'  => 'ngo_disaster_relief_woocommerce_settings',
			'default'  => 3,
			'choices'  => [
				'min'  => 1,
				'max'  => 4,
				'step' => 1,
			],
		]
	);

	new \Kirki\Field\Number(
		[
			'settings' => 'ngo_disaster_relief_product_per_page',
			'label'    => esc_html__( 'Product Per Page', 'ngo-disaster-relief' ),
			'section'  => 'ngo_disaster_relief_woocommerce_settings',
			'default'  => 9,
			'choices'  => [
				'min'  => 1,
				'max'  => 15,
				'step' => 1,
			],
		]
	);

	new \Kirki\Field\Number(
	[
		'settings' => 'custom_related_products_number_per_row',
		'label'    => esc_html__( 'Related Product Per Column', 'ngo-disaster-relief' ),
		'section'  => 'ngo_disaster_relief_woocommerce_settings',
		'default'  => 3,
		'choices'  => [
			'min'  => 1,
			'max'  => 4,
			'step' => 1,
		],
	]
	);

	new \Kirki\Field\Number(
	[
		'settings' => 'custom_related_products_number',
		'label'    => esc_html__( 'Related Product Per Page', 'ngo-disaster-relief' ),
		'section'  => 'ngo_disaster_relief_woocommerce_settings',
		'default'  => 3,
		'choices'  => [
			'min'  => 1,
			'max'  => 10,
			'step' => 1,
		],
	]
	);

	new \Kirki\Field\Select(
	[
		'settings'    => 'ngo_disaster_relief_shop_page_layout',
		'label'       => esc_html__( 'Shop Page Layout Setting', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_woocommerce_settings',
		'default' => 'Right Sidebar',
		'placeholder' => esc_html__( 'Choose an option', 'ngo-disaster-relief' ),
		'choices'     => [
			'Left Sidebar' => __('Left Sidebar','ngo-disaster-relief'),
            'Right Sidebar' => __('Right Sidebar','ngo-disaster-relief')
		],
	] );

	new \Kirki\Field\Select(
	[
		'settings'    => 'ngo_disaster_relief_product_page_layout',
		'label'       => esc_html__( 'Product Page Layout Setting', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_woocommerce_settings',
		'default' => 'Right Sidebar',
		'placeholder' => esc_html__( 'Choose an option', 'ngo-disaster-relief' ),
		'choices'     => [
			'Left Sidebar' => __('Left Sidebar','ngo-disaster-relief'),
            'Right Sidebar' => __('Right Sidebar','ngo-disaster-relief')
		],
	] );

	new \Kirki\Field\Radio_Buttonset( [
		'settings'    => 'ngo_disaster_relief_woocommerce_pagination_position',
		'label'       => esc_html__( 'Woocommerce Pagination Alignment', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_woocommerce_settings',
		'default'     => 'Center',
		'priority'    => 10,
		'choices'     => [
			'Left'   => esc_html__( 'Left', 'ngo-disaster-relief' ),
			'Center' => esc_html__( 'Center', 'ngo-disaster-relief' ),
			'Right'  => esc_html__( 'Right', 'ngo-disaster-relief' ),
		],
	]
	);

}

	// POST SECTION

	Kirki::add_section( 'ngo_disaster_relief_section_post', array(
	    'title'          => esc_html__( 'Post Settings', 'ngo-disaster-relief' ),
	    'panel'          => 'ngo_disaster_relief_panel_id',
	    'priority'       => 160,
	) );

	Kirki::add_field( 'theme_config_id', [
	    'label'       => '<span class="custom-label-class">' . esc_html__( 'INFORMATION ABOUT PREMIUM VERSION :-', 'ngo-disaster-relief' ) . '</span>',
	    'default'     => '<a class="premium_info_btn" target="_blank" href="' . esc_url( NGO_DISASTER_RELIEF_BUY_NOW_1 ) . '">' . __( 'GO TO PREMIUM', 'ngo-disaster-relief' ) . '</a>',
	    'type'        => 'custom',
	    'section'     => 'ngo_disaster_relief_section_post',
	    'description' => '<div class="custom-description-class">' . __( '<p>1. One Click Demo Importer </p><p>2. Color Pallete Setup </p><p>3. Section Reordering Facility</p><p>4. For More Options kindly Go For Premium Version.</p>', 'ngo-disaster-relief' ) . '</div>',
		'priority'    => 10,
	]);

	new \Kirki\Field\Sortable(
	[
		'settings' => 'ngo_disaster_relief_archive_element_sortable',
		'label'    => __( 'Archive Post Page Element Reordering', 'ngo-disaster-relief' ),
		'description'    => esc_html__( 'This setting is not favorable with post format.', 'ngo-disaster-relief' ),
		'section'  => 'ngo_disaster_relief_section_post',
		'default'  => [ 'option1', 'option2', 'option3', 'option4', 'option5' ],
		'choices'  => [
			'option1' => esc_html__( 'Post Image', 'ngo-disaster-relief' ),
			'option2' => esc_html__( 'Post Meta', 'ngo-disaster-relief' ),
			'option3' => esc_html__( 'Post Title', 'ngo-disaster-relief' ),
			'option4' => esc_html__( 'Post Content', 'ngo-disaster-relief' ),
			'option5' => esc_html__( 'Post Button', 'ngo-disaster-relief' ),
		],
	]
	);

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'slider',
		'settings'    => 'ngo_disaster_relief_post_excerpt_number',
		'label'       => esc_html__( 'Post Content Range', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_section_post',
		'default'     => 10,
		'choices'     => [
			'min'  => 0,
			'max'  => 100,
			'step' => 1,
		],
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'settings'    => 'ngo_disaster_relief_pagination_setting',
		'label'       => esc_html__( 'Here you can enable or disable your Pagination.', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_section_post',
		'default'     => true,
		'priority'    => 10,
	] );

	new \Kirki\Field\Select(
	[
		'settings'    => 'ngo_disaster_relief_archive_sidebar_layout',
		'label'       => esc_html__( 'Archive Post Sidebar Layout Setting', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_section_post',
		'default' => 'Right Sidebar',
		'placeholder' => esc_html__( 'Choose an option', 'ngo-disaster-relief' ),
		'choices'     => [
			'Left Sidebar' => __('Left Sidebar','ngo-disaster-relief'),
            'Right Sidebar' => __('Right Sidebar','ngo-disaster-relief'),
            'Three Column' => __('Three Column','ngo-disaster-relief'),
            'Four Column' => __('Four Column','ngo-disaster-relief'),
            'Grid Layout Without Sidebar' => __('Grid Layout Without Sidebar','ngo-disaster-relief'),
            'Grid Layout With Right Sidebar' => __('Grid Layout With Right Sidebar','ngo-disaster-relief'),
            'Grid Layout With Left Sidebar' => __('Grid Layout With Left Sidebar','ngo-disaster-relief')
		],
	] );

	new \Kirki\Field\Select(
	[
		'settings'    => 'ngo_disaster_relief_single_post_sidebar_layout',
		'label'       => esc_html__( 'Single Post Sidebar Layout Setting', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_section_post',
		'default' => 'Right Sidebar',
		'placeholder' => esc_html__( 'Choose an option', 'ngo-disaster-relief' ),
		'choices'     => [
			'Left Sidebar' => __('Left Sidebar','ngo-disaster-relief'),
            'Right Sidebar' => __('Right Sidebar','ngo-disaster-relief'),
		],
	] );

	new \Kirki\Field\Select(
	[
		'settings'    => 'ngo_disaster_relief_search_sidebar_layout',
		'label'       => esc_html__( 'Search Page Sidebar Layout Setting', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_section_post',
		'default' => 'Right Sidebar',
		'placeholder' => esc_html__( 'Choose an option', 'ngo-disaster-relief' ),
		'choices'     => [
			'Left Sidebar' => __('Left Sidebar','ngo-disaster-relief'),
            'Right Sidebar' => __('Right Sidebar','ngo-disaster-relief'),
            'Three Column' => __('Three Column','ngo-disaster-relief'),
            'Four Column' => __('Four Column','ngo-disaster-relief'),
            'Grid Layout Without Sidebar' => __('Grid Layout Without Sidebar','ngo-disaster-relief'),
            'Grid Layout With Right Sidebar' => __('Grid Layout With Right Sidebar','ngo-disaster-relief'),
            'Grid Layout With Left Sidebar' => __('Grid Layout With Left Sidebar','ngo-disaster-relief')
		],
	] );

	// Breadcrumb
	Kirki::add_section( 'ngo_disaster_relief_bradcrumb', array(
	    'title'          => esc_html__( 'Breadcrumb Settings', 'ngo-disaster-relief' ),
	    'panel'          => 'ngo_disaster_relief_panel_id',
	    'priority'       => 160,
	) );

	Kirki::add_field( 'theme_config_id', [
	    'label'       => '<span class="custom-label-class">' . esc_html__( 'INFORMATION ABOUT PREMIUM VERSION :-', 'ngo-disaster-relief' ) . '</span>',
	    'default'     => '<a class="premium_info_btn" target="_blank" href="' . esc_url( NGO_DISASTER_RELIEF_BUY_NOW_1 ) . '">' . __( 'GO TO PREMIUM', 'ngo-disaster-relief' ) . '</a>',
	    'type'        => 'custom',
	    'section'     => 'ngo_disaster_relief_bradcrumb',
	    'description' => '<div class="custom-description-class">' . __( '<p>1. One Click Demo Importer </p><p>2. Color Pallete Setup </p><p>3. Section Reordering Facility</p><p>4. For More Options kindly Go For Premium Version.</p>', 'ngo-disaster-relief' ) . '</div>',
		'priority'    => 10,
	]);

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_enable_breadcrumb_heading',
		'section'     => 'ngo_disaster_relief_bradcrumb',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Enable / Disable Single Page Breadcrumb', 'ngo-disaster-relief' ) . '</h3>',
		'priority'    => 10,
	] );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'switch',
		'settings'    => 'ngo_disaster_relief_breadcrumb_enable',
		'label'       => esc_html__( 'Breadcrumb Enable / Disable', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_bradcrumb',
		'default'     => true,
		'priority'    => 10,
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'ngo-disaster-relief' ),
			'off' => esc_html__( 'Disable', 'ngo-disaster-relief' ),
		],
	] );

	Kirki::add_field( 'theme_config_id', [
        'type'     => 'text',
        'default'     => '/',
        'settings' => 'ngo_disaster_relief_breadcrumb_separator' ,
        'label'    => esc_html__( 'Breadcrumb Separator',  'ngo-disaster-relief' ),
        'section'  => 'ngo_disaster_relief_bradcrumb',
    ] );

	// HEADER SECTION

	Kirki::add_section( 'ngo_disaster_relief_header_section', array(
        'title'          => esc_html__( 'Header Settings', 'ngo-disaster-relief' ),
        'panel'          => 'ngo_disaster_relief_panel_id',
        'priority'       => 160,
    ) );

	Kirki::add_field( 'theme_config_id', [
	    'label'       => '<span class="custom-label-class">' . esc_html__( 'INFORMATION ABOUT PREMIUM VERSION :-', 'ngo-disaster-relief' ) . '</span>',
	    'default'     => '<a class="premium_info_btn" target="_blank" href="' . esc_url( NGO_DISASTER_RELIEF_BUY_NOW_1 ) . '">' . __( 'GO TO PREMIUM', 'ngo-disaster-relief' ) . '</a>',
	    'type'        => 'custom',
	    'section'     => 'ngo_disaster_relief_header_section',
	    'description' => '<div class="custom-description-class">' . __( '<p>1. One Click Demo Importer </p><p>2. Color Pallete Setup </p><p>3. Section Reordering Facility</p><p>4. For More Options kindly Go For Premium Version.</p>', 'ngo-disaster-relief' ) . '</div>',
		'priority'    => 10,
	]);

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_header_inner_location_text',
		'section'     => 'ngo_disaster_relief_header_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Header Location',  'ngo-disaster-relief' ) . '</h3>',
	] );

    Kirki::add_field( 'theme_config_id', [
        'type'     => 'text',
        'settings' => 'ngo_disaster_relief_header_inner_location' ,
        'section'  => 'ngo_disaster_relief_header_section',
    ] );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_header_inner_emial_heading',
		'section'     => 'ngo_disaster_relief_header_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Header Email',  'ngo-disaster-relief' ) . '</h3>',
	] );

    Kirki::add_field( 'theme_config_id', [
        'type'     => 'text',
        'settings' => 'ngo_disaster_relief_header_inner_emial' ,
        'section'  => 'ngo_disaster_relief_header_section',
    ] );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_header_inner_phone_number_heading',
		'section'     => 'ngo_disaster_relief_header_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Header Phone Number',  'ngo-disaster-relief' ) . '</h3>',
	] );

    Kirki::add_field( 'theme_config_id', [
        'type'     => 'text',
        'settings' => 'ngo_disaster_relief_header_inner_phone_number' ,
        'section'  => 'ngo_disaster_relief_header_section',
    ] );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_enable_socail_link',
		'section'     => 'ngo_disaster_relief_header_section',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Social Media Link', 'ngo-disaster-relief' ) . '</h3>',
		'priority'    => 11,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'repeater',
		'section'     => 'ngo_disaster_relief_header_section',
		'priority'    => 11,
		'row_label' => [
			'type'  => 'field',
			'value' => esc_html__( 'Social Icon', 'ngo-disaster-relief' ),
			'field' => 'link_text',
		],
		'button_label' => esc_html__('Add New Social Icon', 'ngo-disaster-relief' ),
		'settings'     => 'ngo_disaster_relief_social_links_settings',
		'default'      => '',
		'fields' 	   => [
			'link_text' => [
				'type'        => 'text',
				'label'       => esc_html__( 'Icon', 'ngo-disaster-relief' ),
				'description' => esc_html__( 'Add the fontawesome class ex: "fab fa-facebook-f".', 'ngo-disaster-relief' ),
				'default'     => '',
			],
			'link_url' => [
				'type'        => 'url',
				'label'       => esc_html__( 'Social Link', 'ngo-disaster-relief' ),
				'description' => esc_html__( 'Add the social icon url here.', 'ngo-disaster-relief' ),
				'default'     => '',
			],
		],
		'choices' => [
			'limit' => 5
		],
	] );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_header_button_heading_button',
		'section'     => 'ngo_disaster_relief_header_section',
		'priority'    => 10,
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Header Button',  'ngo-disaster-relief' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', [
		'label'    => esc_html__( 'Button Text',  'ngo-disaster-relief' ),
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_header_newsletter_button_text',
		'section'  => 'ngo_disaster_relief_header_section',
    ] );

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'url',
		'label'       => esc_html__( 'Button URL', 'ngo-disaster-relief' ),
		'settings' => 'ngo_disaster_relief_header_newsletter_button_url',
		'section'  => 'ngo_disaster_relief_header_section',
		'default'  => '',
	] );

	// SLIDER SECTION

	Kirki::add_section( 'ngo_disaster_relief_blog_slide_section', array(
        'title'          => esc_html__( ' Slider Settings', 'ngo-disaster-relief' ),
        'panel'          => 'ngo_disaster_relief_panel_id',
        'priority'       => 160,
    ) );

	Kirki::add_field( 'theme_config_id', [
	    'label'       => '<span class="custom-label-class">' . esc_html__( 'INFORMATION ABOUT PREMIUM VERSION :-', 'ngo-disaster-relief' ) . '</span>',
	    'default'     => '<a class="premium_info_btn" target="_blank" href="' . esc_url( NGO_DISASTER_RELIEF_BUY_NOW_1 ) . '">' . __( 'GO TO PREMIUM', 'ngo-disaster-relief' ) . '</a>',
	    'type'        => 'custom',
	    'section'     => 'ngo_disaster_relief_blog_slide_section',
	    'description' => '<div class="custom-description-class">' . __( '<p>1. One Click Demo Importer </p><p>2. Color Pallete Setup </p><p>3. Section Reordering Facility</p><p>4. For More Options kindly Go For Premium Version.</p>', 'ngo-disaster-relief' ) . '</div>',
		'priority'    => 10,
	]);

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_enable_heading_2',
		'section'     => 'ngo_disaster_relief_blog_slide_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Enable / Disable Slider', 'ngo-disaster-relief' ) . '</h3>',
		'priority'    => 10,
	] );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'switch',
		'settings'    => 'ngo_disaster_relief_blog_box_enable',
		'label'       => esc_html__( 'Section Enable / Disable', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_blog_slide_section',
		'default'     => false,
		'priority'    => 10,
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'ngo-disaster-relief' ),
			'off' => esc_html__( 'Disable', 'ngo-disaster-relief' ),
		],
	] );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_slider_heading',
		'section'     => 'ngo_disaster_relief_blog_slide_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Slider', 'ngo-disaster-relief' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'number',
		'settings'    => 'ngo_disaster_relief_blog_slide_number',
		'label'       => esc_html__( 'Number of slides to show', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_blog_slide_section',
		'default'     => 0,
		'description' => esc_html__( 'Copy the shortcode from the Contact Form plugin, paste it here, publish the page, and then refresh the front end to display your form.', 'ngo-disaster-relief' ),
		'choices'     => [
			'min'  => 0,
			'max'  => 3,
			'step' => 1,
		],
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'select',
		'settings'    => 'ngo_disaster_relief_blog_slide_category',
		'label'       => esc_html__( 'Select the category to show slider ( Image Dimension 1600 x 600 )', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_blog_slide_section',
		'default'     => '',
		'placeholder' => esc_html__( 'Select an category...', 'ngo-disaster-relief' ),
		'priority'    => 10,
		'choices'     => ngo_disaster_relief_get_categories_select(),
	] );

	Kirki::add_field( 'theme_config_id', [
		'label'    => esc_html__( 'Short Heading',  'ngo-disaster-relief' ),
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_slider_short_heading',
		'section'  => 'ngo_disaster_relief_blog_slide_section',
    ] );

    Kirki::add_field( 'theme_config_id', [
		'label'    => esc_html__( 'Price',  'ngo-disaster-relief' ),
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_slider_section_price_heading',
		'section'  => 'ngo_disaster_relief_blog_slide_section',
    ] );

    Kirki::add_field( 'theme_config_id', [
		'label'    => esc_html__( 'Text',  'ngo-disaster-relief' ),
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_slider_section_price_text',
		'section'  => 'ngo_disaster_relief_blog_slide_section',
    ] );

	//Categories SECTION

	Kirki::add_section( 'ngo_disaster_relief_about_us_section', array(
	    'title'          => esc_html__( 'About Us Settings', 'ngo-disaster-relief' ),
	    'panel'          => 'ngo_disaster_relief_panel_id',
	    'priority'       => 160,
	) );

	Kirki::add_field( 'theme_config_id', [
	    'label'       => '<span class="custom-label-class">' . esc_html__( 'INFORMATION ABOUT PREMIUM VERSION :-', 'ngo-disaster-relief' ) . '</span>',
	    'default'     => '<a class="premium_info_btn" target="_blank" href="' . esc_url( NGO_DISASTER_RELIEF_BUY_NOW_1 ) . '">' . __( 'GO TO PREMIUM', 'ngo-disaster-relief' ) . '</a>',
	    'type'        => 'custom',
	    'section'     => 'ngo_disaster_relief_about_us_section',
	    'description' => '<div class="custom-description-class">' . __( '<p>1. One Click Demo Importer </p><p>2. Color Pallete Setup </p><p>3. Section Reordering Facility</p><p>4. For More Options kindly Go For Premium Version.</p>', 'ngo-disaster-relief' ) . '</div>',
		'priority'    => 10,
	]);

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_enable_heading',
		'section'     => 'ngo_disaster_relief_about_us_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Enable / Disable About Us',  'ngo-disaster-relief' ) . '</h3>',
		'priority'    => 1,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'switch',
		'settings'    => 'ngo_disaster_relief_about_us_section_enable',
		'section'     => 'ngo_disaster_relief_about_us_section',
		'default'     => false,
		'priority'    => 2,
		'choices'     => [
			'on'  => esc_html__( 'Enable',  'ngo-disaster-relief' ),
			'off' => esc_html__( 'Disable',  'ngo-disaster-relief' ),
		],
	] );

	new \Kirki\Field\Image( 
		[
	        'settings'    => 'ngo_disaster_relief_about_image_1',
	        'label'       => esc_html__( 'About Us Image 1', 'ngo-disaster-relief' ),
	        'section'     => 'ngo_disaster_relief_about_us_section',
	        'default'     => '',
	    ]
	);

	Kirki::add_field( 'theme_config_id', [
		'label'    => esc_html__( 'About Us Achivement Heading',  'ngo-disaster-relief' ),
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_about_us_section_achivement_heading',
		'section'  => 'ngo_disaster_relief_about_us_section',
    ] );

    Kirki::add_field( 'theme_config_id', [
		'label'    => esc_html__( 'About Us Achivement Text',  'ngo-disaster-relief' ),
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_about_us_section_achivement_text',
		'section'  => 'ngo_disaster_relief_about_us_section',
    ] );

	new \Kirki\Field\Image( 
		[
	        'settings'    => 'ngo_disaster_relief_about_image_2',
	        'label'       => esc_html__( 'About Us Image 2', 'ngo-disaster-relief' ),
	        'section'     => 'ngo_disaster_relief_about_us_section',
	        'default'     => '',
	    ]
	);

	Kirki::add_field( 'theme_config_id', [
		'label'    => esc_html__( 'About Us Heading',  'ngo-disaster-relief' ),
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_about_us_section_heading',
		'section'  => 'ngo_disaster_relief_about_us_section',
    ] );

    Kirki::add_field( 'theme_config_id', [
		'label'    => esc_html__( 'About Us Content',  'ngo-disaster-relief' ),
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_about_us_section_content',
		'section'  => 'ngo_disaster_relief_about_us_section',
    ] );

    new \Kirki\Field\Image( 
		[
	        'settings'    => 'ngo_disaster_relief_about_us_right_image',
	        'label'       => esc_html__( 'About Us Image Right', 'ngo-disaster-relief' ),
	        'section'     => 'ngo_disaster_relief_about_us_section',
	        'default'     => '',
	    ]
	);

    Kirki::add_field( 'theme_config_id', [
		'label'    => esc_html__( 'About Us Short Heading',  'ngo-disaster-relief' ),
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_about_us_section_short_heading',
		'section'  => 'ngo_disaster_relief_about_us_section',
    ] );

    Kirki::add_field( 'theme_config_id', [
		'label'    => esc_html__( 'About Us Short Text',  'ngo-disaster-relief' ),
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_about_us_section_short_text',
		'section'  => 'ngo_disaster_relief_about_us_section',
    ] );

    Kirki::add_field( 'theme_config_id', [
		'label'    => esc_html__( 'Button Text',  'ngo-disaster-relief' ),
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_about_us_button_text',
		'section'  => 'ngo_disaster_relief_about_us_section',
    ] );

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'url',
		'label'       => esc_html__( 'Button URL', 'ngo-disaster-relief' ),
		'settings' => 'ngo_disaster_relief_about_us_button_url',
		'section'  => 'ngo_disaster_relief_about_us_section',
		'default'  => '',
	] );

	// FOOTER SECTION

	Kirki::add_section( 'ngo_disaster_relief_footer_section', array(
        'title'          => esc_html__( 'Footer Settings', 'ngo-disaster-relief' ),
        'description'    => esc_html__( 'Here you can change copyright text', 'ngo-disaster-relief' ),
        'panel'          => 'ngo_disaster_relief_panel_id',
        'priority'       => 160,
    ) );

	Kirki::add_field( 'theme_config_id', [
	    'label'       => '<span class="custom-label-class">' . esc_html__( 'INFORMATION ABOUT PREMIUM VERSION :-', 'ngo-disaster-relief' ) . '</span>',
	    'default'     => '<a class="premium_info_btn" target="_blank" href="' . esc_url( NGO_DISASTER_RELIEF_BUY_NOW_1 ) . '">' . __( 'GO TO PREMIUM', 'ngo-disaster-relief' ) . '</a>',
	    'type'        => 'custom',
	    'section'     => 'ngo_disaster_relief_footer_section',
	    'description' => '<div class="custom-description-class">' . __( '<p>1. One Click Demo Importer </p><p>2. Color Pallete Setup </p><p>3. Section Reordering Facility</p><p>4. For More Options kindly Go For Premium Version.</p>', 'ngo-disaster-relief' ) . '</div>',
		'priority'    => 10,
	]);

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_footer_enable_heading',
		'section'     => 'ngo_disaster_relief_footer_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Enable / Disable Footer Link', 'ngo-disaster-relief' ) . '</h3>',
		'priority'    => 10,
	] );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'switch',
		'settings'    => 'ngo_disaster_relief_copyright_enable',
		'label'       => esc_html__( 'Section Enable / Disable', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_footer_section',
		'default'     => '1',
		'priority'    => 10,
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'ngo-disaster-relief' ),
			'off' => esc_html__( 'Disable', 'ngo-disaster-relief' ),
		],
	] );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_footer_text_heading',
		'section'     => 'ngo_disaster_relief_footer_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Footer Copyright Text', 'ngo-disaster-relief' ) . '</h3>',
		'priority'    => 10,
	] );

    Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'settings' => 'ngo_disaster_relief_footer_text',
		'section'  => 'ngo_disaster_relief_footer_section',
		'default'  => '',
		'priority' => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
	'type'        => 'custom',
	'settings'    => 'ngo_disaster_relief_footer_text_heading_2',
	'section'     => 'ngo_disaster_relief_footer_section',
		'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Footer Copyright Alignment', 'ngo-disaster-relief' ) . '</h3>',
	'priority'    => 10,
	] );

	new \Kirki\Field\Select(
	[
		'settings'    => 'ngo_disaster_relief_copyright_text_alignment',
		'label'       => esc_html__( 'Copyright text Alignment', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_footer_section',
		'default'     => 'LEFT-ALIGN',
		'placeholder' => esc_html__( 'Choose an option', 'ngo-disaster-relief' ),
		'choices'     => [
			'LEFT-ALIGN' => esc_html__( 'LEFT-ALIGN', 'ngo-disaster-relief' ),
			'CENTER-ALIGN' => esc_html__( 'CENTER-ALIGN', 'ngo-disaster-relief' ),
			'RIGHT-ALIGN' => esc_html__( 'RIGHT-ALIGN', 'ngo-disaster-relief' ),

		],
	] );

	Kirki::add_field( 'theme_config_id', [
	'type'        => 'custom',
	'settings'    => 'ngo_disaster_relief_footer_text_heading_1',
	'section'     => 'ngo_disaster_relief_footer_section',
		'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Footer Copyright Background Color', 'ngo-disaster-relief' ) . '</h3>',
	'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'color',
		'settings'    => 'ngo_disaster_relief_copyright_bg',
		'label'       => __( 'Choose Your Copyright Background Color', 'ngo-disaster-relief' ),
		'section'     => 'ngo_disaster_relief_footer_section',
		'default'     => '#000000',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'ngo_disaster_relief_enable_footer_socail_link',
		'section'     => 'ngo_disaster_relief_footer_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Social Media Link', 'ngo-disaster-relief' ) . '</h3>',
		'priority'    => 11,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'repeater',
		'section'     => 'ngo_disaster_relief_footer_section',
		'priority'    => 11,
		'row_label' => [
			'type'  => 'field',
			'value' => esc_html__( 'Footer Social Icon', 'ngo-disaster-relief' ),
			'field' => 'link_text',
		],
		'button_label' => esc_html__('Add New Social Icon', 'ngo-disaster-relief' ),
		'settings'     => 'ngo_disaster_relief_footer_social_links_settings',
		'default'      => '',
		'fields' 	   => [
			'link_text' => [
				'type'        => 'text',
				'label'       => esc_html__( 'Icon', 'ngo-disaster-relief' ),
				'description' => esc_html__( 'Add the fontawesome class ex: "fab fa-facebook-f".', 'ngo-disaster-relief' ),
				'default'     => '',
			],
			'link_url' => [
				'type'        => 'url',
				'label'       => esc_html__( 'Social Link', 'ngo-disaster-relief' ),
				'description' => esc_html__( 'Add the social icon url here.', 'ngo-disaster-relief' ),
				'default'     => '',
			],
		],
		'choices' => [
			'limit' => 5
		],
	] );
}