<?php
Kirki::add_config(
	'wprig_global_config',
	array(
		'capability'    => 'edit_theme_options',
		'option_type'   => 'theme_mod',
	)
);
Kirki::add_panel(
	'panel_global',
	array(
		'priority'    => 10,
		'title'       => esc_html__( 'Global', 'bongo' ),
	)
);
// layout
Kirki::add_section(
	'section_global',
	array(
		'title'          => esc_html__( 'Layout', 'bongo' ),
		'panel'          => 'panel_global',
		'priority'       => 10,
	)
);
Kirki::add_field(
	'wprig_global_config',
	array(
		'section'     => 'section_global',
		'settings'    => 'layout_field_container',
		'label'       => esc_html__( 'Container Layout', 'bongo' ),
		'type'        => 'radio-image',
		'default'     => 'boxed',
		'priority'    => 10,
		'choices'     => array(
			'full_width' => get_template_directory_uri() . '/assets/images/fullscreen-min.png',
			'boxed'  => get_template_directory_uri() . '/assets/images/box-min.png',
		),
	)
);
Kirki::add_field(
	'wprig_global_config',
	array(
		'section'     => 'section_global',
		'settings'    => 'layout_settings_max_width_px',
		'label'     => esc_html__( 'Max Content Width', 'bongo' ),
		'description'  => esc_attr__( 'Select the maximum content width for your website (px)', 'bongo' ),
		'type'        => 'slider',
		'default'     => 1170,
		'choices'     => array(
			'min'  => 700,
			'max'  => 2000,
			'step' => 1,
		),
		'transport' => 'refresh',
	)
);
Kirki::add_field(
	'wprig_global_config',
	array(
		'section'     => 'section_global',
		'settings'    => 'layout_header_bottom_spacing',
		'label'     => esc_html__( 'Header Bottom Spacing', 'bongo' ),
		'description'  => esc_attr__( 'Select the maximum content width for your website (px)', 'bongo' ),
		'type'        => 'slider',
		'default'     => 40,
		'choices'     => array(
			'min'  => 0,
			'max'  => 150,
			'step' => 1,
		),
	)
);
Kirki::add_field(
	'wprig_global_config',
	array(
		'section'     => 'section_global',
		'settings'    => 'layout_footer_top_specing',
		'label'     => esc_html__( 'Footer Top Spacing', 'bongo' ),
		'description'  => esc_attr__( 'Select the maximum content width for your website (px)', 'bongo' ),
		'type'        => 'slider',
		'default'     => 40,
		'choices'     => array(
			'min'  => 0,
			'max'  => 150,
			'step' => 1,
		),
		'output' => array(
			array(
				'element'  => '.bongo-container',
				'property' => 'margin-bottom',
			),
		),
	)
);

// page sidebar
Kirki::add_field(
	'wprig_global_config',
	array(
		'type'        => 'switch',
		'settings'    => 'page_sidebar_layout',
		'label'       => esc_html__( 'Display Sidebar', 'bongo' ),
		'section'     => 'section_global',
		'default'     => '1',
		'choices'     => array(
			'on'  => esc_html__( 'On', 'bongo' ),
			'off' => esc_html__( 'Off', 'bongo' ),
		),
	)
);

// Enable/Disable page title
Kirki::add_field(
	'wprig_global_config',
	array(
		'type'        => 'switch',
		'settings'    => 'bongo_title_switch',
		'label'       => esc_html__( 'Display Page Title', 'bongo' ),
		'section'     => 'section_global',
		'default'     => '1',
		'choices'     => array(
			'on'  => esc_html__( 'On', 'bongo' ),
			'off' => esc_html__( 'Off', 'bongo' ),
		),
	)
);

// Typography
Kirki::add_section(
	'wprig_global_config',
	array(
		'title'          => esc_html__( 'Typography', 'bongo' ),
		'panel'          => 'panel_global',
		'priority'       => 10,
	)
);


