<?php
    /**
     * Custom Logo
     */

    /**
     * To section: 'logo No Image Style'
     */
    
    // we will use WP buit-in feature for that
    //add_option( 'logo_noimage_color', '#3BC0C3' );
    // 'Logo color' -> Site title color
    /*
    $wp_customize->add_setting( 'logo_noimage_color', array(
        'type' => 'option',
        'default' => '3BC0C3',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'logo_noimage_color', array(
        'label' => __( 'Site title color', 'alphabet' ),
        'section' => 'logo_noimage',
    )));
     * 
     */
    
    //add_option( 'logo_noimage_size', '18' ); 
    // 'Logo font size' -> 'Site title font size'
    $wp_customize->add_setting( 'logo_noimage_size', array(
        'type' => 'option',
        'default' => '18',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control( 'logo_noimage_size', array(
        'label' => __( 'Site title font size, px', 'alphabet' ),
        'type' => 'text',
        'section' => 'logo_noimage',
    ));
    
    //add_option( 'logo_noimage_2row', '2row' );
    // in TO: radio; in DB: '2row' | '1row'
    // Site Title and Tagline in:        ('1row' | '2row')
    $wp_customize->add_setting('logo_noimage_2row', array(
        'type' => 'option',
        'default' => '2row',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('logo_noimage_2row', array(
        'label' => __('Site Title and Tagline in:', 'alphabet' ),
        'type' => 'radio',
        'section' => 'logo_noimage',
        'choices' => array(
            '1row' => '1row', 
            '2row' => '2row',
        ),
    ));
    
    //add_option( 'slogan_noimage_color', '#989898' );
    // Tagline color
    $wp_customize->add_setting( 'slogan_noimage_color', array(
        'type' => 'option',
        'default' => '989898',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'slogan_noimage_color', array(
        'label' => __( 'Tagline color', 'alphabet' ),
        //'section' => 'logo_noimage',
        'section' => 'colors', // WP built-in
    )));
    
    //add_option( 'slogan_noimage_size', '18' );
    // Tagline font size
    $wp_customize->add_setting( 'slogan_noimage_size', array(
        'type' => 'option',
        'default' => '18',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control( 'slogan_noimage_size', array(
        'label' => __( 'Tagline font size, px', 'alphabet' ),
        'type' => 'text',
        'section' => 'logo_noimage',
    ));
    
    
    /**
     * To section: 'Logo Images'
     */
    
    /*  we will use wp default feature. May remove.
    //add_option( 'favicon_theme', '767' ); // in TO: value="346" (id of image in DB);
    // Customizer save to DB: '/default/path/image.png' | 346 | 346 | ...
    // Favicon
    $wp_customize->add_setting( 'favicon_theme', array(
        'type' => 'option', 
        //'default' => get_stylesheet_directory_uri() . '/img/favicon.png',
        'default' => '/wp-content/themes/alphabet/img/favicon.png',
        // some bug in Custom Control with default value. 
     * 'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control( new WP_Customize_Media_Control( $wp_customize, 'favicon_theme', array(
        'label' => __( 'Favicon', 'alphabet' ),
        'mime_type' => 'image', // or 'audio'
        'section' => 'logo_images',
        )
    ));
     * 
     */
    
    //add_option( 'logo_in_header', '64' ); (old default)
    //add_option( 'logo_in_header', '/wp-content/themes/alphabet/img/logo.png' );
    // Logo in header
    $wp_customize->add_setting( 'logo_in_header', array(
        'type' => 'option', 
        'default' => '/wp-content/themes/alphabet/img/logo.png',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control( new WP_Customize_Media_Control( $wp_customize, 'logo_in_header', array(
        'label' => __( 'Logo in header', 'alphabet' ),
        'mime_type' => 'image', // or 'audio'
        'section' => 'logo_images',
        )
    ));
    
    //add_option( 'logo_in_footer', '272' ); (old default)
    //add_option( 'logo_in_footer', '/wp-content/themes/alphabet/img/logo_white.png' );
    // Logo in footer
    $wp_customize->add_setting( 'logo_in_footer', array(
        'type' => 'option', 
        'default' => '/wp-content/themes/alphabet/img/logo_white.png',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control( new WP_Customize_Media_Control( $wp_customize, 'logo_in_footer', array(
        'label' => __( 'Logo in footer', 'alphabet' ),
        'mime_type' => 'image',
        'section' => 'logo_images',
        )
    ));
    
    //add_option( 'logo_big_size', '1339' ); // old, was commented. (in DB: 347; image with this id: /wp-content/uploads/2016/01/logo_big.png)
    //add_option( 'logo_big_size', '/wp-content/themes/alphabet/img/logo_big.png' );
    // Logo big size
    $wp_customize->add_setting( 'logo_big_size', array(
        'type' => 'option', 
        'default' => '/wp-content/themes/alphabet/img/logo_big.png',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control( new WP_Customize_Media_Control( $wp_customize, 'logo_big_size', array(
        'label' => __( 'Logo big size', 'alphabet' ),
        'mime_type' => 'image',
        'section' => 'logo_images',
        )
    ));
    
    //add_option( 'animation_for_logo', '' );  in TO: select
    //Animation logo          (in TO: select field; in DB: '' | 'bounce' | 'flash' | 'someEffect' )
    $wp_customize->add_setting('animation_for_logo', array(
        'type' => 'option',
        //'default' => '',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    global $animationlist;
    $wp_customize->add_control('animation_for_logo', array(
        'label' => __('Animation logo', 'alphabet' ),
        'type' => 'select',
        'section' => 'logo_images',
        'choices' => $animationlist,
        'description' => __('Select type of animation', 'alphabet'),
    ));
    
    //add_option( 'delay_for_logo', '' );
    // Animation delay logo        (in TO: select field; in DB: '' | 'delay-0_5s' | 'delay-1_0s' | 'delay-...')
    $wp_customize->add_setting('delay_for_logo', array(
        'type' => 'option',
        //'default' => '',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    global $animationdelay;
    $wp_customize->add_control('delay_for_logo', array(
        'label' => __('Animation delay logo', 'alphabet' ),
        'type' => 'select',
        'section' => 'logo_images',
        'choices' => $animationdelay,
        'description' => __('Set animation delay in seconds', 'alphabet'),
    ));
    
    
    
    
    
    // Add a 'Logo No Image Style' section.
    $wp_customize->add_section( 'logo_noimage' , array(
      'title' => __( 'Logo No Image Style', 'alphabet' ),
      'panel' => 'logo',
    ));
    
    // Add a 'Logo Images' section.
    $wp_customize->add_section( 'logo_images' , array(
      'title' => __( 'Logo Images', 'alphabet' ),
      'panel' => 'logo',
    ));
    
    
    
    
    $wp_customize->add_panel( 'logo', array(
        'title' => __( 'Logo', 'alphabet' ),
        'description' => __('Custom options for Logo', 'alphabet'), // Include html tags such as <p>.
        'priority' => 105, // Mixed with top-level-section hierarchy.
    ) );