<?php
Kirki::add_section( 'book_author_blog_container_settings_section', array(
    'title'          => esc_html__( 'Container Settings.', 'book-author-blog' ),
    'panel'          => 'book_author_blog_global_panel',
    'capability'     => 'edit_theme_options',
    'priority'      => 1
) );
Kirki::add_field( 'blog_author_blog_config', [
    'type'        => 'select',
    'settings'    => 'book_author_blog_container_size',
    'label'       => esc_html__( 'Container Width', 'book-author-blog' ),
    'section'     => 'book_author_blog_container_settings_section',
    'default'     => 'container',
    'choices'     => [
        'container'   => esc_html__( 'Container Default', 'book-author-blog' ),
        'container-fluid'   => esc_html__( 'Container Full Width', 'book-author-blog' ),
        'custom-width'   => esc_html__( 'Custom Width', 'book-author-blog' ),
    ],
] );
Kirki::add_field( 'blog_author_blog_config', [
    'type'        => 'number',
    'settings'    => 'container_custom_width',
    'label'       => esc_html__( 'Container Custom Width', 'book-author-blog' ),
    'label'       => esc_html__( 'The width will be applied to the entire website container on larger screens, while retaining its default size on mobile and tablet screens.', 'book-author-blog' ),
    'section'     => 'book_author_blog_container_settings_section',
    'default'     => '1200',
    'transport'		=> 'postMessage',
    'active_callback'	=> function(){
    	$containerWidthType = get_theme_mod('book_author_blog_container_size', 'container');
    	if ('custom-width' == $containerWidthType) {
    		return true;
    	}
    	return false;
    }
] );