<?php
new \Kirki\Section( 'hero_section_options', array(
    'title'    => esc_html__( 'Hero Selection Section', 'blog-reflection' ),
    'panel'    => 'font-page-settings',
    
    ) );

    
//Blog Hero Section enable disable

new \Kirki\Field\Checkbox_Switch(
    [
        'description'       => esc_html__( 'Enable News Main Section', 'blog-reflection' ),
        'section'     => 'hero_section_options',
        'settings'    => 'enable_news_main',
        'default'     => 'on',
        'choices'     => [
            'on'  => esc_html__( 'Enable', 'blog-reflection' ),
            'off' => esc_html__( 'Disable', 'blog-reflection' ),
        ],
    ]
);


new \Kirki\Field\Radio_Image(
    [
        'settings'    => 'select_hero',
        'label'       => esc_html__( ' Hero Selection Section', 'blog-reflection' ),
        'description' => esc_html__( 'Select Hero ', 'blog-reflection' ),
        'section'     => 'hero_section_options',
        'default'     => 'one',
        'choices'     => [
            'one' => get_template_directory_uri() . '/assets/images/hero-1.jpg',
            'two' => get_template_directory_uri() . '/assets/images/hero-2.jpg',
        ],
        'active_callback' => [
            [
                'setting'  => 'enable_news_main',
                'operator' => '==',
                'value'    => true,
            ],
        ],
        'partial_refresh'    => [
			'blog_reflection_home_options_title_refresh' => [
				'selector'        => '.blog_reflection_hero',
				'render_callback' => 'blog_reflection_customizer_quick_edit',
			],
		],
    ]
);

// section divider 
new \Kirki\Pro\Field\Divider(
	[
		'settings' => 'hero_section_options_divider_one',
		'section'  => 'hero_section_options',
		'choices'  => [
			'color' => '#ff3d83'
		],
		'active_callback' => [
			[
				'setting'  => 'enable_news_main',
				'operator' => '==',
				'value'    => true,
			],
		   
		],
	]
);

/*
================================================================
Hero One design code start
================================================================
*/

// Hero One Section enable disable

new \Kirki\Field\Checkbox_Switch(
    [
        'description'       => esc_html__( 'Enable Disable Hero One Section', 'blog-reflection' ),
        'section'     => 'hero_section_options',
        'settings'    => 'enable_disable_hero_one',
        'default'     => 'on',
        'choices'     => [
            'on'  => esc_html__( 'Enable', 'blog-reflection' ),
            'off' => esc_html__( 'Disable', 'blog-reflection' ),
        ],
        'active_callback' => [
            [
                'setting'  => 'enable_news_main',
                'operator' => '==',
                'value'    => true,
            ],
            [
                'setting'  => 'select_hero',
                'operator' => '==',
                'value'    => 'one',
            ],
        ],
    ]
);

// section divider 
new \Kirki\Pro\Field\Divider(
	[
		'settings' => 'hero_one_container_or_full_width_divider_one',
		'section'  => 'hero_section_options',
		'choices'  => [
			'color' => '#ff3d83'
		],
		'active_callback' => [
			[
				'setting'  => 'enable_news_main',
				'operator' => '==',
				'value'    => true,
			],
            [
                'setting'  => 'select_hero',
                'operator' => '==',
                'value'    => 'one',
            ],
		   
		],
	]
);

// Hero One Slider full width or container 
new \Kirki\Field\Checkbox_Switch(
    [
        'description'       => esc_html__( 'Hero Slider Full Width or Container', 'blog-reflection' ),
        'section'     => 'hero_section_options',
        'settings'    => 'hero_one_container_or_full_width',
        'default'     => 'off',
        'choices'     => [
            'on'  => esc_html__( 'Full Width', 'blog-reflection' ),
            'off' => esc_html__( 'Container', 'blog-reflection' ),
        ],
        'active_callback' => [
            [
                'setting'  => 'enable_news_main',
                'operator' => '==',
                'value'    => true,
            ],
            [
                'setting'  => 'select_hero',
                'operator' => '==',
                'value'    => 'one',
            ],
        ],
    ]
);
// hero-one-slider-image-overlay

