<?php

function cam_post_customizer_live_preview() {
    wp_enqueue_script( 
        'cameleon-style-customizer', get_template_directory_uri().'/js/theme-customizer.js', array( 'jquery','customize-preview' ), '', true
    );
}
add_action( 'customize_preview_init', 'cam_post_customizer_live_preview' );

class cam_post_customize {
    
    public static function register ( $wp_customize ) {
        
        $wp_customize->add_panel( 'cam_custom_posts_colors_panel', 
                                   array(
                                       'title' => __( 'Posts colors', 'cameleon' ),
                                       'priority' => 25,
                                       'capability' => 'edit_theme_options',
                                       'description' => __('Customize posts colors', 'cameleon'),
                                   ) 
                                  );
        
        /////////////////////////////////////////////////
        //      SECTION : POST BACKGROUNDS
        /////////////////////////////////////////////////
        
        $wp_customize->add_section( 'cam_custom_post_background_colors', 
                                   array(
                                       'title' => __( 'Posts background colors', 'cameleon' ), 
                                       'priority' => 10,
                                       'capability' => 'edit_theme_options',
                                       'description' => __('Customize posts background colors', 'cameleon'),
                                       'panel' => 'cam_custom_posts_colors_panel',
                                   ) 
                                  );
        
        //      Setting POST FORMAT background
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_postformat_background', 
                                   array(
                                       'default' => '#000000',
                                       'type' => 'theme_mod', 
                                       'capability' => 'edit_theme_options', 
                                       'transport' => 'postMessage', 
                                       'sanitize_callback'    => 'sanitize_hex_color',
                                   ) 
                                  );
        
        $wp_customize->add_control( new WP_Customize_Color_Control( 
            $wp_customize, 
            'cameleon_custom_postformat_background', 
            array(
                'label' => __( 'Post format', 'cameleon' ), 
                'section' => 'cam_custom_post_background_colors', 
                'settings' => 'custom_postformat_background', 
                'priority' => 10,  
            ) 
        ) );
        
