<?php
    /**
     * ReduxFramework Sample Config File
     * For full documentation, please visit: http://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', 'redux-framework-demo' ); ?>"/>
                            </a>
                        <?php endif; ?>
                        <img class="hide-if-customize" src="<?php echo esc_url( $screenshot ); ?>"
                             alt="<?php esc_attr_e( 'Current theme preview', 'redux-framework-demo' ); ?>"/>
                    <?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.', 'redux-framework-demo' ) . '</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(
                    'title' => __('Header', 'redux-framework-demo'),
					'header' => __('Here you can edit all the options related to the header', 'redux-framework-demo'),
					'desc' => __('Modify the logo / favicon / the links to the social networks here'),
					'icon_class' => 'icon-large',
				    'icon' => 'home',
				    // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
					'fields' => array(
						array(
							'id'=>'logo',
							'type' => 'media', 
							'url'=> true,
							'title' => __('Logo image', 'redux-framework-demo'),
							'compiler' => 'true',
							'subtitle' => __('Upload your normal logo here. Recommended size 55 x 30 pixels', 'redux-framework-demo'),
							),
						array(
							'id'=>'logo2x',
							'type' => 'media', 
							'url'=> true,
							'title' => __('Retina Logo image', 'redux-framework-demo'),
							'compiler' => 'true',
							'subtitle' => __('Upload your retina-ready logo here. It should has 2x the size of the original logo, 110 x 60.', 'redux-framework-demo'),
							'desc' => __('The retina logo should be named the same as the original logo image and must have @2x at the end, like logo@2x.png. It must be uploaded at the same time with the original logo so they will be stored in the same folder.', 'redux-framework-demo')
							),
						array(
							'id'=>'logo_text',
							'type' => 'text',
							'title' => __('Logo text', 'redux-framework-demo'),
							'subtitle' => __("If you don't choose an image logo, you can set a text", 'redux-framework-demo'),
							'desc' => __("It will only work if you don't set an image logo.", 'redux-framework-demo'),
							'validate' => 'no_special_chars',
							'default' => ''
							),
						array(
							'id'=>'favicon',
							'type' => 'media', 
							'url'=> true,
							'title' => __('Favicon image', 'redux-framework-demo'),
							'compiler' => 'true',
							'subtitle' => __('The little icon in the top browser bar, size is 57x57.', 'redux-framework-demo'),
							),
						array(
							'id'=>'faviconios',
							'type' => 'media', 
							'url'=> true,
							'title' => __('Favicon image for iPhone and iPad', 'redux-framework-demo'),
							'compiler' => 'true',
							'subtitle' => __("iPhone and iPad require a bigger, 72x72, image for favicon. It's optional.", 'redux-framework-demo'),
							),
						array(
							'id'=>'faviconretina',
							'type' => 'media', 
							'url'=> true,
							'title' => __('Favicon image for retina iPhone and iPad', 'redux-framework-demo'),
							'compiler' => 'true',
							'subtitle' => __("Retina iPhone and iPad require an image with double the original size, 114x114,  for favicon. It's optional.", 'redux-framework-demo'),
							),
						array(
							'id'=>'twitter_url',
							'type' => 'text',
							'title' => __('URL for the twitter icon', 'redux-framework-demo'),
							'subtitle' => __('Put the URL of your twitter page, will show up on the right social dropdown.', 'redux-framework-demo'),
							'validate' => 'url',
							'default' => ''
							),
						array(
							'id'=>'facebook_url',
							'type' => 'text',
							'title' => __('URL for the facebook icon', 'redux-framework-demo'),
							'subtitle' => __('Put the URL of your facebook page, will show up on the right social dropdown.', 'redux-framework-demo'),
							'validate' => 'url',
							'default' => ''
							),
						array(
							'id'=>'gplus_url',
							'type' => 'text',
							'title' => __('URL for the Google+ icon', 'redux-framework-demo'),
							'subtitle' => __('Put the URL of your Google+ page, will show up on the right social dropdown.', 'redux-framework-demo'),
							'validate' => 'url',
							'default' => ''
							),
						array(
							'id'=>'dribbble_url',
							'type' => 'text',
							'title' => __('URL for the dribbble icon', 'redux-framework-demo'),
							'subtitle' => __('Put the URL of your dribbble page, will show up on the right social dropdown.', 'redux-framework-demo'),
							'validate' => 'url',
							'default' => ''
							),
						array(
							'id'=>'youtube_url',
							'type' => 'text',
							'title' => __('URL for the YouTube icon', 'redux-framework-demo'),
							'subtitle' => __('Put the URL of your YouTube page, will show up on the right social dropdown.', 'redux-framework-demo'),
							'validate' => 'url',
							'default' => ''
							),
						array(
							'id'=>'vine_url',
							'type' => 'text',
							'title' => __('URL for the Vine icon', 'redux-framework-demo'),
							'subtitle' => __('Put the URL of your Vine page, will show up on the right social dropdown.', 'redux-framework-demo'),
							'validate' => 'url',
							'default' => ''
							),
						array(
							'id'=>'vimeo_url',
							'type' => 'text',
							'title' => __('URL for the vimeo icon', 'redux-framework-demo'),
							'subtitle' => __('Put the URL of your vimeo page, will show up on the right social dropdown.', 'redux-framework-demo'),
							'validate' => 'url',
							'default' => ''
							),
						array(
							'id'=>'pinterest_url',
							'type' => 'text',
							'title' => __('URL for the pinterest icon', 'redux-framework-demo'),
							'subtitle' => __('Put the URL of your Pinterest page, will show up on the right social dropdown.', 'redux-framework-demo'),
							'validate' => 'url',
							'default' => ''
							),
						array(
							'id'=>'instagram_url',
							'type' => 'text',
							'title' => __('URL for the Instagram icon', 'redux-framework-demo'),
							'subtitle' => __('Put the URL of your Instagram page, will show up on the right social dropdown.', 'redux-framework-demo'),
							'validate' => 'url',
							'default' => ''
							),
						array(
							'id'=>'tumblr_url',
							'type' => 'text',
							'title' => __('URL for the Tumblr icon', 'redux-framework-demo'),
							'subtitle' => __('Put the URL of your Tumblr page, will show up on the right social dropdown.', 'redux-framework-demo'),
							'validate' => 'url',
							'default' => ''
							),
						array(
							'id'=>'flickr_url',
							'type' => 'text',
							'title' => __('URL for the Flickr icon', 'redux-framework-demo'),
							'subtitle' => __('Put the URL of your Flickr page, will show up on the right social dropdown.', 'redux-framework-demo'),
							'validate' => 'url',
							'default' => ''
							),
					),
                );

                $this->sections[] = array(
                    'icon' => 'el-icon-cogs',
				    'title' => __('Post functionality', 'redux-framework-demo'),
					'fields' => array(
						array(
							'id'=>'enable_autoapproval',
							'type' => 'radio',
							'title' => __('Auto-approve posts from front-end submission?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want the posts to be auto-approved, disable it here", 'redux-framework-demo'),
							'desc' => __('all the posts will be auto-approved if you enable it, otherwise they will require moderation.', 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),
						array(
							'id'=>'enable_postdate',
							'type' => 'radio',
							'title' => __('Show post date?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want your users to see the published date, disable it", 'redux-framework-demo'),
							'desc' => __('It will not show the date of the post.', 'redux-framework-demo'),
							'options' => array('1' => 'Yes', '2' => 'No'),
							'default' => '1'
							),
						array(
							'id'=>'enable_postauthor',
							'type' => 'radio',
							'title' => __('Show post author?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want your users to see the post author, disable it", 'redux-framework-demo'),
							'desc' => __('It will not show the author of the post.', 'redux-framework-demo'),
							'options' => array('1' => 'Yes', '2' => 'No'),
							'default' => '1'
							),
						array(
							'id'=>'enable_postcomments',
							'type' => 'radio',
							'title' => __('Show post comments link?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want your users to see the post comments link, disable it", 'redux-framework-demo'),
							'desc' => __('It will not show the comments link of the post.', 'redux-framework-demo'),
							'options' => array('1' => 'Yes', '2' => 'No'),
							'default' => '1'
							),
						array(
							'id'=>'enable_bookmarks',
							'type' => 'radio',
							'title' => __('Enable user bookmarks?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want your users to bookmark the posts, disable it", 'redux-framework-demo'),
							'desc' => __('It will remove the bookmark option from the post menu and the Bookmarked posts option from the left sidebar.', 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),
						array(
							'id'=>'enable_repost',
							'type' => 'radio',
							'title' => __('Enable repost functionality?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want to let your users repost old content easily, disable this option.", 'redux-framework-demo'),
							'desc' => __("It will remove the repost option from the post menu so the users can't easily repost old posts.", 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),
						array(
							'id'=>'enable_fbshare',
							'type' => 'radio',
							'title' => __('Enable share on facebook on each post?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want to let the users share the posts on Facebook directly from your website, disable this. ", 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),
						array(
							'id'=>'enable_twshare',
							'type' => 'radio',
							'title' => __('Enable share on twitter on each post?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want to let the users share the posts on Twitter directly from your website, disable this. ", 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),
						array(
							'id'=>'enable_gplusshare',
							'type' => 'radio',
							'title' => __('Enable share on google+ on each post?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want to let the users share the posts on Google+ directly from your website, disable this. ", 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),
						array(
							'id'=>'enable_linkedinshare',
							'type' => 'radio',
							'title' => __('Enable share on linkedin on each post?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want to let the users share the posts on LinkedIn directly from your website, disable this. ", 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),
						array(
							'id'=>'enable_pinterestshare',
							'type' => 'radio',
							'title' => __('Enable share on pinterest on each post?', 'redux-framework-demo'), 
							'subtitle' => __("Only for image/slider and quote posts that have an image to be pined!. ", 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),
						array(
							'id'=>'enable_emailshare',
							'type' => 'radio',
							'title' => __('Enable share on email on each post?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want to let the users share the posts on email directly from your website, disable this. ", 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),
						array(
							'id'=>'enable_stickyheaderbar',
							'type' => 'radio',
							'title' => __('Enable sticky functionality bar on posts?', 'redux-framework-demo'), 
							'subtitle' => __("It's the bar that has the repost/bookmark functions and the social networks share functionality. ", 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),

					)
                );

                $this->sections[] = array(
                    'icon' => 'el-icon-cogs',
				    'title' => __('General functionality', 'redux-framework-demo'),
					'fields' => array(
						array(
							'id'=>'facebook_apikey',
							'type' => 'text',
							'title' => __('Facebook API Key', 'redux-framework-demo'),
							'subtitle' => __('Used for the facebook comments, you need to set this otherwise the facebook comment will not show up.', 'redux-framework-demo'),
							'default' => ''
							),	
						array(
							'id'=>'default_comments',
							'type' => 'radio',
							'title' => __('Default comments option?', 'redux-framework-demo'), 
							'subtitle' => __("You can choose either the normal or the facebook comments as default. ", 'redux-framework-demo'),
							'desc' => __('Requires the Facebook API key to be set!.', 'redux-framework-demo'),
							'options' => array('1' => 'Normal comments', '2' => 'Facebook comments'),
							'default' => '1'
							),
						array(
							'id'=>'left_sidebar',
							'type' => 'radio',
							'title' => __('Choose left sidebar content', 'redux-framework-demo'), 
							'subtitle' => __("You can choose between the built-in sticky widget on the left with the latest posts in categories + bookmarks and hot posts or you can show widgets from Appearance > Widgets > Left Sidebar", 'redux-framework-demo'),
							'options' => array('1' => 'Built-in sticky widget', '2' => 'Widgets from Appearance > Menus > Left Sidebar'),
							'default' => '1'
							),
						array(
							'id'=>'enable_stickyleftsidebar',
							'type' => 'radio',
							'title' => __('Enable sticky functionality for the left sidebar?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want the left sidebar to be sticky and fixed, disable this. ", 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),
						array(
							'id'=>'enable_frontendpost',
							'type' => 'radio',
							'title' => __('Enable frontend post?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want your visitors to submit anonymous content, disable this option", 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),
						array(
							'id'=>'enable_keyboard',
							'type' => 'radio',
							'title' => __('Enable keyboard control?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want your users to be able to quickly navigate using keyboard shortcuts(R J K V C), disable it here", 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),
						array(
							'id'=>'enable_randombutton',
							'type' => 'radio',
							'title' => __('Enable random button on the right?', 'redux-framework-demo'), 
							'subtitle' => __("If you don't want the sticky random button on right to show up, disable it here. ", 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),
						array(
							'id'=>'jumptop_button',
							'type' => 'radio',
							'title' => __('Enable jump to top button?', 'redux-framework-demo'), 
							'subtitle' => __("By default it shows up when you scroll down a little bit. ", 'redux-framework-demo'),
							'options' => array('1' => 'Enabled', '2' => 'Disabled'),
							'default' => '1'
							),

						array(
							'id'=>'tos_url',
							'type' => 'text',
							'title' => __('Terms of Service URL', 'redux-framework-demo'),
							'subtitle' => __("The TOS url, the TOS link on the register page will link to this page, if set.", 'redux-framework-demo'),
							'validate' => 'url',
							'default' => ''
							),	
						array(
							'id'=>'tracking-code',
							'type' => 'textarea',
							'title' => __('Tracking Code', 'redux-framework-demo'), 
							'subtitle' => __('Paste your Google Analytics (or other) tracking code here. This will be added into the footer template of your theme.', 'redux-framework-demo'),
							),
					)
                );

                $this->sections[] = array(
                    'title' => __('Ads section', 'redux-framework-demo'),
					'header' => __('Edit all the ads on the website(if applicable)', 'redux-framework-demo'),
					'desc' => __('Manage ads on the website'),
					'icon_class' => 'icon-large',
				    'icon' => 'th-large',
				    // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
					'fields' => array(
						array(
							'id'=>'ad1',
							'type' => 'textarea',
							'title' => __('Header 728 x 90 ad', 'redux-framework-demo'),
							'subtitle' => __("Use HTML code. Leave empty if not used", 'redux-framework-demo'),
							'desc' => __("Shows up below the header area, above the content and the right sidebar.", 'redux-framework-demo'),
							'default' => ''
							),
						array(
							'id'=>'ad2',
							'type' => 'textarea',
							'title' => __('Header below content area 468 x 60', 'redux-framework-demo'),
							'subtitle' => __("Use HTML code. Leave empty if not used", 'redux-framework-demo'),
							'desc' => __("Shows up below the content area, near the sidebars.", 'redux-framework-demo'),
							'default' => ''
							),
						array(
							'id'=>'ad3',
							'type' => 'textarea',
							'title' => __('Single post before comments section, 468 x 60', 'redux-framework-demo'),
							'subtitle' => __("Use HTML code. Leave empty if not used", 'redux-framework-demo'),
							'desc' => __("Shows up on single posts, before the comments section.", 'redux-framework-demo'),
							'default' => ''
							),
						array(
							'id'=>'ad4',
							'type' => 'textarea',
							'title' => __('468 x 60 between the posts ad', 'redux-framework-demo'),
							'subtitle' => __("Use HTML code. Leave empty if not used", 'redux-framework-demo'),
							'desc' => __("Shows up after the second post, on all the pages showing multiple posts.", 'redux-framework-demo'),
							'default' => ''
							),
					),
                );

                $this->sections[] = array(
                    'icon' => 'fontsize',
					'icon_class' => 'icon-large',
					'title' => __('Styling Options', 'redux-framework-demo'),
					'fields' => array(
						array(
							'id'=>'css-code',
							'type' => 'ace_editor',
							'title' => __('CSS Code', 'redux-framework-demo'), 
							'subtitle' => __('Paste your custom CSS code here.', 'redux-framework-demo'),
							'mode' => 'css',
				            'theme' => 'monokai',
				            'default' => ""
							),
						array(
							'id'=>'enable_customization',
							'type' => 'button_set',
							'title' => __('Enable the custom color scheme?', 'redux-framework-demo'), 
							'subtitle' => __('If you want to modify the color scheme, enable this', 'redux-framework-demo'),
							'options' => array('1' => 'Enabled','2' => 'Disabled'),//Must provide key => value pairs for radio options
							'default' => '2'
							),
						array(
							'id'=>'color_scheme',
							'type' => 'color',
							'title' => __('Theme color scheme', 'redux-framework-demo'), 
							'subtitle' => __('Pick an overall color scheme for the theme.', 'redux-framework-demo'),
							'default' => '#7F46DD',
							'validate' => 'color',
							),
						array(
							'id'=>'font_family',
							'type' => 'typography', 
							'title' => __('Global font', 'redux-framework-demo'),
							'google'=>true, // Disable google fonts. Won't work if you haven't defined your google api key
							'font-backup'=>true, // Select a backup non-google font in addition to a google font
							'font-style'=>false, // Includes font-style and weight. Can use font-style or font-weight to declare
							'subsets'=>true, // Only appears if google is true and subsets not set to false
							'font-size'=>false,
							//'line-height'=>false,
							//'word-spacing'=>true, // Defaults to false
							//'letter-spacing'=>true, // Defaults to false
							'preview'=>true, // Disable the previewer
							'output' => array('.main-post h1', '.main-post .quote-wrap .quote', '.main-post .slider-controls-wrap h1', '.widget .joker .name', '.headline-article h2', '.rss-subscribe p', '.rss-subscribe .form-control', '.post-list article h3', '.sidebar-menu .menu-group ul li a', 'footer .footer-widget p', '.profile-wrap .text .user-name', '.category-wrap h2', '.category-wrap h3', '.category-wrap .text .user-name', '.input-group .input-group-addon', '.input-group .form-control', '.user-cover-edit .text .user-name', '.custom-checkbox.custom-checkbox-vertical p', '.popover', '.modal-body .post-window .window-left .form-control', '.single-navigation a, .tab-content a', '.article-infos .comments-wrap div.comment .comment-text h3', '.article-infos .comments-wrap div.comment .comment-text .message', '.comments-form textarea.form-control', '.categories-accordion .panel-default > .panel-heading + .panel-collapse .panel-body ul li a', '.videos-widget .article.big-article .text h2', '.videos-widget .article.small-article .text h2', '.sidebar-menu .side-article h2', '.modal-body .post-window aside .tags-wrap h3', '.modal-body .post-window aside div.tagsinput span.tag', '.modal-body .post-window aside div.tagsinput input', '#respond', '.keyboard_lettertext', '.keyboard_bottomtitle', '.keyboard_bottomtext', '.nsfw .nsfw_text', '.nsfw .nsfw_textreveal', '.error404 .main-wrap h3', '.right-sidebar, .left-widgets', '.logo_text'), // An array of CSS selectors to apply this font style to dynamically
							'units'=>'px', // Defaults to px
							'subtitle'=> __('The global font used throughout the theme.', 'redux-framework-demo'),
							'default'=> array(
								'font-family'=>'Nunito',
							),	
						),
						array(
							'id'=>'secondary_font',
							'type' => 'typography', 
							'title' => __('Secondary font', 'redux-framework-demo'),
							'google'=>true, // Disable google fonts. Won't work if you haven't defined your google api key
							'font-backup'=>true, // Select a backup non-google font in addition to a google font
							'font-style'=>false, // Includes font-style and weight. Can use font-style or font-weight to declare
							'subsets' => true, // Only appears if google is true and subsets not set to false
							'font-size' => false,
							//'line-height'=>false,
							//'word-spacing'=>true, // Defaults to false
							//'letter-spacing'=>true, // Defaults to false
							'preview'=>true, // Disable the previewer
							'output' => array('body', '.custom-button.btn-primary', '.custom-button.btn-info', 'header .right-container .user-box .name', 'header .right-container .user-box .drop-down .counters-line .half .counter', 'header .right-container .user-box .drop-down .counters-line .half .desc', 'header .navbar-default .navbar-nav > li > a', 'header .navbar-nav > li > .sub-menu li > ul > li > a', 'header .sub-menu > li > a', '.top-ten .activator .left .small', '.top-ten .activator .right', '.main-nav ', '.main-wrap > h1', '.main-post .quote-wrap h2', '.main-post .slider-controls-wrap h2', '.main-post .slider-controls-wrap .controls', '.main-post .buttons-bar .buttons .count', '.widget h2', '.widget .joker .likes', '.headline-article h1', '.headline-article .date', '.headline-article .comments', '.post-list article .date', '.sidebar-menu .top-menu .inception-menu .sub-navigation a', '.sidebar-menu .top-menu .section-title a', '.sidebar-menu .menu-group h2', 'footer .footer-widget h2', '.corner-tag', '.tooltip', '.profile-wrap .text .counters', '.profile-wrap .counter-item', '.profile-wrap .page-name', '.category-wrap .text h4', '.category-wrap .text .counters', '.category-wrap .total-posts', '.category-wrap .total-posts-description', '.user-cover-edit .text .counters', '.user-cover-edit .counter-item', '.user-cover-edit .page-name', '.custom-checkbox label', '.modal-body .modal-top-wrap .append', '.modal-body .modal-bottom-menu .half .btn-link', '.modal-body .post-window .window-left .upload-wrap .fileinput-button', '.category-combobox .selectboxit-container .selectboxit-btn .selectboxit-text', '.category-combobox .selectboxit-container .selectboxit-list', '.category-combobox .selectboxit-container .selectboxit-list a', '.selectboxit-container .selectboxit-btn .selectboxit-text', '.selectboxit-container .selectboxit-list', '.selectboxit-container .selectboxit-list a', '.article-infos h2, .article-infos h3#reply-title', '.article-infos .tags ul li a', '.article-infos .comments-counter .text strong', '.article-infos .comments-wrap div.comment .comment-text .counter', '.article-infos .nav-tabs a', '.categories-accordion .panel-default > .panel-heading h4', '.videos-widget .article.big-article figure .play-button .button-text', '.videos-widget .article.big-article .text .date', '.videos-widget .article.small-article figure .play-button .button-text', '.videos-widget .article.small-article .text .date', '.modal-body .post-window .window-left .slider-numbers ul li a', '.custom-button.btn-success', '.keyboard_letter', '.error404 .main-wrap span', 'header .navbar-nav > li > .sub-menu li > ul > li > a'), // An array of CSS selectors to apply this font style to dynamically
							'units'=>'px', // Defaults to px
							'subtitle'=> __('The secondary font used throughout the theme.', 'redux-framework-demo'),
							'default'=> array(
								'font-family'=>'Dosis',
							),	
						)
					)
                );

                $theme_info = '<div class="redux-framework-section-desc">';
                $theme_info .= '<p class="redux-framework-theme-data description theme-uri">' . __( '<strong>Theme URL:</strong> ', 'redux-framework-demo' ) . '<a href="' . $this->theme->get( 'ThemeURI' ) . '" target="_blank">' . $this->theme->get( 'ThemeURI' ) . '</a></p>';
                $theme_info .= '<p class="redux-framework-theme-data description theme-author">' . __( '<strong>Author:</strong> ', 'redux-framework-demo' ) . $this->theme->get( 'Author' ) . '</p>';
                $theme_info .= '<p class="redux-framework-theme-data description theme-version">' . __( '<strong>Version:</strong> ', 'redux-framework-demo' ) . $this->theme->get( 'Version' ) . '</p>';
                $theme_info .= '<p class="redux-framework-theme-data description theme-description">' . $this->theme->get( 'Description' ) . '</p>';
                $tabs = $this->theme->get( 'Tags' );
                if ( ! empty( $tabs ) ) {
                    $theme_info .= '<p class="redux-framework-theme-data description theme-tags">' . __( '<strong>Tags:</strong> ', 'redux-framework-demo' ) . implode( ', ', $tabs ) . '</p>';
                }
                $theme_info .= '</div>';

                if ( file_exists( dirname( __FILE__ ) . '/../README.md' ) ) {
                    $this->sections['theme_docs'] = array(
                        'icon'   => 'el-icon-list-alt',
                        'title'  => __( 'Documentation', 'redux-framework-demo' ),
                        'fields' => array(
                            array(
                                'id'       => '17',
                                'type'     => 'raw',
                                'markdown' => true,
                                'content'  => file_get_contents( dirname( __FILE__ ) . '/../README.md' )
                            ),
                        ),
                    );
                }

                $this->sections[] = array(
                    'icon'            => 'el-icon-list-alt',
                    'title'           => __( 'Customizer Only', 'redux-framework-demo' ),
                    'desc'            => __( '<p class="description">This Section should be visible only in Customizer</p>', 'redux-framework-demo' ),
                    'customizer_only' => true,
                    'fields'          => array(
                        array(
                            'id'              => 'opt-customizer-only',
                            'type'            => 'select',
                            'title'           => __( 'Customizer Only Option', 'redux-framework-demo' ),
                            'subtitle'        => __( 'The subtitle is NOT visible in customizer', 'redux-framework-demo' ),
                            'desc'            => __( 'The field desc is NOT visible in customizer.', 'redux-framework-demo' ),
                            'customizer_only' => true,
                            //Must provide key => value pairs for select options
                            'options'         => array(
                                '1' => 'Opt 1',
                                '2' => 'Opt 2',
                                '3' => 'Opt 3'
                            ),
                            'default'         => '2'
                        ),
                    )
                );

                $this->sections[] = array(
                    'title'  => __( 'Import / Export', 'redux-framework-demo' ),
                    'desc'   => __( 'Import and Export your Redux Framework settings from file, text or URL.', 'redux-framework-demo' ),
                    'icon'   => 'el-icon-refresh',
                    'fields' => array(
                        array(
                            'id'         => 'opt-import-export',
                            'type'       => 'import_export',
                            'title'      => 'Import Export',
                            'subtitle'   => 'Save and restore your Redux options',
                            'full_width' => false,
                        ),
                    ),
                );

                $this->sections[] = array(
                    'type' => 'divide',
                );

                $this->sections[] = array(
                    'icon'   => 'el-icon-info-sign',
                    'title'  => __( 'Theme Information', 'redux-framework-demo' ),
                    'desc'   => __( '<p class="description">This is the Description. Again HTML is allowed</p>', 'redux-framework-demo' ),
                    'fields' => array(
                        array(
                            'id'      => 'opt-raw-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'             => 'redux_demo',
                    // 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'           => __( 'Aruna Options', 'redux-framework-demo' ),
                    'page_title'           => __( 'Aruna 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'       => 'AIzaSyAX_2L_UzCDPEnAHTG7zhESRVpMPS4ssII',
                    // Set it you want google fonts to update weekly. A google_api_key value is required.
                    'google_update_weekly' => false,
                    // Must be defined to add google fonts to the typography module
                    'async_typography'     => true,
                    // Use a asynchronous font on the front end or font string
                    //'disable_google_fonts_link' => true,                    // Disable this in case you want to create your own google fonts loader
                    'admin_bar'            => true,
                    // Show the panel pages on the admin bar
                    'admin_bar_icon'     => 'dashicons-portfolio',
                    // Choose an icon for the admin bar menu
                    'admin_bar_priority' => 50,
                    // Choose an priority for the admin bar menu
                    '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
                    'update_notice'        => true,
                    // If dev_mode is enabled, will notify developer of updated versions available in the GitHub Repo
                    '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://facebook.com/teothemes',
                    'title' => 'Like us on Facebook',
                    'icon'  => 'el-icon-facebook'
                );
                $this->args['share_icons'][] = array(
                    'url'   => 'http://twitter.com/teothemes',
                    'title' => 'Follow us on Twitter',
                    'icon'  => 'el-icon-twitter'
                );
                $this->args['share_icons'][] = array(
                    'url'   => 'https://www.linkedin.com/in/cristimacovei/',
                    'title' => 'Find me on LinkedIn',
                    'icon'  => 'el-icon-linkedin'
                );

                // 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' );
            }

            public function validate_callback_function( $field, $value, $existing_value ) {
                $error = true;
                $value = 'just testing';

                /*
              do your validation

              if(something) {
                $value = $value;
              } elseif(something else) {
                $error = true;
                $value = $existing_value;
                
              }
             */

                $return['value'] = $value;
                $field['msg']    = 'your custom error message';
                if ( $error == true ) {
                    $return['error'] = $field;
                }

                return $return;
            }

            public function class_field_callback( $field, $value ) {
                print_r( $field );
                echo '<br/>CLASS CALLBACK';
                print_r( $value );
            }

        }

        global $reduxConfig;
        $reduxConfig = new Redux_Framework_sample_config();
    } else {
        echo "The class named Redux_Framework_sample_config has already been called. <strong>Developers, you need to prefix this class with your company name or you'll run into problems!</strong>";
    }

    /**
     * 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 = true;
            $value = 'just testing';

            /*
          do your validation

          if(something) {
            $value = $value;
          } elseif(something else) {
            $error = true;
            $value = $existing_value;
            
          }
         */

            $return['value'] = $value;
            $field['msg']    = 'your custom error message';
            if ( $error == true ) {
                $return['error'] = $field;
            }

            return $return;
        }
    endif;



