<?php
new \Kirki\Section( 'hero_post_options', array(
    'title'    => esc_html__( 'Hero Post', 'brighter-blog' ),
    'panel'    => 'font-page-settings',
    ) );

//News Main Section enable disable
new \Kirki\Field\Checkbox_Switch(
    [
        'description'       => esc_html__( 'Enable Hero', 'brighter-blog' ),
        'section'     => 'hero_post_options',
        'settings'    => 'enable_hero_post',
        'default'     => 'on',
        'choices'     => [
            'on'  => esc_html__( 'Enable', 'brighter-blog' ),
            'off' => esc_html__( 'Disable', 'brighter-blog' ),
        ],
    ]
);

// Toggle Field: Choose between Category or Latest Post
new \Kirki\Field\Radio(
    [
        'settings'    => 'hero_post_choose_cat_or_latest',
        'label'       => esc_html__( 'Select Content Type', 'brighter-blog' ),
        'section'     => 'hero_post_options',
        'default'     => 'latest',

        'choices'     => [
            'latest'     => esc_html__( 'Latest Post', 'brighter-blog' ),
            'category' => esc_html__( 'Category', 'brighter-blog' ),
        ],
        'active_callback' => [
            [
                'setting'  => 'enable_hero_post',
                'operator' => '==',
                'value'    => true,
            ],
        ],
    ]
);



    Kirki::add_field('theme_config_id', [
        'type'        => 'select',
        'settings'    => 'hero_post_category',
        'label'       => __('Select Category', 'brighter-blog'),
        'section'     => 'hero_post_options',
        'default'     => '',
        'choices'     => array_merge(['' => __('All Categories', 'brighter-blog')], wp_list_pluck(get_categories(), 'name', 'slug')),
        'active_callback' => [
            [
                'setting'  => 'enable_hero_post',
                'operator' => '==',
                'value'    => true,
            ],
            [
                'setting'  => 'hero_post_choose_cat_or_latest',
                'operator' => '==',
                'value'    => 'category',
            ],
        ],
    ]);



//  Select Post order
new \Kirki\Field\Select(
    [
        'settings'    => 'hero_post_order',
        'label'       => esc_html__( 'Select Hero Post Order', 'brighter-blog' ),
        'section'     => 'hero_post_options',
        'default'     => 'desc',
        'placeholder' => esc_html__( 'Choose an option', 'brighter-blog' ),
        'active_callback' => [
            [
                'setting'  => 'enable_hero_post',
                'operator' => '==',
                'value'    => true,
            ],
        ],
        'choices'     => [
            'asc' => esc_html__( 'ASC', 'brighter-blog' ),
            'desc' => esc_html__( 'DESC', 'brighter-blog' ),
        ],
    ]
);

//Select Post order by
new \Kirki\Field\Select(
    [
        'settings'    => 'hero_post_orderby',
        'label'       => esc_html__( 'Select Post Order By', 'brighter-blog' ),
        'section'     => 'hero_post_options',
        'default'     => 'date',
        'placeholder' => esc_html__( 'Choose an option', 'brighter-blog' ),
        'active_callback' => [
            [
                'setting'  => 'enable_hero_post',
                'operator' => '==',
                'value'    => true,
            ],
        ],
        'choices'         => [
            'none'          => esc_html__( 'None', 'brighter-blog' ),
            'ID'            => esc_html__( 'ID', 'brighter-blog' ),
            'date'          => esc_html__( 'Date', 'brighter-blog' ),
            'name'          => esc_html__( 'Name', 'brighter-blog' ),
            'title'         => esc_html__( 'Title', 'brighter-blog' ),
            'comment_count' => esc_html__( 'Comment count', 'brighter-blog' ),
            'rand'          => esc_html__( 'Random', 'brighter-blog' ),
        ],
    ]
);
// visible items
new \Kirki\Field\Number(
    [
        'settings' => 'hero_post_display_number',
        'label'    => esc_html__( 'Visible Number Of Items', 'brighter-blog' ),
        'section'  => 'hero_post_options',
        'default'  => 1,
        'choices'  => [
            'min'  => 1,
            'max'  => 3,
            'step' => 1,
        ],
        'active_callback' => [
            [
                'setting'  => 'enable_hero_post',
                'operator' => '==',
                'value'    => true,
            ],
        ],


    ]
);

// Hero Post btn text 

new \Kirki\Field\Text(
    [
        'settings' => 'hero_post_btn_text',
        'label'    => esc_html__( 'Button Text', 'brighter-blog' ),
        'default'     => 'Discover More',
        'section'  => 'hero_post_options',
        'active_callback' => [
            [
                'setting'  => 'enable_hero_post',
                'operator' => '==',
                'value'    => true,
            ],
        ],
    ]
);

//Text Color
new \Kirki\Field\Color(
	[
		'settings'    => 'hero_post_btn_text_color',
		'label'       => esc_html__( 'Button Text Color', 'brighter-blog' ),
		'description' => esc_html__( 'Add Button text Color', 'brighter-blog' ),
		'section'     => 'hero_post_options',
		'default'     => '',
		 'output' => array(
		     array(
		         'element'  => '.extra-div> a.post-button',
		         'property' => 'color',
		     ),
		 ),
         'active_callback' => [
            [
                'setting'  => 'enable_hero_post',
                'operator' => '==',
                'value'    => true,
            ],
        ],
	]
);

//Button bg color
new \Kirki\Field\Color(
	[
		'settings'    => 'hero_post_btn_bg_color',
		'label'       => esc_html__( 'Button Background Color', 'brighter-blog' ),
		'description' => esc_html__( 'Change Button Background Color', 'brighter-blog' ),
		'section'     => 'hero_post_options',
		'default'     => '',
		'output' => array(
			array(
				'element'  => '.extra-div> a.post-button',
				'property' => 'background',
			),
		),
        'active_callback' => [
            [
                'setting'  => 'enable_hero_post',
                'operator' => '==',
                'value'    => true,
            ],
        ],
	]
);


// Button Color on Hover
new \Kirki\Field\Color(
    [
        'settings'    => 'hero_post_btn_text_hover_color',
        'label'       => esc_html__( 'Button Background Hover Color', 'brighter-blog' ),
        'description' => esc_html__( 'Add Button Background Hover Color', 'brighter-blog' ),
        'section'     => 'hero_post_options',
        'default'     => '',
        'output'      => [
            [
                'element'  => '.extra-div> a.post-button:hover',
                'property' => 'background',
            ],
        ],
        'active_callback' => [
            [
                'setting'  => 'enable_hero_post',
                'operator' => '==',
                'value'    => true,
            ],
        ],
    ]
);