<?php
Kirki::add_section( 'header_middle_section', array(
	'title'    => esc_html__( 'Header Middle', 'blog-reflection' ),
	'panel'    => 'header_options',
) );

//middle Header enable disable
new \Kirki\Field\Checkbox_Switch(
	[

		'description'       => esc_html__( 'Enable/Disable Middle Header', 'blog-reflection' ),
		'section'     => 'header_middle_section',
		'settings' => 'enable_middle_header',
		'default'     => 'on',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'one',
			]
		],
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'blog-reflection' ),
			'off' => esc_html__( 'Disable', 'blog-reflection' ),
		],
	]
);

// middle header Bg color
new \Kirki\Field\Color(
	[

		'label'       => __( 'Header Middle Background', 'blog-reflection' ),
		'description' => esc_html__( 'Add Header Middle Background Color', 'blog-reflection' ),
		'section'     => 'header_middle_section',
		'transport' => 'auto',
		'default'   => '',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_middle_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'one',
			]
		],
		'output' => array(
			array(
				'element'  => '.header-layout1 .header-one.header-middle',
				'property' => 'background',
			),
		),
	]
);

// section divider 
new \Kirki\Pro\Field\Divider(
    [
        'settings' => 'enable_right_section_new_divider_one',
        'section'  => 'header_middle_section',
        'choices'  => [
            'color' => '#ff3d83'
        ],
        'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_middle_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'one',
			]
		],
    ]
);

//Left Section Start
//Left Section Hide/Show
new \Kirki\Field\Checkbox_Switch(
	[

		'label'       => esc_html__( 'Enable Left Section', 'blog-reflection' ),
		'section'     => 'header_middle_section',
		'settings' => 'enable_right_section_new',
		'default'     => 'on',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_middle_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'one',
			]
		],
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'blog-reflection' ),
			'off' => esc_html__( 'Disable', 'blog-reflection' ),
		],
	]
);

//Left Content color
new \Kirki\Field\Color(
	[
		'label'       => __( 'Left Side Content Color', 'blog-reflection' ),
		'description' => esc_html__( 'Add Content Color', 'blog-reflection' ),
		'section'     => 'header_middle_section',
		'transport' => 'auto',
		'default'   => '',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_middle_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_right_section_new',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'one',
			]
		],
		'output' => array(
			array(
				'element'  => '.header-links li',
				'property' => 'color',
			),
		),
	]
);

//Left Content color on hover
new \Kirki\Field\Color(
	[
		'label'       => __( 'Left Side Content Color On Hover', 'blog-reflection' ),
		'description' => esc_html__( 'Add Content Color Hover', 'blog-reflection' ),
		'section'     => 'header_middle_section',
		'transport' => 'auto',
		'default'   => '',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_middle_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_right_section_new',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'one',
			]
		],
		'output' => array(
			array(
				'element'  => '.header-links li:hover',
				'property' => 'color',
			),
		),
	]
);

// section divider 
new \Kirki\Pro\Field\Divider(
    [
        'settings' => 'header_social_enable_divider_one',
        'section'  => 'header_middle_section',
        'choices'  => [
            'color' => '#ff3d83'
        ],
        'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_middle_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'one',
			]
		],
    ]
);

//Hide show social media
new \Kirki\Field\Checkbox_Switch(
	[
		'settings'    => 'header_social_enable',
		'label'       => esc_html__( 'Enable Social Media', 'blog-reflection' ),
		'section'     => 'header_middle_section',
		'default'     => 'on',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_middle_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'one',
			]
		],
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'blog-reflection' ),
			'off' => esc_html__( 'Disable', 'blog-reflection' ),
		],
	]
);