new \Kirki\Field\Color(
	[
		'label'       => __( 'Hero Slider Post Image Overlay', 'blog-reflection' ),
		'description' => esc_html__( 'Hero Slider Post Image Settings', 'blog-reflection' ),
		'section'     => 'hero_section_options',
		'default'     => 'rgba(0, 0, 0, 0.5)',
        'choices'     => [
			'alpha' => true,
		],
        'active_callback' => [
            [
                'setting'  => 'enable_news_main',
                'operator' => '==',
                'value'    => true,
            ],
            [
                'setting'  => 'select_hero',
                'operator' => '==',
                'value'    => 'one',
            ],
        ],
        'output' => array(
			array(
				'element'  => '.post-img > .hero-one-slider-image-overlay',
				'property' => 'background-color',
			),
		),
	]
);
// hero one repeter slider code start 

new \Kirki\Field\Repeater(
	[
		'settings' => 'hero_one_slider_repeater',
		'label'    => esc_html__( 'Add Slider Post and Image', 'blog-reflection' ),
		'section'  => 'hero_section_options',
		'default'  => [
			[
				'type'        => 'image',
                'label'       => esc_html__( 'Image Control (URL)', 'blog-reflection' ),
                'description' => esc_html__( 'The saved value will be the URL.', 'blog-reflection' ),
                'default'     => get_template_directory_uri() . '/assets/images/slider-no-image.jpg',
			],
			[
				'type'        => 'select',
                'label'       => __( 'Select Left Hero Post', 'blog-reflection' ),
                'default'     => 1,
                'placeholder' => __( 'Select Left Hero Post', 'blog-reflection' ),

			],
		],
		'fields'   => [
            'select_hero_slider_post_image' =>[ 
                'type'        => 'image',
                'label'       => esc_html__( 'Image Control (URL)', 'blog-reflection' ),
                'description' => esc_html__( 'The saved value will be the URL.', 'blog-reflection' ),
                'default'     => '',
                'choices'     => [
                'save_as' => 'id',
                ],
            ],
			'select_hero_slider_post'   => [
                'type'        => 'select',
                'label'       => __( 'Select Left Hero Post', 'blog-reflection' ),
                'default'     => 1,
                'placeholder' => __( 'Select Left Hero Post', 'blog-reflection' ),
                'choices'     => Kirki\Util\Helper::get_posts(
                    [
                        'posts_per_page' => -1,
                        'post_type'      => 'post',
                    ]
                )

			],
		],
        'active_callback' => [
            [
                'setting'  => 'enable_news_main',
                'operator' => '==',
                'value'    => true,
            ],
            [
                'setting'  => 'select_hero',
                'operator' => '==',
                'value'    => 'one',
            ],
        ],
	]
);

// section divider 
new \Kirki\Pro\Field\Divider(
	[
		'settings' => 'hero_one_slider_repeater_divider_one',
		'section'  => 'hero_section_options',
		'choices'  => [
			'color' => '#ff3d83'
		],
		'active_callback' => [
			[
				'setting'  => 'enable_news_main',
				'operator' => '==',
				'value'    => true,
			],
            [
                'setting'  => 'select_hero',
                'operator' => '==',
                'value'    => 'one',
            ],
		   
		],
	]
);
// hero one repeter slider code Ends 


/*
================================================================
Hero One design code Ends
================================================================
*/


/*
================================================================
Hero Two design code start
================================================================
*/


// Hero two Section enable disable
new \Kirki\Field\Checkbox_Switch(
    [
        'description'       => esc_html__( 'Enable Disable Hero two Section', 'blog-reflection' ),
        'section'     => 'hero_section_options',
        'settings'    => 'enable_disable_hero_two',
        'default'     => 'on',
        'choices'     => [
            'on'  => esc_html__( 'Enable', 'blog-reflection' ),
            'off' => esc_html__( 'Disable', 'blog-reflection' ),
        ],
        'active_callback' => [
            [
                'setting'  => 'enable_news_main',
                'operator' => '==',
                'value'    => true,
            ],
            [
                'setting'  => 'select_hero',
                'operator' => '==',
                'value'    => 'two',
            ],
        ],
    ]
);

// <-- ========================================================
//    Hero Two Left  Post 
// =============================================================-->

