<?php
Kirki::add_section( 'header_top_section', array(
	'title'    => esc_html__( 'Header Top', 'blog-reflection' ),
	'panel'    => 'header_options',
) );

new \Kirki\Field\Checkbox_Switch(
	[
		'settings'    => 'header_top_enable',
		'description'       => esc_html__( 'Enable/Disable Top Header', 'blog-reflection' ),
		'section'     => 'header_top_section',
		'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' ),
		],
	]
);

// Phone Number Add
new \Kirki\Field\Text(
    [
        'settings' => 'blog_reflection_phone_number',
        'label'    => esc_html__( 'Add Your Phone Number', 'blog-reflection' ),
        'default'     => '+1-212-456-7890',
        'section'  => 'header_top_section',
		'active_callback' => [
            [
                'setting'  => 'sticky_header_enable',
                'operator' => '==',
                'value'    => true,
            ],
			[
                'setting'  => 'header_top_enable',
                'operator' => '==',
                'value'    => true,
            ],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'one',
			]
        ],
    ]
);
// Email address Add
new \Kirki\Field\Text(
    [
        'settings' => 'blog_reflection_email',
        'label'    => esc_html__( 'Add Your Email', 'blog-reflection' ),
        'default'     => 'info@mycodecare.com',
        'section'  => 'header_top_section',
		'active_callback' => [
            [
                'setting'  => 'sticky_header_enable',
                'operator' => '==',
                'value'    => true,
            ],
			[
                'setting'  => 'header_top_enable',
                'operator' => '==',
                'value'    => true,
            ],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'one',
			]
        ],
    ]
);
// Address Add code
new \Kirki\Field\Text(
    [
        'settings' => 'blog_reflection_office_address',
        'label'    => esc_html__( 'Add Your Office Address', 'blog-reflection' ),
        'default'     => '5 Oliver St, New York, NY 10038, USA',
        'section'  => 'header_top_section',
		'active_callback' => [
            [
                'setting'  => 'sticky_header_enable',
                'operator' => '==',
                'value'    => true,
            ],
			[
                'setting'  => 'header_top_enable',
                'operator' => '==',
                'value'    => true,
            ],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'one',
			]
        ],
    ]
);

// Content color
new \Kirki\Field\Color(
	[
		'label'       => __( 'Content Color', 'blog-reflection' ),
		'description' => esc_html__( 'Add Content Color', 'blog-reflection' ),
		'section'     => 'header_top_section',
		'transport' => 'auto',
		'default'   => '',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'header_top_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'one',
			]
		],
		'output' => array(
			array(
				'element'  => '.header-links.header-address li, .header-links.header-address a ',
				'property' => 'color',
			),
		),
	]
);
// Content color on hover
new \Kirki\Field\Color(
	[
		'label'       => __( 'Content Color On Hover', 'blog-reflection' ),
		'description' => esc_html__( 'Add Content Color Hover', 'blog-reflection' ),
		'section'     => 'header_top_section',
		'transport' => 'auto',
		'default'   => '',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'header_top_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'one',
			]
		],
		'output' => array(
			array(
				'element'  => '.header-links.header-address li:hover, .header-links.header-address a:hover',
				'property' => 'color',
			),
		),
	]
);

// ===========Header Two Code Starts ========

//Top Header enable disable
new \Kirki\Field\Checkbox_Switch(
	[

		'description'       => esc_html__( 'Enable/Disable Top Header', 'blog-reflection' ),
		'section'     => 'header_top_section',
		'settings' => 'enable_top_header',
		'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' ),
		],
	]
);

// Top header Bg color
new \Kirki\Field\Color(
	[

		'label'       => __( 'Header Top Background', 'blog-reflection' ),
		'description' => esc_html__( 'Add Header Top Background Color', 'blog-reflection' ),
		'section'     => 'header_top_section',
		'transport' => 'auto',
		'default'   => '',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_top_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'two',
			]
		],
		'output' => array(
			array(
				'element'  => '.header-layout1 .header-top',
				'property' => 'background',
			),
		),
	]
);

// section divider 
new \Kirki\Pro\Field\Divider(
    [
        'settings' => 'enable_right_section_new_divider_one',
        'section'  => 'header_top_section',
        'choices'  => [
            'color' => ''
        ],
        'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_top_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'two',
			]
		],
    ]
);


//Left Section Start

//Left Section Hide/Show
new \Kirki\Field\Checkbox_Switch(
	[

		'label'       => esc_html__( 'Enable Left Section', 'blog-reflection' ),
		'section'     => 'header_top_section',
		'settings' => 'enable_right_section_new',
		'default'     => 'on',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_top_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'two',
			]
		],
		'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_top_section',
		'transport' => 'auto',
		'default'   => '',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_top_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_right_section_new',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'two',
			]
		],
		'output' => array(
			array(
				'element'  => '.header-links li, .header-links span, .header-links p, .header-links a',
				'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_top_section',
		'transport' => 'auto',
		'default'   => '',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_top_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_right_section_new',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'two',
			]
		],
		'output' => array(
			array(
				'element'  => '.header-links li:hover, .header-links span:hover, .header-links p:hover, .header-links a:hover',
				'property' => 'color',
			),
		),
	]
);


// section divider 
new \Kirki\Pro\Field\Divider(
    [
        'settings' => 'header_social_enable_divider_one',
        'section'  => 'header_top_section',
        'choices'  => [
            'color' => ''
        ],
        'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_top_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'two',
			]
		],
    ]
);


//Hide show social media
new \Kirki\Field\Checkbox_Switch(
	[
		'settings'    => 'header_social_enable',
		'label'       => esc_html__( 'Enable Social Media', 'blog-reflection' ),
		'section'     => 'header_top_section',
		'default'     => 'on',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_top_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'two',
			]
		],
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'blog-reflection' ),
			'off' => esc_html__( 'Disable', 'blog-reflection' ),
		],
	]
);

new \Kirki\Field\Repeater(
	[
		'settings' => 'repeater_top_section_icon',
		'label'    => esc_html__( 'Add Social Media', 'blog-reflection' ),
		'section'  => 'header_top_section',
		'active_callback' => [
			[
				'setting'  => 'sticky_header_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'enable_top_header',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'header_social_enable',
				'operator' => '==',
				'value'    => true,
			],
			[
				'setting'  => 'select_header',
				'operator' => '==',
				'value'    => 'two',
			]
		],
		'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'     => '#000000', // Default color value
				],
			],
		],
	]
);
//Right Section End