new \Kirki\Field\Repeater(
	[
		'settings' => 'repeater_middle_section_icon',
		'label'    => esc_html__( 'Add Social Media', 'blog-reflection' ),
		'section'  => 'header_middle_section',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_middle_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'header_social_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'one',
			]
		],
		'choices' => [
			'limit' => 6,
		],
		'default'  => [
			[
				'link_url'    => 'https://facebook.com/',
				'social_icon' => 'fab fa-facebook-f',


			],
			[
				'link_url'    => 'https://twitter.com/',
				'social_icon' => 'fa-brands fa-x-twitter',

			],
		],
		'fields'   => [
			'title'    => [
				'type'        => 'text',
				'label'       => esc_html__( 'Title', 'blog-reflection' ),
				'description' => esc_html__( 'Add title of social media', 'blog-reflection' ),
				'default'     => 'Facebook',
			],

			'link_url'    => [
				'type'        => 'url',
				'label'       => esc_html__( 'Link', 'blog-reflection' ),
				'description' => esc_html__( 'Add link of social media', 'blog-reflection' ),
				'default'     => '#',
			],

			'social_icon' => [
				'type'        => 'select',
				'label'       => esc_html__( 'Select Icon', 'blog-reflection' ),
				'description' => esc_html__( 'Select Social Media Icon', 'blog-reflection' ),
				'default'     => 'fab fa-facebook-f',
				'choices'     => [
					'fab fa-facebook-f'     => esc_attr__( 'Facebook', 'blog-reflection' ),
					'fa-brands fa-x-twitter'        => esc_attr__( 'Twitter', 'blog-reflection' ),
					'fab fa-linkedin-in'    => esc_attr__( 'Linkedin', 'blog-reflection' ),
					'fab fa-instagram'      => esc_attr__( 'Instagram', 'blog-reflection' ),
					'fab fa-pinterest'      => esc_attr__( 'Pinterest', 'blog-reflection' ),
					'fab fa-dribbble'       => esc_attr__( 'Dribbble', 'blog-reflection' ),
					'fab fa-behance'        => esc_attr__( 'Behance', 'blog-reflection' ),
					'fab fa-tiktok'         => esc_attr__( 'Tiktok', 'blog-reflection' ),
					'fab fa-snapchat-ghost' => esc_attr__( 'Snapchat', 'blog-reflection' ),
					'fab fa-youtube'        => esc_attr__( 'Youtube', 'blog-reflection' ),
					'fab fa-weixin'         => esc_attr__( 'Weixin', 'blog-reflection' ),
					'fab fa-telegram'       => esc_attr__( 'Telegram', 'blog-reflection' ),
					'fab fa-reddit'         => esc_attr__( 'Reddit', 'blog-reflection' ),
					'fab fa-quora'          => esc_attr__( 'Quora', 'blog-reflection' ),
					'fab fa-discord'        => esc_attr__( 'Discord', 'blog-reflection' ),
					'fab fa-whatsapp'       => esc_attr__( 'Whatsapp', 'blog-reflection' ),

				],
				'icon_color'    => [
					'type'        => 'color',
					'label'       => esc_html__( 'Icon Color', 'blog-reflection' ),
					'description' => esc_html__( 'Add Social Icon Color', 'blog-reflection' ),
					'alpha'       => true,
					'transport'   => 'auto',
				],
				'color'    => [
					'type'        => 'color',
					'label'       => esc_attr__( 'Color', 'blog-reflection' ),
					'description' => esc_attr__( 'Pick a color', 'blog-reflection' ),
					'default'     => '', // Default color value
				],
			],
		],
	]
);

//Right Section End


new \Kirki\Field\Checkbox_Switch(
	[
		'settings'    => 'header_middle_enable',
		'description'       => esc_html__( 'Enable/Disable Middle Header', 'blog-reflection' ),
		'section'     => 'header_middle_section',
		'default'     => 'on',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'two',
			]
		],
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'blog-reflection' ),
			'off' => esc_html__( 'Disable', 'blog-reflection' ),
		],
	]
);


//Hide show ad
new \Kirki\Field\Checkbox_Switch(
	[
		'settings'    => 'home_one_header_ad_enable',
		'label'       => esc_html__( 'Enable Header Ads Section', 'blog-reflection' ),
		'section'     => 'header_middle_section',
		'default'     => 'on',
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'blog-reflection' ),
			'off' => esc_html__( 'Disable', 'blog-reflection' ),
		],
	]
);


new \Kirki\Field\Image(
	[
		'settings'    => 'home_one_header_ad_image',
		'label'       => esc_html__( ' Home one Header Ad Image', 'blog-reflection' ),
		'description' => esc_html__( 'Ad images recommended size (615 x 69 Px)', 'blog-reflection' ),
		'section'     => 'header_middle_section',
		'active_callback' => [

			[
				'setting'  => 'home_one_header_ad_enable',
				'operator' => '==',
				'value'    => true,
			],

		],
		'default'     => get_template_directory_uri() . '/assets/images/ads/ad1.jpg',
	]
);




new \Kirki\Pro\Field\Divider(
    [
        'settings' => 'enable_middle_search_section_divider_one',
        'section'  => 'header_middle_section',
        'choices'  => [
            'color' => '#ff3d83'
        ],
        'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'header_bottom_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'two',
			]
		],
    ]
);
//Search Hide/Show
new \Kirki\Field\Checkbox_Switch(
	[

		'label'       => esc_html__( 'Enable Search Button', 'blog-reflection' ),
		'section'     => 'header_middle_section',
		'settings' => 'enable_middle_search_section',
		'default'     => 'on',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'header_bottom_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'two',
			]
		],
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'blog-reflection' ),
			'off' => esc_html__( 'Disable', 'blog-reflection' ),
		],
	]
);