// Toggle Field: Choose between Category or Latest Post
new \Kirki\Field\Radio(
    [
        'settings'    => 'hero_two_left_post_choose_cat_or_latest',
        'label'       => esc_html__( 'Select Content Type Left Side', 'blog-reflection' ),
        'section'     => 'hero_section_options',
        'default'     => 'latest',
        'choices'     => [
            'latest'     => esc_html__( 'Latest Post', 'blog-reflection' ),
            'category' => esc_html__( 'Category', 'blog-reflection' ),
        ],
        'active_callback' => [
            [
                'setting'  => 'enable_news_main',
                'operator' => '==',
                'value'    => true,
                ],
            [
                'setting'  => 'select_hero',
                'operator' => '==',
                'value'    => 'two',
                ],
        ],
    ]
);

new \Kirki\Field\Select(
    [
        'settings'        => 'select_left_hero_post_cat',
        'label'           => esc_html__( 'Select an Category for Hero Two Left Side Post', 'blog-reflection' ),
        'section'         => 'hero_section_options',
        'default'         => array(1), // Adjusted default value
        'placeholder'     => esc_html__( 'Choose an Category', 'blog-reflection' ), // Improved placeholder text
        'multiple'        => 15,
        'choices'         => Kirki\Util\Helper::get_terms(['taxonomy' => 'category']), // Ensure correct taxonomy
        'active_callback' => [
            [
                            'setting'  => 'enable_news_main',
                            'operator' => '==',
                            'value'    => true,
                        ],
                        [
                            'setting'  => 'select_hero',
                            'operator' => '==',
                            'value'    => 'two',
                        ],
            [
                'setting'  => 'hero_two_left_post_choose_cat_or_latest',
                'operator' => '==',
                'value'    => 'category',
            ],
        ]
    ]
);

// hero two left side code Ends 

// section divider 

new \Kirki\Pro\Field\Divider(
	[
		'settings' => 'select_left_hero_post_divider_one',
		'section'  => 'hero_section_options',
		'choices'  => [
			'color' => '#ff3d83'
		],
		'active_callback' => [
			[
				'setting'  => 'enable_news_main',
				'operator' => '==',
				'value'    => true,
			],
            [
                'setting'  => 'select_hero',
                'operator' => '==',
                'value'    => 'two',
            ],
		   
		],
	]
);
// hero two Right side code Start 

// Toggle Field: Choose between Category or Latest Post
new \Kirki\Field\Radio(
    [
        'settings'    => 'hero_two_right_post_choose_cat_or_latest',
        'label'       => esc_html__( 'Select Content Type Right Side', 'blog-reflection' ),
        'section'     => 'hero_section_options',
        'default'     => 'latest',
        'choices'     => [
            'latest'     => esc_html__( 'Latest Post', 'blog-reflection' ),
            'category' => esc_html__( 'Category', 'blog-reflection' ),
        ],
        'active_callback' => [
            [
                'setting'  => 'enable_news_main',
                'operator' => '==',
                'value'    => true,
                ],
            [
                'setting'  => 'select_hero',
                'operator' => '==',
                'value'    => 'two',
                ],
        ],
    ]
);

new \Kirki\Field\Select(
    [
        'settings'        => 'select_right_hero_post_cat',
        'label'           => esc_html__( 'Select an Category for Hero Two Right Side Post', 'blog-reflection' ),
        'section'         => 'hero_section_options',
        'default'         => array(1), // Adjusted default value
        'placeholder'     => esc_html__( 'Choose an Category', 'blog-reflection' ), // Improved placeholder text
        'multiple'        => 15,
        'choices'         => Kirki\Util\Helper::get_terms(['taxonomy' => 'category']), // Ensure correct taxonomy
        'active_callback' => [
            [
                'setting'  => 'enable_news_main',
                'operator' => '==',
                'value'    => true,
                ],
            [
                'setting'  => 'select_hero',
                'operator' => '==',
                'value'    => 'two',
                ],
            [
                'setting'  => 'hero_two_right_post_choose_cat_or_latest',
                'operator' => '==',
                'value'    => 'category',
            ],
        ]
    ]
);

// hero two Right side code Ends  

/*
================================================================
Hero Two design code Ends
================================================================
*/