<?php

function sliderbox_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', 'sliderbox_customizer_live_preview' );

class sliderbox_customize {
    
    public static function register ( $wp_customize ) {
        
        // SANITIZE CHECKBOX        
        function cameleon_slider_sanitize_checkbox( $input ) {
            if ( $input == 1 ) {
                return 1;
            } else {
                return '';
            }
        }
        
        // SANITIZE UPLOAD
        function cameleon_slider_sanitize_image( $image, $setting ) {
            $mimes = array(
                'jpg|jpeg|jpe' => 'image/jpeg',
                'gif'          => 'image/gif',
                'png'          => 'image/png',
                'bmp'          => 'image/bmp',
                'tif|tiff'     => 'image/tiff',
                'ico'          => 'image/x-icon'
            );
            $file = wp_check_filetype( $image, $mimes );

            return ( $file['ext'] ? $image : $setting->default );
        }
        
        // SANITIZE TEXT INPUTS
        function cameleon_slider_inputtext_sanitize_nohtml( $nohtml ) {
            return wp_filter_nohtml_kses( $nohtml );
        }
        
        // SANITIZE URL INPUTS
        function cameleon_captionurl_sanitize_url( $url ) {
            return esc_url_raw( $url );
        }
        
        $wp_customize->add_section( 'custombox_slider', 
                                   array(
                                       'title' => __( 'Slider', 'cameleon' ),
                                       'priority' => 20,
                                       'capability' => 'edit_theme_options',
                                       'description' => __('Customize your slider', 'cameleon'),
                                   ) 
                                  );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting SLIDER ACTIVATION
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        
        $wp_customize->add_setting(
            'slider_activation', array(
                'sanitize_callback' => 'cameleon_slider_sanitize_checkbox',
            )
        );
        
        $wp_customize->add_control(
            'slider_activation',
            array(
                'type' => 'checkbox',
                'label' => __('Show slider', 'cameleon'),
                'section' => 'custombox_slider',
                'setting' => 'slider_activation',
            )
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting UPLOAD SLIDE 1
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        
        $wp_customize->add_setting( 'upload_slide1', array('sanitize_callback' => 'cameleon_slider_sanitize_image') );
        
        $wp_customize->add_control(
            new WP_Customize_Upload_Control(
                $wp_customize,
                'upload_slide1',
                array(
                    'label' => __('First slide', 'cameleon'),
                    'section' => 'custombox_slider',
                    'settings' => 'upload_slide1'
                )
            )
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting CAPTION SLIDE 1
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        
        $wp_customize->add_setting( 'custom_caption1',
                                   array(
                                       'default' => '',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh', 
                                       'sanitize_callback' => 'cameleon_slider_inputtext_sanitize_nohtml',
                                   ) 
                                  );
        
        $wp_customize->add_control(
            'cameleon_custom_caption1',
            array(
                'label' => __( 'First slide caption', 'cameleon' ),
                'section' => 'custombox_slider', 
                'settings' => 'custom_caption1', 
                'priority' => 10,
                'type' => 'text',
            ) 
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting URL SLIDE 1
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        
        $wp_customize->add_setting( 'custom_caption_url1',
                                   array(
                                       'default' => '',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh',
                                       'sanitize_callback' => 'cameleon_captionurl_sanitize_url'
                                   ) 
                                  );
        
        $wp_customize->add_control(
            'cameleon_custom_caption_url1',
            array(
                'label' => __( 'Caption URL', 'cameleon' ),
                'section' => 'custombox_slider', 
                'settings' => 'custom_caption_url1', 
                'priority' => 10,
                'type' => 'text',
            ) 
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting UPLOAD SLIDE 2
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        
        $wp_customize->add_setting( 'upload_slide2', array('sanitize_callback' => 'cameleon_slider_sanitize_image') );
        
        $wp_customize->add_control(
            new WP_Customize_Upload_Control(
                $wp_customize,
                'upload_slide2',
                array(
                    'label' => __('Second slide', 'cameleon'),
                    'section' => 'custombox_slider',
                    'settings' => 'upload_slide2'
                )
            )
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting CAPTION SLIDE 2
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        
        $wp_customize->add_setting( 'custom_caption2',
                                   array(
                                       'default' => '',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh',
                                       'sanitize_callback' => 'cameleon_slider_inputtext_sanitize_nohtml'
                                   ) 
                                  );
        
        $wp_customize->add_control(
            'cameleon_custom_caption2',
            array(
                'label' => __( 'Second slide caption', 'cameleon' ),
                'section' => 'custombox_slider', 
                'settings' => 'custom_caption2', 
                'priority' => 10,
                'type' => 'text',
            ) 
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting URL SLIDE 2
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        
        $wp_customize->add_setting( 'custom_caption_url2',
                                   array(
                                       'default' => '',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh', 
                                       'sanitize_callback' => 'cameleon_captionurl_sanitize_url',
                                   ) 
                                  );
        
        $wp_customize->add_control(
            'cameleon_custom_caption_url2',
            array(
                'label' => __( 'Caption URL', 'cameleon' ),
                'section' => 'custombox_slider', 
                'settings' => 'custom_caption_url2', 
                'priority' => 10,
                'type' => 'text',
            ) 
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting UPLOAD SLIDE 3
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        
        $wp_customize->add_setting( 'upload_slide3', array('sanitize_callback' => 'cameleon_slider_sanitize_image') );
        
        $wp_customize->add_control(
            new WP_Customize_Upload_Control(
                $wp_customize,
                'upload_slide3',
                array(
                    'label' => __('Third slide', 'cameleon'),
                    'section' => 'custombox_slider',
                    'settings' => 'upload_slide3'
                )
            )
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting CAPTION SLIDE 3
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        
        $wp_customize->add_setting( 'custom_caption3',
                                   array(
                                       'default' => '',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh', 
                                       'sanitize_callback' => 'cameleon_slider_inputtext_sanitize_nohtml'
                                   ) 
                                  );
        
        $wp_customize->add_control(
            'cameleon_custom_caption3',
            array(
                'label' => __( 'Third slide caption', 'cameleon' ),
                'section' => 'custombox_slider', 
                'settings' => 'custom_caption3', 
                'priority' => 10,
                'type' => 'text',
            ) 
        );
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting URL SLIDE 3
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        
        $wp_customize->add_setting( 'custom_caption_url3',
                                   array(
                                       'default' => '',
                                       'type' => 'theme_mod',
                                       'capability' => 'edit_theme_options',
                                       'transport' => 'refresh', 
                                       'sanitize_callback' => 'cameleon_captionurl_sanitize_url',
                                   ) 
                                  );
        
        $wp_customize->add_control(
            'cameleon_custom_caption_url3',
            array(
                'label' => __( 'Caption URL', 'cameleon' ),
                'section' => 'custombox_slider', 
                'settings' => 'custom_caption_url3', 
                'priority' => 10,
                'type' => 'text',
            ) 
        );      
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting ARROWS COLOR
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_arrow_color',
                                   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_arrow_color',
            array(
                'label' => __( 'Arrows color', 'cameleon' ),
                'section' => 'custombox_slider',
                'settings' => 'custom_arrow_color',
                'priority' => 10,
            ) 
        ) );    
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting BOX CAPTION BACKGROUND COLOR
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_box_caption_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_box_caption_background',
            array(
                'label' => __( 'Captions background color', 'cameleon' ),
                'section' => 'custombox_slider',
                'settings' => 'custom_box_caption_background',
                'priority' => 10,
            ) 
        ) );    
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting BOX CAPTION TEXT COLOR
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_box_caption_text',
                                   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_box_caption_text',
            array(
                'label' => __( 'Captions text color', 'cameleon' ),
                'section' => 'custombox_slider',
                'settings' => 'custom_box_caption_text',
                'priority' => 10,
            ) 
        ) );    
        
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        //      Setting BOX CAPTION TEXT:HOVER COLOR
        /////////////////////////////////////////////////
        /////////////////////////////////////////////////
        $wp_customize->add_setting( 'custom_box_caption_text_hover',
                                   array(
                                       'default' => '#94a7be',
                                       '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_box_caption_text_hover',
            array(
                'label' => __( 'Captions text color on mouse over', 'cameleon' ),
                'section' => 'custombox_slider',
                'settings' => 'custom_box_caption_text_hover',
                'priority' => 10,
            ) 
        ) );
    }
    
    public static function header_output() { ?>

<style type="text/css">
    /* ARROWS */
    <?php self::generate_css('.path-arrow-box', 'fill', 'custom_arrow_color'); ?>
    <?php self::generate_css('.path-arrow', 'fill', 'custom_arrow_color'); ?>
    <?php self::generate_css('#close-overlay', 'color', 'custom_arrow_color'); ?>
    
    /* CAPTION BACKGROUND */
    <?php self::generate_css('.slide-caption', 'background-color', 'custom_box_caption_background'); ?>
    
    /* CAPTION TEXT */
    <?php self::generate_css('.slide-caption', 'color', 'custom_box_caption_text'); ?>
    <?php self::generate_css('.slide-caption a', 'color', 'custom_box_caption_text'); ?>
    
    /* CAPTION TEXT HOVER */
    <?php self::generate_css('.slide-caption a:hover', 'color', 'custom_box_caption_text_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( 'sliderbox_customize' , 'register' ) );

// Output custom CSS to live site
add_action( 'wp_head' , array( 'sliderbox_customize' , 'header_output' ) );

// Enqueue live preview javascript in Theme Customizer admin screen
add_action( 'customize_preview_init' , array( 'sliderbox_customize' , 'live_preview' ) );