<?php

/**
  ReduxFramework Sample Config File
  For full documentation, please visit: https://docs.reduxframework.com
 * */

if (!class_exists('Redux_Framework_sample_config')) {

    class Redux_Framework_sample_config {

        public $args        = array();
        public $sections    = array();
        public $theme;
        public $ReduxFramework;

        public function __construct() {

            if (!class_exists('ReduxFramework')) {
                return;
            }

            // This is needed. Bah WordPress bugs.  ;)
            if (  true == Redux_Helpers::isTheme(__FILE__) ) {
                $this->initSettings();
            } else {
                add_action('plugins_loaded', array($this, 'initSettings'), 10);
            }

        }

        public function initSettings() {

            // Just for demo purposes. Not needed per say.
            $this->theme = wp_get_theme();

            // Set the default arguments
            $this->setArguments();

            // Set a few help tabs so you can see how it's done
            $this->setHelpTabs();

            // Create the sections and fields
            $this->setSections();

            if (!isset($this->args['opt_name'])) { // No errors please
                return;
            }

            // If Redux is running as a plugin, this will remove the demo notice and links
            //add_action( 'redux/loaded', array( $this, 'remove_demo' ) );
            
            // Function to test the compiler hook and demo CSS output.
            // Above 10 is a priority, but 2 in necessary to include the dynamically generated CSS to be sent to the function.
            //add_filter('redux/options/'.$this->args['opt_name'].'/compiler', array( $this, 'compiler_action' ), 10, 3);
            
            // Change the arguments after they've been declared, but before the panel is created
            //add_filter('redux/options/'.$this->args['opt_name'].'/args', array( $this, 'change_arguments' ) );
            
            // Change the default value of a field after it's been set, but before it's been useds
            //add_filter('redux/options/'.$this->args['opt_name'].'/defaults', array( $this,'change_defaults' ) );
            
            // Dynamically add a section. Can be also used to modify sections/fields
            //add_filter('redux/options/' . $this->args['opt_name'] . '/sections', array($this, 'dynamic_section'));

            $this->ReduxFramework = new ReduxFramework($this->sections, $this->args);
        }

        /**

          This is a test function that will let you see when the compiler hook occurs.
          It only runs if a field	set with compiler=>true is changed.

         * */
        function compiler_action($options, $css, $changed_values) {
            echo '<h1>The compiler hook has run!</h1>';
            echo "<pre>";
            print_r($changed_values); // Values that have changed since the last save
            echo "</pre>";
            //print_r($options); //Option values
            //print_r($css); // Compiler selector CSS values  compiler => array( CSS SELECTORS )

            /*
              // Demo of how to use the dynamic CSS and write your own static CSS file
              $filename = dirname(__FILE__) . '/style' . '.css';
              global $wp_filesystem;
              if( empty( $wp_filesystem ) ) {
                require_once( ABSPATH .'/wp-admin/includes/file.php' );
              WP_Filesystem();
              }

              if( $wp_filesystem ) {
                $wp_filesystem->put_contents(
                    $filename,
                    $css,
                    FS_CHMOD_FILE // predefined mode settings for WP files
                );
              }
             */
        }

        /**

          Custom function for filtering the sections array. Good for child themes to override or add to the sections.
          Simply include this function in the child themes functions.php file.

          NOTE: the defined constants for URLs, and directories will NOT be available at this point in a child theme,
          so you must use get_template_directory_uri() if you want to use any of the built in icons

         * */
        function dynamic_section($sections) {
            //$sections = array();
            $sections[] = array(
                'title' => __('Section via hook', 'redux-framework-demo'),
                'desc' => __('<p class="description">This is a section created by adding a filter to the sections array. Can be used by child themes to add/remove sections from the options.</p>', 'redux-framework-demo'),
                'icon' => 'el-icon-paper-clip',
                // Leave this as a blank section, no options just some intro text set above.
                'fields' => array()
            );

            return $sections;
        }

        /**

          Filter hook for filtering the args. Good for child themes to override or add to the args array. Can also be used in other functions.

         * */
        function change_arguments($args) {
            //$args['dev_mode'] = true;

            return $args;
        }

        /**

          Filter hook for filtering the default value of any given field. Very useful in development mode.

         * */
        function change_defaults($defaults) {
            $defaults['str_replace'] = 'Testing filter hook!';

            return $defaults;
        }

        // Remove the demo link and the notice of integrated demo from the redux-framework plugin
        function remove_demo() {

            // Used to hide the demo mode link from the plugin page. Only used when Redux is a plugin.
            if (class_exists('ReduxFrameworkPlugin')) {
                remove_filter('plugin_row_meta', array(ReduxFrameworkPlugin::instance(), 'plugin_metalinks'), null, 2);

                // Used to hide the activation notice informing users of the demo panel. Only used when Redux is a plugin.
                remove_action('admin_notices', array(ReduxFrameworkPlugin::instance(), 'admin_notices'));
            }
        }

        public function setSections() {

            /**
              Used within different fields. Simply examples. Search for ACTUAL DECLARATION for field examples
             * */
            // Background Patterns Reader
            $sample_patterns_path   = ReduxFramework::$_dir . '../sample/patterns/';
            $sample_patterns_url    = ReduxFramework::$_url . '../sample/patterns/';
            $sample_patterns        = array();

            if (is_dir($sample_patterns_path)) :

                if ($sample_patterns_dir = opendir($sample_patterns_path)) :
                    $sample_patterns = array();

                    while (( $sample_patterns_file = readdir($sample_patterns_dir) ) !== false) {

                        if (stristr($sample_patterns_file, '.png') !== false || stristr($sample_patterns_file, '.jpg') !== false) {
                            $name = explode('.', $sample_patterns_file);
                            $name = str_replace('.' . end($name), '', $sample_patterns_file);
                            $sample_patterns[]  = array('alt' => $name, 'img' => $sample_patterns_url . $sample_patterns_file);
                        }
                    }
                endif;
            endif;

            ob_start();

            $ct             = wp_get_theme();
            $this->theme    = $ct;
            $item_name      = $this->theme->get('Name');
            $tags           = $this->theme->Tags;
            $screenshot     = $this->theme->get_screenshot();
            $class          = $screenshot ? 'has-screenshot' : '';

            $customize_title = sprintf(__('Customize &#8220;%s&#8221;', 'redux-framework-demo'), $this->theme->display('Name'));
            
            ?>
            <div id="current-theme" class="<?php echo esc_attr($class); ?>">
            <?php if ($screenshot) : ?>
                <?php if (current_user_can('edit_theme_options')) : ?>
                        <a href="<?php echo wp_customize_url(); ?>" class="load-customize hide-if-no-customize" title="<?php echo esc_attr($customize_title); ?>">
                            <img src="<?php echo esc_url($screenshot); ?>" alt="<?php esc_attr_e('Current theme preview'); ?>" />
                        </a>
                <?php endif; ?>
                    <img class="hide-if-customize" src="<?php echo esc_url($screenshot); ?>" alt="<?php esc_attr_e('Current theme preview'); ?>" />
                <?php endif; ?>

                <h4><?php echo $this->theme->display('Name'); ?></h4>

                <div>
                    <ul class="theme-info">
                        <li><?php printf(__('By %s', 'redux-framework-demo'), $this->theme->display('Author')); ?></li>
                        <li><?php printf(__('Version %s', 'redux-framework-demo'), $this->theme->display('Version')); ?></li>
                        <li><?php echo '<strong>' . __('Tags', 'redux-framework-demo') . ':</strong> '; ?><?php printf($this->theme->display('Tags')); ?></li>
                    </ul>
                    <p class="theme-description"><?php echo $this->theme->display('Description'); ?></p>
            <?php
            if ($this->theme->parent()) {
                printf(' <p class="howto">' . __('This <a href="%1$s">child theme</a> requires its parent theme, %2$s.') . '</p>', __('http://codex.wordpress.org/Child_Themes', 'redux-framework-demo'), $this->theme->parent()->display('Name'));
            }
            ?>

                </div>
            </div>

            <?php
            $item_info = ob_get_contents();

            ob_end_clean();

            $sampleHTML = '';
            if (file_exists(dirname(__FILE__) . '/info-html.html')) {
                Redux_Functions::initWpFilesystem();
                
                global $wp_filesystem;

                $sampleHTML = $wp_filesystem->get_contents(dirname(__FILE__) . '/info-html.html');
            }

			// ACTUAL DECLARATION OF SECTIONS
				$this->sections[] = array(
				'icon' => 'el-icon-cogs',
				'title' => __('General Settings', KP_THEME_NAME),
				'desc' => __('<p class="description">Welcome to the slant options panel, Please use the left-hand tabs to switch between option.</p>', KP_THEME_NAME),
				'fields' => array(
					array(
						'id'=>'theme_color',
						'type' => 'color',
						//'output' => array('.theme_color'),
						'title' => __('Theme Color', KP_THEME_NAME), 
						'subtitle' => __('Pick a Default color for the theme (default: #3498db).', KP_THEME_NAME),
						'default' => '#3498db',
						'validate' => 'color',
						'transparent' => false,
						),
					array(
						'id' => 'nice_scroll',
						'type' => 'switch',
						'title' => __('Enable Nice Scroll', KP_THEME_NAME),
						'desc' => '',
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '0' 
					),
					array(
						'id' => 'site_preloader',
						'type' => 'switch',
						'title' => __('Enable Site Preloader', KP_THEME_NAME),
						'desc' => '',
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '0'
					),
					array(
						'id'=>'custom-css',
						'type' => 'ace_editor',
						'title' => __('Custom CSS', KP_THEME_NAME), 
						'subtitle' => __('Quickly add some CSS to your theme by adding it to this block.', KP_THEME_NAME),
						'mode'     => 'css',
						),	
					array(
						'id'=>'google-analytics',
						'type' => 'ace_editor',
						'title' => __('Google Analytics', KP_THEME_NAME),
						'subtitle' => __('Please enter your google analytics tracking code here.', KP_THEME_NAME),
						'mode'     => 'javascript',
						),

				)
			);
			
						
				$this->sections[] = array(
				'icon' => 'el-icon-star',
				'title' => __('Favicon', KP_THEME_NAME),
				'desc' => __('', KP_THEME_NAME),
				'fields' => array(
					array(
						'id'=>'favicon',
						'type' => 'media',
						'compiler'=>true,
						'mode' => false, // Can be set to false to allow any media type, or can also be set to any mime type.
						'title' => __('Favicon Upload', KP_THEME_NAME), 
						'subtitle' => __('Favicon for your website (16px x 16px).', KP_THEME_NAME),
						),
					array(
						'id'=>'iphone_icon',
						'type' => 'media',
						'compiler'=>true,
						'mode' => false, // Can be set to false to allow any media type, or can also be set to any mime type.
						'title' => __('Apple iPhone Icon Upload', KP_THEME_NAME), 
						'subtitle' => __('Favicon for Apple iPhone (57px x 57px).', KP_THEME_NAME),
						),									
					array(
						'id'=>'ipad_icon',
						'type' => 'media',
						'compiler'=>true,
						'mode' => false, // Can be set to false to allow any media type, or can also be set to any mime type.
						'title' => __('Apple iPad Icon Upload', KP_THEME_NAME), 
						'subtitle' => __('Favicon for Apple iPad (72px x 72px).', KP_THEME_NAME),
						),					
				
				)
			);
			
			$this->sections[] = array(
				'icon' => 'el-icon-adjust ',
				'title' => __('Header & Navigation', KP_THEME_NAME),
				'fields' => array(
					array(
                        'id'        => 'nav_style',
                        'type'      => 'image_select',
                        'title'     => __('Navigation Style', KP_THEME_NAME),
                        'subtitle'  => __('Select your Top Nav Layout', KP_THEME_NAME),
                        //Must provide key => value(array:title|img) pairs for radio options
                        'options'   => array(
                            'default' => array('title' => 'Default Nav', 'img' => KP_FRAMEWORK_DIRECTORY.'/options/options/images/topnav.png'),
							'push' => array('title' => 'Push Nav', 'img' => KP_FRAMEWORK_DIRECTORY.'/options/options/images/pushnav.png'),
							'side' => array('title' => 'Side Nav', 'img' => KP_FRAMEWORK_DIRECTORY.'/options/options/images/sidenav.png'),
                        ), 
                        'default'   => 'default'
                    ),
					array(
						'id' => 'use-image-logo',
						'type' => 'switch',
						'title' => __('Use Image for Logo', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default site name will be used.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '0' 
					),
					array(
						'id' => 'logo',
						'type' => 'media',
						'required' => array('use-image-logo','=','1'),							
						'title' => __('Logo Upload', KP_THEME_NAME),
						'url'      => true,
						'subtitle' => __('Upload your logo', KP_THEME_NAME),
						'desc' => __('For Best Preview Max Height 60px / Max Width 200px.', KP_THEME_NAME),  
					),
					array(
						'id'             => 'menu-logo-spacing',
						'type'           => 'spacing',
						'output'         => array('.logo.default'),
						'mode'           => 'padding',
						'units'          => array('em', 'px'),
						'units_extended' => 'false',
						'title'          => __('Menu Logo Padding', KP_THEME_NAME),
						'subtitle'       => __('Menu Padding in PX.', KP_THEME_NAME),
						'default'            => array(
							'padding-top'     => '10px',
							'padding-right'   => '0px',
							'padding-bottom'  => '10px',
							'padding-left'    => '0px',
							'units'          => 'px',
						)
					),	
					array(
						'id' => 'use-image-logo-pushnav',
						'type' => 'switch',
						'title' => __('Use Image Logo for Push Nav', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default site name will be used.', KP_THEME_NAME),
						'required' => array('nav_style','=','push' ),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '0' 
					),
					array(
						'id' => 'pushnav-logo',
						'type' => 'media',
						'required' => array('use-image-logo-pushnav','=','1'),							
						'title' => __('Push Nav Logo Upload', KP_THEME_NAME),
						'url'      => true,
						'subtitle' => __('Upload your Pushnav logo', KP_THEME_NAME),
						'desc' => __('For Best Preview Max Height 80px / Max Width 240px.', KP_THEME_NAME), 
					),
					array(
						'id' => 'transparent-nav',
						'type' => 'switch',
						'title' => __('Start with Transparent Nav', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Transparent Nav is Disabled.', KP_THEME_NAME),
						'required' => array('nav_style','=',array('default','push' )),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '0'
					),
					array(
						'id' => 'use-image-logo-transparent',
						'type' => 'switch',
						'title' => __('Use Image Logo for Transparent Nav', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default site name will be used.', KP_THEME_NAME),
						'required' => array('transparent-nav','=','1'),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '0' 
					),
					array(
						'id' => 'transparent-logo',
						'type' => 'media',
						'required' => array('use-image-logo-transparent','=','1'),							
						'title' => __('Transparent Nav Logo Upload', KP_THEME_NAME),
						'url'      => true,
						'subtitle' => __('Upload your Transparent logo', KP_THEME_NAME),
						'desc' => __('For Best Preview Max Height 60px / Max Width 200px.', KP_THEME_NAME),   
					),
					array(
						'id' => 'use-side-social',
						'type' => 'switch',
						'title' => __('Display Social at Side Nav', KP_THEME_NAME),
						'desc' => __('Please check Social icon URLs at Social Netwrok section', KP_THEME_NAME),
						'required' => array('nav_style','=',array('side','push' )),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
					),
					array(
						'id'=>'side_social_bg_style',
						'type' => 'select',
						'required' => array('use-side-social','=','1'),
						'title' => __('Social Background Style', KP_THEME_NAME), 
						'options' => array('themecolor_bg'=>'Theme Color Background', 'themecolor_border'=>'Theme Color Border', 'nobackground'=>'Without Background'),
						'default' => 'themecolor_bg',
						),
					array(
						'id'=>'side_social_icon_color',
						'type' => 'color',
						'required' => array('use-side-social','=','1'),
						'output' => array('.social-side .social-circle i'),
						'title' => __('Social Icon Color', KP_THEME_NAME), 
						'subtitle' => __('Default color: #FFF.', KP_THEME_NAME),
						'default' => '#FFF',
						'validate' => 'color',
						'transparent' => false,
						),
						
					array(
						'id' => 'side-facebook',
						'type' => 'switch',
						'required' => array('use-side-social','=','1'),
						'title' => __('Enable Facebook', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Facebook is Enabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
						),
					array(
						'id' => 'side-twitter',
						'type' => 'switch',
						'required' => array('use-side-social','=','1'),
						'title' => __('Enable Twitter', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Twitter is Enabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
						),
					array(
						'id' => 'side-googleplus',
						'type' => 'switch',
						'required' => array('use-side-social','=','1'),
						'title' => __('Enable Google Plus', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Google Plus is Enabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
						),
					array(
						'id' => 'side-linkedin',
						'type' => 'switch',
						'required' => array('use-side-social','=','1'),
						'title' => __('Enable Linked In', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Linked In is Enabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
						),
					array(
						'id' => 'side-youtube',
						'type' => 'switch',
						'required' => array('use-side-social','=','1'),
						'title' => __('Enable Youtube', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Youtube is Enabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
						),

				)
			);
			
			
		$this->sections[] = array(
				'icon' => 'el-icon-website-alt',
				'title' => __('Home Banner', KP_THEME_NAME),
				'fields' => array(
					array(
						'id'=>'banner_style',
						'type' => 'select',
						'title' => __('Home Banner Style', KP_THEME_NAME), 
						'subtitle' => __('Select your Header Layout Style.', KP_THEME_NAME),
						'options' => array('skew'=>'Skew Slide','image'=>'Image', 'slider'=>'Slider', 'video'=>'Video'),
						'default' => '',
						),
					array(
							'id'   => 'skew_info',
							'type' => 'info',
							'required' => array('banner_style','=','skew'), 
							'style' => 'warning',
							'desc' => __('Choosing Skew Slider requires to Add Slides at Skew Slider Section. Please visit WP Menu Skew Slider Tab and Create , Sort or Remove slides', 'redux-framework-demo')
						),	
					array(
						'id'=>'banner_image',
						'type' => 'media',
						'required' => array('banner_style','=','image'), 
						'compiler'=>true,
						'mode' => false, // Can be set to false to allow any media type, or can also be set to any mime type.
						'title' => __('Home Background Image', KP_THEME_NAME), 
						'subtitle' => __('For Best Resolution use Min 1600px-W / 650px-H.', KP_THEME_NAME),
						),
						
					array(
					'id'       => 'banner-slides',
					'type'     => 'gallery',
					'required' => array('banner_style','=','slider'),
					'title'    => __('Add/Edit Gallery', KP_THEME_NAME),
					'desc'     => __('Unlimited Image slides with drag and drop sortings', KP_THEME_NAME),
					'subtitle' => __('Create your home Slider Image Gallery', KP_THEME_NAME),
						),
						
					array(
						'id'       => 'video_id',
						'type'     => 'text',
						'required' => array('banner_style','=','video'),
						'title'    => __('Youtube Video ID', KP_THEME_NAME),
						'subtitle' => __('Youtube Video ID is just after ?v=', KP_THEME_NAME),
					),

					array(
						'id' => 'video_bg',
						'type' => 'media',
						'required' => array('banner_style','=','video'),						
						'title' => __('Video Background', KP_THEME_NAME),
						'url'      => true,
						'subtitle' => __('Upload your Video Background', KP_THEME_NAME),
						'desc' => ''  
					),	
						
					array(
						'id' => 'video-mute',
						'type' => 'switch',
						'required' => array('banner_style','=','video'),
						'title' => __('Mute Video', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Video be Mute.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
					),
					
					array(
						'id' => 'video-controls',
						'type' => 'switch',
						'required' => array('banner_style','=','video'),
						'title' => __('Show Controls', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Video Controls is Disabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '0' 
					),
					array(
					'id'       => 'banner-txt-align',
					'type'     => 'button_set',
					'title'    => __('Banner Text Align', KP_THEME_NAME),
					'required'  => array('banner_style', 'equals', array('image','slider','video')),
					//Must provide key => value pairs for options
					'options' => array(
						'left' => 'Left',
						'centered' => 'Center'
					 ),
					'default' => 'left'
					),
				   array(
                        'id'        => 'banner-title',
                        'type'     => 'text',
						'required'  => array('banner_style', 'equals', array('image','slider','video')),
                        'title'     => __('Banner Title', KP_THEME_NAME),
                    ),
					array(
                        'id'        => 'banner-description',
                        'type' => 'textarea',
						'required'  => array('banner_style', 'equals', array('image','slider','video')),
                        'title'     => __('Banner Description', KP_THEME_NAME),
                    ),
					array(
						'id' => 'banner-btn-1',
						'type' => 'switch',
						'required'  => array('banner_style', 'equals', array('image','slider','video')),
						'title' => __('First Banner Button', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Banner Button is Disabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '0' 
					),
					array(
						'id'       => 'banner_btn_txt_1',
						'type'     => 'text',
						'required' => array('banner-btn-1','=','1'),
						'title'    => __('Button Text', KP_THEME_NAME),
					),
					array(
						'id'       => 'banner_btn_url_1',
						'type'     => 'text',
						'required' => array('banner-btn-1','=','1'),
						'title'    => __('Button Link', KP_THEME_NAME),
						'subtitle' => __('ex:http://yourlink.com', KP_THEME_NAME),
					),
					array(
						'id'       => 'btn_bordered_1',
						'type'     => 'checkbox',
						'required' => array('banner-btn-1','=','1'),
						'title'    => __('Bordered Button', KP_THEME_NAME), 
						'default'  => '0'// 1 = on | 0 = off
					),
					array(
						'id' => 'banner-btn-2',
						'type' => 'switch',
						'required'  => array('banner_style', 'equals', array('image','slider','video')),
						'title' => __('Second Banner Button', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Banner Button is Disabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '0' 
					),
					array(
						'id'       => 'banner_btn_txt_2',
						'type'     => 'text',
						'required' => array('banner-btn-2','=','1'),
						'title'    => __('Button Text', KP_THEME_NAME),
					),
					array(
						'id'       => 'banner_btn_url_2',
						'type'     => 'text',
						'required' => array('banner-btn-2','=','1'),
						'title'    => __('Button Link', KP_THEME_NAME),
						'subtitle' => __('ex:http://yourlink.com', KP_THEME_NAME),
					),
					array(
						'id'       => 'btn_bordered_2',
						'type'     => 'checkbox',
						'required' => array('banner-btn-2','=','1'),
						'title'    => __('Bordered Button', KP_THEME_NAME), 
						'default'  => '0'// 1 = on | 0 = off
					),
					array(
						'id' => 'move-down',
						'type' => 'switch',
						'required'  => array('banner_style', 'equals', array('image','slider','video')),
						'title' => __('Move Down Button', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Move Down is Enabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
					),
				
			
				)
			);
			
		
			$this->sections[] = array(
				'icon' => 'el-icon-file-edit',
				'title' => __('Typography Setting', KP_THEME_NAME),
				'fields' => array(
					array(
						'id'=>'use-custom-fonts',
						'type' => 'switch',
						'title' => __('Use Custom Fonts?', KP_THEME_NAME), 
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '0' 	
						),	
					array(
						'id'=>'paragraph-font',
						'type' => 'typography',
						'required' => array('use-custom-fonts','=','1'),
						'output' => array('p'),
						'title' => __('Paragraph Font', KP_THEME_NAME),
						'subtitle' => __('Specify the Paragraph <p> font properties.', KP_THEME_NAME),
						'google'=>true,
						'default' => array(
							'color'=>'#555',
							'font-size'=>'18px',
							'line-height'=>'30px',
							'font-family'=>'Open Sans Condensed',
							'font-weight'=>'300',
							),
						),
					array(
						'id'=>'h1-font',
						'type' => 'typography',
						'required' => array('use-custom-fonts','=','1'),
						'output' => array('h1'),
						'title' => __('Head 1 Font', KP_THEME_NAME),
						'subtitle' => __('Specify the Head 1 font properties.', KP_THEME_NAME),
						'google'=>true,
						'default' => array(
							'color'=>'#222222',
							'font-size'=>'34px',
							'line-height'=>'45px',
							'font-family'=>'Open Sans Condensed',
							'font-weight'=>'700',
							),
						),	
					array(
						'id'=>'h2-font',
						'type' => 'typography',
						'required' => array('use-custom-fonts','=','1'),
						'output' => array('h2'),
						'title' => __('Head 2 Font', KP_THEME_NAME),
						'subtitle' => __('Specify the Head 2 font properties.', KP_THEME_NAME),
						'google'=>true,
						'default' => array(
							'color'=>'#222222',
							'font-size'=>'28px',
							'line-height'=>'40px',
							'font-family'=>'Open Sans Condensed',
							'font-weight'=>'700',
							),
						),	
					array(
						'id'=>'h3-font',
						'type' => 'typography',
						'required' => array('use-custom-fonts','=','1'),
						'output' => array('h3'),
						'title' => __('Head 3 Font', KP_THEME_NAME),
						'subtitle' => __('Specify the Head 3 font properties.', KP_THEME_NAME),
						'google'=>true,
						'default' => array(
							'color'=>'#333333',
							'font-size'=>'24px',
							'line-height'=>'35px',
							'font-family'=>'Open Sans Condensed',
							'font-weight'=>'700',
							),
						),	
					array(
						'id'=>'h4-font',
						'type' => 'typography',
						'required' => array('use-custom-fonts','=','1'),
						'output' => array('h4'),
						'title' => __('Head 4 Font', KP_THEME_NAME),
						'subtitle' => __('Specify the Head 4 font properties.', KP_THEME_NAME),
						'google'=>true,
						'default' => array(
							'color'=>'#333333',
							'font-size'=>'20px',
							'line-height'=>'30px',
							'font-family'=>'Open Sans Condensed',
							'font-weight'=>'700',
							),
						),		
					array(
						'id'=>'h5-font',
						'type' => 'typography',
						'required' => array('use-custom-fonts','=','1'),
						'output' => array('h5'),
						'title' => __('Head 5 Font', KP_THEME_NAME),
						'subtitle' => __('Specify the Head 5 font properties.', KP_THEME_NAME),
						'google'=>true,
						'default' => array(
							'color'=>'#444444',
							'font-size'=>'16px',
							'line-height'=>'25px',
							'font-family'=>'Open Sans Condensed',
							'font-weight'=>'700',
							),
						),					
						

				)
			);
			
			
			$this->sections[] = array(
				'icon' => 'el-icon-website-alt',
				'title' => __('Footer Settings', KP_THEME_NAME),
				'fields' => array(
					array(
						'id' => 'functional-footer',
						'type' => 'switch',
						'title' => __('Enable Footer Widgets', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Footer Widgets is Disabled', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '0' 
						),
					array( 
						'id'       => 'footer-background',
						'type'     => 'background',
						'title'    => __('Footer Background', KP_THEME_NAME),
						'subtitle' => __('Body background with image, color, etc.', KP_THEME_NAME),
						'transparent' => false,
						'output'    => array('footer'),
						'default'  => array(
							'background-color' => '#FFF',
						)
					),
					array(
						'id'=>'footer_txt_color',
						'type' => 'color',
						'output' => array('footer h1','footer p','footer .widget .tagcloud a','footer h2'),
						'title' => __('Footer Text Color', KP_THEME_NAME), 
						'subtitle' => __('Default color: #333.', KP_THEME_NAME),
						'default' => '#333',
						'validate' => 'color',
						'transparent' => false,
						),
					array(
						'id'=>'footer_link_color',
						'type' => 'color',
						'output' => array('footer a','footer p a'),
						'title' => __('Footer Link Color', KP_THEME_NAME), 
						'subtitle' => __('Default color: #3498db.', KP_THEME_NAME),
						'default' => '#3498db',
						'validate' => 'color',
						'transparent' => false,
						),	
					array(
                        'id'   => 'footer_message',
                        'type' => 'text',
                        'title'     => __('Footer Thanks Message', KP_THEME_NAME),
						'default' => 'THANKS FOR VISITING US',
						),						
					array(
						'id' => 'use-footer-logo',
						'type' => 'switch',
						'title' => __('Display Logo at Footer', KP_THEME_NAME),
						'desc' => '',
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
					),
					array(
						'id' => 'image-footer-logo',
						'type' => 'switch',
						'required' => array('use-footer-logo','=','1'),
						'title' => __('Use Image for Logo', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default site name will be used.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '0' 
					),
					array(
						'id' => 'footer-logo',
						'type' => 'media',
						'required' => array('image-footer-logo','=','1'),							
						'title' => __('Logo Upload', KP_THEME_NAME),
						'url'      => true,
						'subtitle' => __('Upload your logo', KP_THEME_NAME),
					),
					array(
						'id' => 'enable-footer-copyright',
						'type' => 'switch',
						'title' => __('Enable Copy Rights', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Copy Rights is Enabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
					),
					array(
						'id'=>'footer_copyright',
						'type' => 'text',
						'required' => array('enable-footer-copyright','=','1'),	
						'title' => __('Footer Copyright Text', KP_THEME_NAME), 
						'subtitle' => __('Please enter your copyright text if empty default will be used. e.g. slant All Rights Reserved.', KP_THEME_NAME),
						),
					array(
						'id' => 'use-footer-social',
						'type' => 'switch',
						'title' => __('Display Social at Footer', KP_THEME_NAME),
						'desc' => __('Please check Social icon URLs at Social Netwrok section', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
					),
					array(
						'id'=>'footer_social_bg_style',
						'type' => 'select',
						'required' => array('use-footer-social','=','1'),
						'title' => __('Social Background Style', KP_THEME_NAME), 
						'options' => array('themecolor_bg'=>'Theme Color Background', 'themecolor_border'=>'Theme Color Border', 'nobackground'=>'Without Background'),
						'default' => 'themecolor_bg',
						),
					array(
						'id'=>'footer_social_icon_color',
						'type' => 'color',
						'required' => array('use-footer-social','=','1'),
						'output' => array('footer .social-circle i'),
						'title' => __('Social Icon Color', KP_THEME_NAME), 
						'subtitle' => __('Default color: #FFF.', KP_THEME_NAME),
						'default' => '#FFF',
						'validate' => 'color',
						'transparent' => false,
						),
						
					array(
						'id' => 'footer-facebook',
						'type' => 'switch',
						'required' => array('use-footer-social','=','1'),
						'title' => __('Enable Facebook', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Facebook is Enabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
						),
					array(
						'id' => 'footer-twitter',
						'type' => 'switch',
						'required' => array('use-footer-social','=','1'),
						'title' => __('Enable Twitter', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Twitter is Enabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
						),
					array(
						'id' => 'footer-googleplus',
						'type' => 'switch',
						'required' => array('use-footer-social','=','1'),
						'title' => __('Enable Google Plus', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Google Plus is Enabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
						),
					array(
						'id' => 'footer-linkedin',
						'type' => 'switch',
						'required' => array('use-footer-social','=','1'),
						'title' => __('Enable Linked In', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Linked In is Enabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
						),
					array(
						'id' => 'footer-youtube',
						'type' => 'switch',
						'required' => array('use-footer-social','=','1'),
						'title' => __('Enable Youtube', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('By Default Youtube is Enabled.', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
						),
				

				)
			);
					

			$this->sections[] = array(
				'icon' => 'el-icon-website-alt',
				'title' => __('Blog Settings', KP_THEME_NAME),
				'fields' => array(
					array(
                        'id'        => 'blog_layout_style',
                        'type'      => 'image_select',
                        'title'     => __('Blog Layout Style', KP_THEME_NAME),
                        'subtitle'  => __('Select your Blog Layout', KP_THEME_NAME),
                        
                        //Must provide key => value(array:title|img) pairs for radio options
                        'options'   => array(
                            '1col' => array('title' => '1 Col', 'img' => KP_FRAMEWORK_DIRECTORY.'/options/options/images/1col.png'),
                            '2col' => array('title' => '2 Col', 'img' => KP_FRAMEWORK_DIRECTORY.'/options/options/images/2col.png'),
                        ), 
                        'default'   => '1col'
                    ),
					array(
						'id' => 'enable_fullwidth',
						'type' => 'switch',
						'title' => __('Enable Full Width', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('Remove Sidebar for Blog Archive Page).', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '0' 
					),
					array(
						'id' => 'extra_pagination',
						'type' => 'switch',
						'title' => __('Use Number Pagination', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('Use Number Pagination For Blog Archive Page).', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
					),
					array(
						'id' => 'enable_blog_share',
						'type' => 'switch',
						'title' => __('Enable Post Share', KP_THEME_NAME),
						'desc' => '',
						'subtitle' => __('Enable Share Icons for Blog Single Page).', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
					),
				)
			);
			
			$this->sections[] = array(
				'icon' => 'el-icon-star',
				'title' => __('Social Network', KP_THEME_NAME),
				'desc' => __('', KP_THEME_NAME),
				'fields' => array(
					array(
						'id'=>'facebook-url',
						'type' => 'text',
						'title' => __('Facebook URL', KP_THEME_NAME),
						'subtitle' => __('Please enter your Facebook URL.', KP_THEME_NAME),
						'validate' => 'url',
						'default' => 'https://facebook.com'
						),
					array(
						'id'=>'twitter-url',
						'type' => 'text',
						'title' => __('Twitter URL', KP_THEME_NAME),
						'subtitle' => __('Please enter your Twitter URL.', KP_THEME_NAME),
						'validate' => 'url',
						'default' => 'https://twitter.com'
						),
					array(
						'id'=>'google-plus-url',
						'type' => 'text',
						'title' => __('Google+ URL', KP_THEME_NAME),
						'subtitle' => __('Please enter your Google+ URL.', KP_THEME_NAME),
						'validate' => 'url',
						'default' => 'https://plus.google.com'
						),	
					array(
						'id'=>'linkedin-url',
						'type' => 'text',
						'title' => __('LinkedIn URL', KP_THEME_NAME),
						'subtitle' => __('Please enter your LinkedIn URL.', KP_THEME_NAME),
						'validate' => 'url',
						'default' => 'https://www.linkedin.com/'
						),
					array(
						'id'=>'youtube-url',
						'type' => 'text',
						'title' => __('Youtube URL', KP_THEME_NAME),
						'subtitle' => __('Please enter your Youtube URL.', KP_THEME_NAME),
						'validate' => 'url',
						'default' => 'https://www.youtube.com/'
						),
				
				)
			);
			
			
			$this->sections[] = array(
				'icon' => 'el-icon-website-alt',
				'title' => __('Comming Soon', KP_THEME_NAME),
				'desc' => __('<p class="description">This Section Required a created Page assigned to Comming Soont Template </p>', KP_THEME_NAME),
				'fields' => array(
					array(
						'id' => 'comesoon_logo_img',
						'type' => 'switch',
						'title' => __('Enable Image Logo', KP_THEME_NAME),
						'desc'     => __('By Default Site Name will be used', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '0' 
					),
					array(
						'id'=>'comesoon_logo',
						'type' => 'media',
						'required' => array('comesoon_logo_img','=','1'),
						'compiler'=>true,
						'mode' => false, // Can be set to false to allow any media type, or can also be set to any mime type.
						'title' => __('Comming Soon Logo', KP_THEME_NAME), 
					),
					array(
						'id' => 'enable_comesoon_footer',
						'type' => 'switch',
						'title' => __('Enable Footer', KP_THEME_NAME),
						'desc'     => __('Enabled Comming Soon Footer', KP_THEME_NAME),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
					),
					array(
						'id' => 'enable_comesoon_social',
						'type' => 'switch',
						'title' => __('Enable Social', KP_THEME_NAME),
						'desc'     => __('Enabled Comming Soon Social', KP_THEME_NAME),
						'required' => array('enable_comesoon_footer','=','1'),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
					),
					array(
						'id' => 'enable_comesoon_copyright',
						'type' => 'switch',
						'title' => __('Enable Copy Rights', KP_THEME_NAME),
						'desc'     => __('Enabled Comming Soon Copy Rights', KP_THEME_NAME),
						'required' => array('enable_comesoon_footer','=','1'),
						'on' => 'Enabled',
						'off' => 'Disabled',
						'default' => '1' 
					),

				)
			);

					

			$this->sections[] = array(
				'icon' => 'el-icon-info-sign',
				'title' => __('Theme Information', KP_THEME_NAME),
				'desc' => __('<p class="description">This is the Description. Again HTML is allowed</p>', KP_THEME_NAME),
				'fields' => array(
					array(
						'id'=>'raw_new_info',
						'type' => 'raw',
						'content' => $item_info,
						)
					),   
				);

		   if (file_exists(trailingslashit(dirname(__FILE__)) . 'README.html')) {
                $tabs['docs'] = array(
                    'icon'      => 'el-icon-book',
                    'title'     => __('Documentation', 'redux-framework-demo'),
                    'content'   => nl2br(file_get_contents(trailingslashit(dirname(__FILE__)) . 'README.html'))
                );
            }
        }

        public function setHelpTabs() {

            // Custom page help tabs, displayed using the help API. Tabs are shown in order of definition.
            $this->args['help_tabs'][] = array(
                'id'        => 'redux-help-tab-1',
                'title'     => __('Theme Information 1', 'redux-framework-demo'),
                'content'   => __('<p>This is the tab content, HTML is allowed.</p>', 'redux-framework-demo')
            );

            $this->args['help_tabs'][] = array(
                'id'        => 'redux-help-tab-2',
                'title'     => __('Theme Information 2', 'redux-framework-demo'),
                'content'   => __('<p>This is the tab content, HTML is allowed.</p>', 'redux-framework-demo')
            );

            // Set the help sidebar
            $this->args['help_sidebar'] = __('<p>This is the sidebar content, HTML is allowed.</p>', 'redux-framework-demo');
        }

        /**

          All the possible arguments for Redux.
          For full documentation on arguments, please refer to: https://github.com/ReduxFramework/ReduxFramework/wiki/Arguments

         * */
        public function setArguments() {

            $theme = wp_get_theme(); // For use with some settings. Not necessary.

            $this->args = array(
                // TYPICAL -> Change these values as you need/desire
                'opt_name'          => 'slant_options',            // This is where your data is stored in the database and also becomes your global variable name.
                'display_name'      => $theme->get('Name'),     // Name that appears at the top of your panel
                'display_version'   => $theme->get('Version'),  // Version that appears at the top of your panel
                'menu_type'         => 'menu',                  //Specify if the admin menu should appear or not. Options: menu or submenu (Under appearance only)
                'allow_sub_menu'    => true,                    // Show the sections below the admin menu item or not
                'menu_title'        => __('Theme Options', 'redux-framework-demo'),
                'page_title'        => __('Theme Options', 'redux-framework-demo'),
				                
                // You will need to generate a Google API key to use this feature.
                // Please visit: https://developers.google.com/fonts/docs/developer_api#Auth
                'google_api_key' => '', // Must be defined to add google fonts to the typography module
                
                'async_typography'  => false,                    // Use a asynchronous font on the front end or font string
                'admin_bar'         => true,                    // Show the panel pages on the admin bar
                'global_variable'   => '',                      // Set a different name for your global variable other than the opt_name
                'dev_mode'          => false,                    // Show the time the page took to load, etc
                'customizer'        => true,                    // Enable basic customizer support
                //'open_expanded'     => true,                    // Allow you to start the panel in an expanded way initially.
                //'disable_save_warn' => true,                    // Disable the save warning when a user changes a field

                // OPTIONAL -> Give you extra features
                'page_priority'     => null,                    // Order where the menu appears in the admin area. If there is any conflict, something will not show. Warning.
                'page_parent'       => 'themes.php',            // For a full list of options, visit: http://codex.wordpress.org/Function_Reference/add_submenu_page#Parameters
                'page_permissions'  => 'manage_options',        // Permissions needed to access the options panel.
                'menu_icon'         => '',                      // Specify a custom URL to an icon
                'last_tab'          => '',                      // Force your panel to always open to a specific tab (by id)
                'page_icon'         => 'icon-themes',           // Icon displayed in the admin panel next to your menu_title
                'page_slug'         => '_options',              // Page slug used to denote the panel
                'save_defaults'     => true,                    // On load save the defaults to DB before user clicks save or not
                'default_show'      => false,                   // If true, shows the default value next to each field that is not the default value.
                'default_mark'      => '',                      // What to print by the field's title if the value shown is default. Suggested: *
                'show_import_export' => true,                   // Shows the Import/Export panel when not used as a field.
                
                // CAREFUL -> These options are for advanced use only
                'transient_time'    => 60 * MINUTE_IN_SECONDS,
                'output'            => true,                    // Global shut-off for dynamic CSS output by the framework. Will also disable google fonts output
                'output_tag'        => true,                    // Allows dynamic CSS to be generated for customizer and google fonts, but stops the dynamic CSS from going to the head
                // 'footer_credit'     => '',                   // Disable the footer credit of Redux. Please leave if you can help it.
                
                // FUTURE -> Not in use yet, but reserved or partially implemented. Use at your own risk.
                'database'              => '', // possible: options, theme_mods, theme_mods_expanded, transient. Not fully functional, warning!
                'system_info'           => false, // REMOVE

                // HINTS
                'hints' => array(
                    'icon'          => 'icon-question-sign',
                    'icon_position' => 'right',
                    'icon_color'    => 'lightgray',
                    'icon_size'     => 'normal',
                    'tip_style'     => array(
                        'color'         => 'light',
                        'shadow'        => true,
                        'rounded'       => false,
                        'style'         => '',
                    ),
                    'tip_position'  => array(
                        'my' => 'top left',
                        'at' => 'bottom right',
                    ),
                    'tip_effect'    => array(
                        'show'          => array(
                            'effect'        => 'slide',
                            'duration'      => '500',
                            'event'         => 'mouseover',
                        ),
                        'hide'      => array(
                            'effect'    => 'slide',
                            'duration'  => '500',
                            'event'     => 'click mouseleave',
                        ),
                    ),
                )
            );


            // SOCIAL ICONS -> Setup custom links in the footer for quick links in your panel footer icons.
            $this->args['share_icons'][] = array(
                'url'   => 'https://www.facebook.com/themehousestudio',
                'title' => 'Like us on Facebook',
                'icon'  => 'el-icon-facebook'
            );


            // Panel Intro text -> before the form
            if (!isset($this->args['global_variable']) || $this->args['global_variable'] !== false) {
                if (!empty($this->args['global_variable'])) {
                    $v = $this->args['global_variable'];
                } else {
                    $v = str_replace('-', '_', $this->args['opt_name']);
                }
              //  $this->args['intro_text'] = sprintf(__('<p>Did you know that Redux sets a global variable for you? To access any of your saved options from within your code you can use your global variable: <strong>$%1$s</strong></p>', 'redux-framework-demo'), $v);
            } else {
              //  $this->args['intro_text'] = __('<p>This text is displayed above the options panel. It isn\'t required, but more info is always better! The intro_text field accepts all HTML.</p>', 'redux-framework-demo');
            }

            // Add content after the form.
          //  $this->args['footer_text'] = __('<p>This text is displayed below the options panel. It isn\'t required, but more info is always better! The footer_text field accepts all HTML.</p>', 'redux-framework-demo');
        }

    }
    
    global $reduxConfig;
    $reduxConfig = new Redux_Framework_sample_config();
}

/**
  Custom function for the callback referenced above
 */
if (!function_exists('redux_my_custom_field')):
    function redux_my_custom_field($field, $value) {
        print_r($field);
        echo '<br/>';
        print_r($value);
    }
endif;

/**
  Custom function for the callback validation referenced above
 * */
if (!function_exists('redux_validate_callback_function')):
    function redux_validate_callback_function($field, $value, $existing_value) {
        $error = false;
        $value = 'just testing';

        /*
          do your validation

          if(something) {
            $value = $value;
          } elseif(something else) {
            $error = true;
            $value = $existing_value;
            $field['msg'] = 'your custom error message';
          }
         */

        $return['value'] = $value;
        if ($error == true) {
            $return['error'] = $field;
        }
        return $return;
    }
endif;
