<?php

function social_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', 'social_customizer_live_preview' );

class social_customize {
    
    public static function register ( $wp_customize ) {
        
        //      SANITIZE URL
        /////////////////////////////////////////////////
        function cameleon_social_sanitize_url( $url ) {
            return esc_url_raw( $url );
        }
        
        $wp_customize->add_section( 'custom_social_section', 
                                   array(
                                       'title' => __( 'Social networks', 'cameleon' ),
                                       'priority' => 21,
                                       'capability' => 'edit_theme_options',
                                       'description' => __('Links to your social profiles', 'cameleon'), 
                                       'colors' => 'red',
                                   ) 
                                  );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting Facebook
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_facebook_link',
                                   array(
                                       'default' => '',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh', 
                                       'sanitize_callback' => 'cameleon_social_sanitize_url'
                                   ) 
                                  );
        
        $wp_customize->add_control(
            'cameleon_custom_facebook_link',
            array(
                'label' => __( 'Facebook page', 'cameleon' ),
                'section' => 'custom_social_section', 
                'settings' => 'custom_facebook_link', 
                'priority' => 10,
                'type' => 'text',
            ) 
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting Twitter
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_twitter_link',
                                   array(
                                       'default' => '',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh', 
                                       'sanitize_callback' => 'cameleon_social_sanitize_url',
                                   ) 
                                  );
        
        $wp_customize->add_control(
            'cameleon_custom_twitter_link',
            array(
                'label' => __( 'Twitter profile', 'cameleon' ),
                'section' => 'custom_social_section', 
                'settings' => 'custom_twitter_link', 
                'priority' => 10,
                'type' => 'text',
            ) 
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting YouTube
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_youtube_link',
                                   array(
                                       'default' => '',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh', 
                                       'sanitize_callback' => 'cameleon_social_sanitize_url',
                                   ) 
                                  );
        
        $wp_customize->add_control(
            'cameleon_custom_youtube_link',
            array(
                'label' => __( 'YouTube channel', 'cameleon' ),
                'section' => 'custom_social_section', 
                'settings' => 'custom_youtube_link', 
                'priority' => 10,
                'type' => 'text',
            ) 
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting Google+
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_googleplus_link',
                                   array(
                                       'default' => '',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh', 
                                       'sanitize_callback' => 'cameleon_social_sanitize_url',
                                   ) 
                                  );
        
        $wp_customize->add_control(
            'cameleon_custom_googleplus_link',
            array(
                'label' => __( 'Google+ page', 'cameleon' ),
                'section' => 'custom_social_section', 
                'settings' => 'custom_googleplus_link', 
                'priority' => 10,
                'type' => 'text',
            ) 
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting Instagram
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_instagram_link',
                                   array(
                                       'default' => '',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh', 
                                       'sanitize_callback' => 'cameleon_social_sanitize_url',
                                   ) 
                                  );
        
        $wp_customize->add_control(
            'cameleon_custom_instagram_link',
            array(
                'label' => __( 'Instagram profile', 'cameleon' ),
                'section' => 'custom_social_section', 
                'settings' => 'custom_instagram_link', 
                'priority' => 10,
                'type' => 'text',
            ) 
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting LinkedIn
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_linkedin_link',
                                   array(
                                       'default' => '',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh', 
                                       'sanitize_callback' => 'cameleon_social_sanitize_url',
                                   ) 
                                  );
        
        $wp_customize->add_control(
            'cameleon_custom_linkedin_link',
            array(
                'label' => __( 'LinkedIn profile', 'cameleon' ),
                'section' => 'custom_social_section', 
                'settings' => 'custom_linkedin_link', 
                'priority' => 10,
                'type' => 'text',
            ) 
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting Pinterest
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_pinterest_link',
                                   array(
                                       'default' => '',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh', 
                                       'sanitize_callback' => 'cameleon_social_sanitize_url',
                                   ) 
                                  );
        
        $wp_customize->add_control(
            'cameleon_custom_pinterest_link',
            array(
                'label' => __( 'Pinterest board', 'cameleon' ),
                'section' => 'custom_social_section', 
                'settings' => 'custom_pinterest_link', 
                'priority' => 10,
                'type' => 'text',
            ) 
        );
    }
    
    public static function header_output() { ?>

<style type="text/css">
    <?php self::generate_css('.custom_widget_section_box_color', 'background-color', 'custom_facebook_link'); ?>
</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( 'social_customize' , 'register' ) );

// Output custom CSS to live site
add_action( 'wp_head' , array( 'social_customize' , 'header_output' ) );

// Enqueue live preview javascript in Theme Customizer admin screen
add_action( 'customize_preview_init' , array( 'social_customize' , 'live_preview' ) );