Kirki::add_field(
	'panel_global',
	array(
		'section'   => 'wprig_global_config',
		'settings'  => 'body_fonts',
		'id'          => 'body_font',
		'label'       => esc_attr__( 'Body Font', 'bongo' ),
		'description'    => esc_attr__( 'Select the typography you want for your Website Body. Please use unit manually like: 16px or 1.2em', 'bongo' ),
		'type'        => 'typography',
		'text-align'  => false,
		'line-height' => false,
		'default'     => array(
			'font-size'   => '',
			'font-family' => '',
			'line-height'    => '',
			'font-weight' => '',
		),
		'transport'   => 'postMessage',
		'js_vars'     => array(
			array(
				'element' => 'body p',
			),
		),
	)
);

Kirki::add_field(
	'panel_global',
	array(
		'type'        => 'custom',
		'settings'  => 'typo_body_separator',
		'section'     => 'wprig_global_config',
		'default'     => '<hr>',
		'priority'    => 10,
	)
);

Kirki::add_field(
	'panel_global',
	array(
		'section'   => 'wprig_global_config',
		'settings'  => 'menu_fonts',
		'label'       => esc_attr__( 'Menu Fonts', 'bongo' ),
		'description'    => esc_attr__( 'Select the typography you want for your Main Menu. Please use unit manually like: 16px or 1.2em', 'bongo' ),
		'type'        => 'typography',
		'text-align'  => false,
		'line-height' => false,
		'default'     => array(
			'font-size'   => '',
			'line-height'    => '',
			'font-family' => '',
			'font-weight' => '',
		),
		'transport'   => 'postMessage',
		'js_vars'     => array(
			array(
				'element' => '#primary-navigation a',
			),
		),
	)
);
Kirki::add_field(
	'panel_global',
	array(
		'type'        => 'custom',
		'settings'  => 'typo_h1_separator',
		'section'     => 'wprig_global_config',
		'default'     => '<hr>',
		'priority'    => 10,
	)
);
Kirki::add_field(
	'panel_global',
	array(
		'section'   => 'wprig_global_config',
		'settings'  => 'headings_fonts',
		'label'       => esc_attr__( 'H1 Font', 'bongo' ),
		'description'    => esc_attr__( 'Select the typography you want for your H1 tag in Website Post/Page Content.  please use unit manually like: 16px or 1.2em', 'bongo' ),
		'type'        => 'typography',
		'text-align'  => false,
		'line-height' => false,
		'default'     => array(
			'font-size'   => '',
			'line-height'    => '',
			'font-family' => '',
			'font-weight' => '',
		),
		'transport'   => 'postMessage',
		'js_vars'     => array(
			array(
				'element' => 'h1',
			),
		),
	)
);
Kirki::add_field(
	'panel_global',
	array(
		'type'        => 'custom',
		'settings'  => 'typo_h2_separator',
		'section'     => 'wprig_global_config',
		'default'     => '<hr>',
		'priority'    => 10,
	)
);
Kirki::add_field(
	'panel_global',
	array(
		'section'   => 'wprig_global_config',
		'settings'  => 'content_h2_font',
		'label'       => esc_attr__( 'H2 Font', 'bongo' ),
		'description'    => esc_attr__( 'Select the typography you want for your H2 tag in Website Post/Page Content. please use unit manually like: 16px or 1.2em', 'bongo' ),
		'type'        => 'typography',
		'text-align'  => false,
		'line-height' => false,
		'default'     => array(
			'font-size'   => '',
			'font-family' => '',
			'line-height'    => '',
			'font-weight' => '',
		),
		'transport'   => 'postMessage',
		'js_vars'     => array(
			array(
				'element' => 'h2, .entry-title',
			),
		),
	)
);
Kirki::add_field(
	'panel_global',
	array(
		'type'        => 'custom',
		'settings'  => 'typo_h3_separator',
		'section'     => 'wprig_global_config',
		'default'     => '<hr>',
		'priority'    => 10,
	)
);
Kirki::add_field(
	'panel_global',
	array(
		'section'   => 'wprig_global_config',
		'settings'  => 'content_h3_font',
		'label'       => esc_attr__( 'H3 Font', 'bongo' ),
		'description'    => esc_attr__( 'Select the typography you want for your H3 tag in Website Post/Page Content. Please use unit manually like: 16px or 1.2em', 'bongo' ),
		'type'        => 'typography',
		'text-align'  => false,
		'line-height' => false,
		'default'     => array(
			'font-size'   => '',
			'font-family' => '',
			'line-height'    => '',
			'font-weight' => '',
		),
		'transport'   => 'postMessage',
		'js_vars'     => array(
			array(
				'element' => 'h3',
			),
		),
	)
);
Kirki::add_field(
	'panel_global',
	array(
		'type'        => 'custom',
		'settings'  => 'typo_h4_separator',
		'section'     => 'wprig_global_config',
		'default'     => '<hr>',
		'priority'    => 10,
	)
);
Kirki::add_field(
	'panel_global',
	array(
		'section'   => 'wprig_global_config',
		'settings'  => 'content_h4_font',
		'label'       => esc_attr__( 'H4 Font', 'bongo' ),
		'description'    => esc_attr__( 'Select the typography you want for your H4 tag in Website Post/Page Content. Please use unit manually like: 16px or 1.2em', 'bongo' ),
		'type'        => 'typography',
		'text-align'  => false,
		'line-height' => false,
		'default'     => array(
			'font-size'   => '',
			'font-family' => '',
			'line-height'    => '',
			'font-weight' => '',
		),
		'transport'   => 'postMessage',
		'js_vars'     => array(
			array(
				'element' => 'h4',
			),
		),
	)
);
Kirki::add_field(
	'panel_global',
	array(
		'type'        => 'custom',
		'settings'  => 'typo_h5_separator',
		'section'     => 'wprig_global_config',
		'default'     => '<hr>',
		'priority'    => 10,
	)
);
Kirki::add_field(
	'panel_global',
	array(
		'section'   => 'wprig_global_config',
		'settings'  => 'content_h5_font',
		'label'       => esc_attr__( 'H5 Font', 'bongo' ),
		'description'    => esc_attr__( 'Select the typography you want for your H5 tag in Website Post/Page Content. Please use unit manually like: 16px or 1.2em', 'bongo' ),
		'type'        => 'typography',
		'text-align'  => false,
		'line-height' => false,
		'default'     => array(
			'font-size'   => '',
			'font-family' => '',
			'line-height'    => '',
			'font-weight' => '',
		),
		'transport'   => 'postMessage',
		'js_vars'     => array(
			array(
				'element' => 'h5',
			),
		),
	)
);
Kirki::add_field(
	'panel_global',
	array(
		'type'        => 'custom',
		'settings'  => 'typo_h6_separator',
		'section'     => 'wprig_global_config',
		'default'     => '<hr>',
		'priority'    => 10,
	)
);
Kirki::add_field(
	'panel_global',
	array(
		'section'   => 'wprig_global_config',
		'settings'  => 'content_h6_font',
		'label'       => esc_attr__( 'H6 Font', 'bongo' ),
		'description'    => esc_attr__( 'Select the typography you want for your H6 tag in Website Post/Page Content. Please use unit manually like: 16px or 1.2em', 'bongo' ),
		'type'        => 'typography',
		'text-align'  => false,
		'line-height' => false,
		'default'     => array(
			'font-size'   => '',
			'font-family' => '',
			'line-height'    => '',
			'font-weight' => '',
		),
		'transport'   => 'postMessage',
		'js_vars'     => array(
			array(
				'element' => 'h6',
			),
		),
	)
);
// Colors
Kirki::add_field(
	'panel_global',
	array(
		'section'     => 'colors',
		'settings'    => 'brand_primary_color',
		'label'     => esc_attr__( 'Brand Primary Color', 'bongo' ),
		'type'        => 'color',
		'default'     => '',
		'priority'    => 9,
		'choices'     => array(
			'alpha' => true,
		),
	)
);