<?php
Kirki::add_section( 'about_section_settings', array(
    'title'          => esc_html__( 'About Section Settings', 'author-personal-blog' ),
    'description'    => esc_html__( 'Customize About Section section', 'author-personal-blog' ),
    'panel'          => 'author_personal_blog_global_panel',
    'capability'     => 'edit_theme_options',
) );

Kirki::add_field( 'author_personal_blog_config', [
    'type'        => 'switch',
    'settings'    => 'show_about_section',
    'label'       => esc_html__( 'Show About Section', 'author-personal-blog' ),
    'section'     => 'about_section_settings',
    'default'     => '0',
    'choices'     => [
        'on'  => esc_html__( 'Show', 'author-personal-blog' ),
        'off' => esc_html__( 'Hide', 'author-personal-blog' ),
    ],
] );

Kirki::add_field( 'author_personal_blog_config', [
    'type'        => 'image',
    'settings'    => 'author_image',
    'label'       => esc_html__( 'Image', 'author-personal-blog' ),
    'section'     => 'about_section_settings',
    'choices'     => [
                'save_as' => 'array',
            ],
] );

Kirki::add_field( 'author_personal_blog_config', [
    'type'        => 'textarea',
    'settings'    => 'author_title',
    'label'       => esc_html__( 'Title', 'author-personal-blog' ),
    'section'     => 'about_section_settings',
    'default'    => __( 'Hi,
        My Name
        Johan Smih', 'author-personal-blog' ),
] );

Kirki::add_field( 'author_personal_blog_config', [
    'type'        => 'textarea',
    'settings'    => 'author_subtitle',
    'label'       => esc_html__( 'Sub Title', 'author-personal-blog' ),
    'section'     => 'about_section_settings',
    'default'    => __( 'New York Times & International Bestselling Author', 'author-personal-blog' ),
] );

Kirki::add_field( 'author_personal_blog_config', [
    'type'        => 'switch',
    'settings'    => 'show_social_icon',
    'label'       => esc_html__( 'Show Social Links', 'author-personal-blog' ),
    'section'     => 'about_section_settings',
    'default'    => false,
] );

Kirki::add_field( 'author_personal_blog_config', [
    'type'        => 'background',
    'settings'    => 'about_section_background',
    'label'       => esc_html__( 'About Section Background', 'author-personal-blog' ),
    'section'     => 'about_section_settings',
    'default'     => [
        'background-color'      => '#fff0e2',
        'background-image'      => '',
        'background-repeat'     => 'repeat',
        'background-position'   => 'center center',
        'background-size'       => 'cover',
        'background-attachment' => 'scroll',
    ],
    'transport'   => 'refresh',
    'output'      => [
        [
            'element' => '.about-section-area',
        ],
    ],

] );

Kirki::add_field( 'author_personal_blog_config', [
    'type'        => 'typography',
    'settings'    => 'about_section_title_typography',
    'label'       => esc_html__( 'Title Typography', 'author-personal-blog' ),
    'section'     => 'about_section_settings',
    'default'     => [
        'font-family'    => 'Roboto',
        'variant'        => '700',
        'font-size'      => '5rem',
        'line-height'    => '1.3',
        'letter-spacing' => '0px',
        'color'          => '#000000',
        'text-transform' => 'uppercase',
        'text-align'     => 'left',
    ],
    'transport'   => 'auto',
    'output'      => [
        [
            'element' => '.about-section-content h2',
        ],
    ],
] );

Kirki::add_field( 'author_personal_blog_config', [
    'type'        => 'typography',
    'settings'    => 'about_section_desc_typography',
    'label'       => esc_html__( 'Description Typography', 'author-personal-blog' ),
    'section'     => 'about_section_settings',
    'default'     => [
        'font-family'    => 'Roboto',
        'variant'        => '700',
        'font-size'      => '1.5rem',
        'line-height'    => '1.3',
        'letter-spacing' => '0px',
        'color'          => '#000000',
        'text-transform' => 'none',
        'text-align'     => 'left',
    ],
    'transport'   => 'auto',
    'output'      => [
        [
            'element' => '.about-section-content h4',
        ],
    ],
] );

Kirki::add_field( 'author_personal_blog_config', [
    'type'        => 'color',
    'settings'    => 'about_section_social_links_bg_c',
    'label'       => esc_html__( 'Icon Background Color', 'author-personal-blog' ),
    'section'     => 'about_section_settings',
    'transport'   => 'auto',
    'default'     => '#ffffff',
    'output'      => array(
        array(
            'element'  => '.about-section-social-links a',
            'property' => 'background-color',
        ),
    ),
] );

Kirki::add_field( 'author_personal_blog_config', [
    'type'        => 'color',
    'settings'    => 'about_section_social_links_txt_c',
    'label'       => esc_html__( 'Icon Text Color', 'author-personal-blog' ),
    'section'     => 'about_section_settings',
    'transport'   => 'auto',
    'default'      => '#fb4747',
    'output'      => array(
        array(
            'element'  => '.about-section-social-links a',
            'property' => 'color',
        ),
    ),
] );

Kirki::add_field( 'author_personal_blog_config', [
    'type'        => 'color',
    'settings'    => 'about_section_social_links_h_bg_c',
    'label'       => esc_html__( 'Icon Hover Background Color', 'author-personal-blog' ),
    'section'     => 'about_section_settings',
    'transport'   => 'auto',
    'default'     =>   '#fb4747',
    'output'      => array(
        array(
            'element'  => '.about-section-social-links a:hover',
            'property' => 'background-color',
        ),
    ),
] );

Kirki::add_field( 'author_personal_blog_config', [
    'type'        => 'color',
    'settings'    => 'about_section_social_links_h_txt_c',
    'label'       => esc_html__( 'Icon Hover Text Color', 'author-personal-blog' ),
    'section'     => 'about_section_settings',
    'transport'   => 'auto',
    'default'     => '#ffffff',
    'output'      => array(
        array(
            'element'  => '.about-section-social-links a:hover',
            'property' => 'color',
        ),
    ),
] );