        //      Setting POST TITLE background
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_posttitle_background', 
                                   array(
                                       'default' => '#5d5d5d',
                                       'type' => 'theme_mod', 
                                       'capability' => 'edit_theme_options', 
                                       'transport' => 'postMessage',
                                       'sanitize_callback'    => 'sanitize_hex_color',
                                   ) 
                                  );
        
        $wp_customize->add_control( new WP_Customize_Color_Control( 
            $wp_customize, 
            'cameleon_custom_posttitle_background', 
            array(
                'label' => __( 'Title background color', 'cameleon' ), 
                'section' => 'cam_custom_post_background_colors', 
                'settings' => 'custom_posttitle_background', 
                'priority' => 10,  
            ) 
        ) );
        
        //      Setting POST SIDEBAR BACKGROUND color
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_postside_background',
                                   array(
                                       'default' => '#ffffff',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options', 
                                       'transport' => 'postMessage',
                                       'sanitize_callback'    => 'sanitize_hex_color',
                                   ) 
                                  );
        
        $wp_customize->add_control( new WP_Customize_Color_Control(
            $wp_customize,
            'cameleon_custom_postside_background',
            array(
                'label' => __( 'Post sidebar background color', 'cameleon' ),
                'section' => 'cam_custom_post_background_colors', 
                'settings' => 'custom_postside_background',
                'priority' => 10,
            ) 
        ) );
        
        //      Setting POST CONTENT background
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_postcontent_background',
                                   array(
                                       'default' => '#eaeaea',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'postMessage',
                                       'sanitize_callback'    => 'sanitize_hex_color',
                                   ) 
                                  );
        
        $wp_customize->add_control( new WP_Customize_Color_Control( 
            $wp_customize, 
            'cameleon_custom_postcontent_background', 
            array(
                'label' => __( 'Content background color', 'cameleon' ), 
                'section' => 'cam_custom_post_background_colors',
                'settings' => 'custom_postcontent_background', 
                'priority' => 10, 
            ) 
        ) );
        
        /////////////////////////////////////////////////
        //      SECTION : TEXTS
        /////////////////////////////////////////////////
        
        $wp_customize->add_section( 'cam_custom_post_texts_colors', 
                                   array(
                                       'title' => __( 'Posts texts colors', 'cameleon' ), 
                                       'priority' => 10,
                                       'capability' => 'edit_theme_options',
                                       'description' => __('Customize posts texts colors', 'cameleon'),
                                       'panel' => 'cam_custom_posts_colors_panel',
                                   ) 
                                  );
        
        //      Setting POST FORMAT TEXT color
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_postformat_color', 
                                   array(
                                       'default' => '#98b8df',
                                       'type' => 'theme_mod', 
                                       'capability' => 'edit_theme_options', 
                                       'transport' => 'postMessage', 
                                       'sanitize_callback'    => 'sanitize_hex_color',
                                   ) 
                                  );
        
        $wp_customize->add_control( new WP_Customize_Color_Control( 
            $wp_customize, 
            'cameleon_custom_postformat_color', 
            array(
                'label' => __( 'Format icon color', 'cameleon' ), 
                'section' => 'cam_custom_post_texts_colors', 
                'settings' => 'custom_postformat_color', 
                'priority' => 10,  
            ) 
        ) );
        
        //      Setting POST TITLE LINKS
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_posttitle_links', 
                                   array(
                                       'default' => '#98b8df',
                                       'type' => 'theme_mod', 
                                       'capability' => 'edit_theme_options', 
                                       'transport' => 'refresh', 
                                       'sanitize_callback'    => 'sanitize_hex_color',
                                   ) 
                                  );
        
        $wp_customize->add_control( new WP_Customize_Color_Control( 
            $wp_customize, 
            'cameleon_custom_posttitle_links', 
            array(
                'label' => __( 'Post title color', 'cameleon' ), 
                'section' => 'cam_custom_post_texts_colors', 
                'settings' => 'custom_posttitle_links', 
                'priority' => 10,  
            ) 
        ) );
        
        //      Setting POST TITLE LINKS:hover
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_posttitle_links_hover', 
                                   array(
                                       'default' => '#98b8df',
                                       'type' => 'theme_mod', 
                                       'capability' => 'edit_theme_options', 
                                       'transport' => 'refresh', 
                                       'sanitize_callback'    => 'sanitize_hex_color',
                                   ) 
                                  );
        
        $wp_customize->add_control( new WP_Customize_Color_Control( 
            $wp_customize, 
            'cameleon_custom_posttitle_links_hover', 
            array(
                'label' => __( 'Post title on mouse over', 'cameleon' ), 
                'section' => 'cam_custom_post_texts_colors', 
                'settings' => 'custom_posttitle_links_hover', 
                'priority' => 10,  
            ) 
        ) );
        
        //      Setting POST SIDEBAR TEXTS color
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_postside_text',
                                   array(
                                       'default' => '#000000',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'postMessage',
                                       'sanitize_callback'    => 'sanitize_hex_color',
                                   ) 
                                  );
        
        $wp_customize->add_control( new WP_Customize_Color_Control( 
            $wp_customize, 
            'cameleon_custom_postside_text', 
            array(
                'label' => __( 'Posts sidebar texts color', 'cameleon' ), 
                'section' => 'cam_custom_post_texts_colors',
                'settings' => 'custom_postside_text', 
                'priority' => 10, 
            ) 
        ) );
        
        //      Setting POST SIDEBAR LINKS color
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_postside_link',
                                   array(
                                       'default' => '#98b8df',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh',
                                       'sanitize_callback'    => 'sanitize_hex_color',
                                   ) 
                                  );
        
        $wp_customize->add_control( new WP_Customize_Color_Control( 
            $wp_customize, 
            'cameleon_custom_postside_link', 
            array(
                'label' => __( 'Posts sidebar links color', 'cameleon' ), 
                'section' => 'cam_custom_post_texts_colors',
                'settings' => 'custom_postside_link', 
                'priority' => 10, 
            ) 
        ) );
        
        //      Setting POST SIDEBAR LINKS:hover color
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_postside_link_hover',
                                   array(
                                       'default' => '#98b8df',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh',
                                       'sanitize_callback'    => 'sanitize_hex_color',
                                   ) 
                                  );
        
        $wp_customize->add_control( new WP_Customize_Color_Control( 
            $wp_customize, 
            'cameleon_custom_postside_link_hover', 
            array(
                'label' => __( 'Sidebar links color on mouse over', 'cameleon' ), 
                'section' => 'cam_custom_post_texts_colors',
                'settings' => 'custom_postside_link_hover', 
                'priority' => 10, 
            ) 
        ) );
        
        //      Setting POST CONTENT TITLES color
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_postcontent_titles',
                                   array(
                                       'default' => '#98b8df',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'postMessage',
                                       'sanitize_callback'    => 'sanitize_hex_color',
                                   ) 
                                  );
        
        $wp_customize->add_control( new WP_Customize_Color_Control( 
            $wp_customize, 
            'cameleon_custom_postcontent_titles', 
            array(
                'label' => __( 'Contents titles color', 'cameleon' ), 
                'section' => 'cam_custom_post_texts_colors',
                'settings' => 'custom_postcontent_titles', 
                'priority' => 10, 
            ) 
        ) );
        
        //      Setting POST CONTENT TEXT color
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_postcontent_text',
                                   array(
                                       'default' => '#000000',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'postMessage',
                                       'sanitize_callback'    => 'sanitize_hex_color',
                                   ) 
                                  );
        
        $wp_customize->add_control( new WP_Customize_Color_Control( 
            $wp_customize, 
            'cameleon_custom_postcontent_text', 
            array(
                'label' => __( 'Content texts color', 'cameleon' ), 
                'section' => 'cam_custom_post_texts_colors',
                'settings' => 'custom_postcontent_text', 
                'priority' => 10, 
            ) 
        ) );
        
        //      Setting POST CONTENT LINKS color
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_postcontent_links',
                                   array(
                                       'default' => '#98b8df',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh',
                                       'sanitize_callback'    => 'sanitize_hex_color',
                                   ) 
                                  );
        
        $wp_customize->add_control( new WP_Customize_Color_Control( 
            $wp_customize, 
            'cameleon_custom_postcontent_links', 
            array(
                'label' => __( 'Contents links color', 'cameleon' ), 
                'section' => 'cam_custom_post_texts_colors',
                'settings' => 'custom_postcontent_links', 
                'priority' => 10, 
            ) 
        ) );
        
        //      Setting POST CONTENT LINKS:hover color
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_postcontent_links_hover',
                                   array(
                                       'default' => '#98b8df',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh',
                                       'sanitize_callback'    => 'sanitize_hex_color',
                                   ) 
                                  );
        
        $wp_customize->add_control( new WP_Customize_Color_Control( 
            $wp_customize, 
            'cameleon_custom_postcontent_links_hover', 
            array(
                'label' => __( 'Contents links color on mouse over', 'cameleon' ), 
                'section' => 'cam_custom_post_texts_colors',
                'settings' => 'custom_postcontent_links_hover', 
                'priority' => 10, 
            ) 
        ) );
    }
    
    public static function header_output() { ?>

<style type="text/css">
    /* Backgrounds */
    <?php self::generate_css('.post-format', 'background-color', 'custom_postformat_background'); ?>
    <?php self::generate_css('.post-title-box', 'background-color', 'custom_posttitle_background'); ?>
    <?php self::generate_css('.comment-list-title-box', 'background-color', 'custom_posttitle_background'); ?>
    <?php self::generate_css('cite', 'background-color', 'custom_posttitle_background'); ?>
    <?php self::generate_css('.btn-social', 'background-color', 'custom_posttitle_background'); ?>
    <?php self::generate_css('.btn-social:hover', 'background-color', 'custom_posttitle_background'); ?>
    <?php self::generate_css('.depth-1', 'border-color', 'custom_posttitle_background'); ?>
    <?php self::generate_css('.post-side', 'background-color', 'custom_postside_background'); ?>
    <?php self::generate_css('.post-content-box', 'background-color', 'custom_postcontent_background'); ?>
    
    /* TEXTS */
    <?php self::generate_css('.post-format span', 'color', 'custom_postformat_color'); ?>
    <?php self::generate_css('.post-title a', 'color', 'custom_posttitle_links'); ?>
    <?php self::generate_css('.single-title', 'color', 'custom_posttitle_links'); ?>
    <?php self::generate_css('.comment-list-title-box .h2', 'color', 'custom_posttitle_links'); ?>
    <?php self::generate_css('.fn', 'color', 'custom_posttitle_links'); ?>
    <?php self::generate_css('.btn-social', 'color', 'custom_posttitle_links'); ?>
    <?php self::generate_css('.btn-social:hover', 'color', 'custom_posttitle_links'); ?>
    <?php self::generate_css('.post-title a:hover', 'color', 'custom_posttitle_links_hover'); ?>
    <?php self::generate_css('.post-side p', 'color', 'custom_postside_text'); ?>
    <?php self::generate_css('.post-side a', 'color', 'custom_postside_link'); ?>
    <?php self::generate_css('.post-side a:hover', 'color', 'custom_postside_link_hover'); ?>
    
    /* CONTENTS TEXTS */
    <?php self::generate_css('.post-content-box h1', 'color', 'custom_postcontent_titles'); ?>
    <?php self::generate_css('.post-content-box h2', 'color', 'custom_postcontent_titles'); ?>
    <?php self::generate_css('.post-content-box h3', 'color', 'custom_postcontent_titles'); ?>
    <?php self::generate_css('.post-content-box h4', 'color', 'custom_postcontent_titles'); ?>
    <?php self::generate_css('.post-content-box h5', 'color', 'custom_postcontent_titles'); ?>
    <?php self::generate_css('.post-content-box h6', 'color', 'custom_postcontent_titles'); ?>
    <?php self::generate_css('.post-content-box .comments-title', 'color', 'custom_postcontent_titles'); ?>
    <?php self::generate_css('.post-content-box p:not(comment-title-box p)', 'color', 'custom_postcontent_text'); ?>
    <?php self::generate_css('cite', 'color', 'custom_postcontent_text'); ?>
    <?php self::generate_css('.post-content-box label', 'color', 'custom_postcontent_text'); ?>
    <?php self::generate_css('.post-content-box a:not(comment-title-box a)', 'color', 'custom_postcontent_links'); ?>
    <?php self::generate_css('.post-content-box a:hover:not(comment-title-box a)', 'color', 'custom_postcontent_links_hover'); ?>
</style>

<?php }
    
    public static function live_preview() {
        wp_enqueue_script( 
            'cameleon-style-customizer',
            get_template_directory_uri() . '/js/theme-customizer.js',
            array(  'jquery', 'customize-preview' ),
            '',
            true
        );
    }
    
    public static function generate_css( $selector, $style, $mod_name, $prefix='', $postfix='', $echo=true ) {
        $return = '';
        $mod = get_theme_mod($mod_name);
        if ( ! empty( $mod ) ) {
            $return = sprintf('%s { %s:%s; }',
                              $selector,
                              $style,
                              $prefix.$mod.$postfix
                             );
            if ( $echo ) {
                echo $return;
            }
        }
        return $return;
    }
}

// Setup the Theme Customizer settings and controls...
add_action( 'customize_register' , array( 'cam_post_customize' , 'register' ) );

// Output custom CSS to live site
add_action( 'wp_head' , array( 'cam_post_customize' , 'header_output' ) );

// Enqueue live preview javascript in Theme Customizer admin screen
add_action( 'customize_preview_init' , array( 'cam_post_customize' , 'live_preview' ) );