<?php

namespace ThemeAtelier\EventfulForElementor\Frontend\Helpers;

if (! defined('ABSPATH')) {
	exit; // Exit if accessed directly.
}
/**
 * The weDevs Settings API wrapper class modified for EFE Elementor addons.
 *
 * @package EFE Elementor Addons
 */

if (! class_exists('EventfulForElementorSettingsAPI')) :
	/**
	 * The Settings API Class.
	 */
	class EventfulForElementorSettingsAPI
	{

		/**
		 * Settings sections array.
		 *
		 * @var array
		 */
		protected $settings_sections = array();

		/**
		 * Settings fields array.
		 *
		 * @var array
		 */
		protected $settings_fields = array();

		/**
		 * Class Constructor.
		 */
		public function __construct()
		{
			add_action('admin_enqueue_scripts', array($this, 'admin_enqueue_scripts'));
		}

		/**
		 * Enqueue scripts and styles.
		 */
		public function admin_enqueue_scripts()
		{
			wp_enqueue_style('wp-color-picker');
			wp_enqueue_media();
			wp_enqueue_script('wp-color-picker');
			wp_enqueue_script('jquery');
		}

		/**
		 * Set settings sections
		 *
		 * @param array $sections setting sections array.
		 */
		public function set_sections($sections)
		{
			$this->settings_sections = $sections;

			return $this;
		}

		/**
		 * Add a single section
		 *
		 * @param array $section The settings section.
		 */
		public function add_section($section)
		{
			$this->settings_sections[] = $section;

			return $this;
		}

		/**
		 * Set settings fields.
		 *
		 * @param array $fields settings fields array.
		 */
		public function set_fields($fields)
		{
			$this->settings_fields = $fields;

			return $this;
		}

		/**
		 * Add settings field.
		 *
		 * @param [type] $section The settings section.
		 * @param [type] $field The settings field.
		 * @return array
		 */
		public function add_field($section, $field)
		{
			$defaults = array(
				'name'  => '',
				'label' => '',
				'desc'  => '',
				'type'  => 'text',
			);

			$arg                                 = wp_parse_args($field, $defaults);
			$this->settings_fields[$section][] = $arg;

			return $this;
		}

		/**
		 * Initialize and registers the settings sections and fileds to WordPress
		 *
		 * Usually this should be called at `admin_init` hook.
		 *
		 * This function gets the initiated settings sections and fields. Then
		 * registers them to WordPress and ready for use.
		 */
		public function admin_init()
		{
			// register settings sections.
			foreach ($this->settings_sections as $section) {
				if (false === get_option($section['id'])) {
					add_option($section['id']);
				}

				if (isset($section['desc']) && ! empty($section['desc'])) {
					$section['desc'] = '<div class="inside">' . $section['desc'] . '</div>';
					$callback        = function () use ($section) {
						echo wp_kses_post(str_replace('"', '\"', $section['desc']));
					};
				} elseif (isset($section['callback'])) {
					$callback = $section['callback'];
				} else {
					$callback = null;
				}

				add_settings_section($section['id'], $section['title'], $callback, $section['id']);
			}

			// register settings fields.
			foreach ($this->settings_fields as $section => $field) {
				foreach ($field as $option) {

					$name     = $option['name'];
					$type     = isset($option['type']) ? $option['type'] : 'text';
					$label    = isset($option['label']) ? $option['label'] : '';
					$callback = isset($option['callback']) ? $option['callback'] : array($this, 'callback_' . $type);

					$args = array(
						'id'                => $name,
						'class'             => isset($option['class']) ? $option['class'] : $name,
						'label_for'         => "{$section}[{$name}]",
						'desc'              => isset($option['desc']) ? $option['desc'] : '',
						'name'              => $label,
						'section'           => $section,
						'size'              => isset($option['size']) ? $option['size'] : null,
						'options'           => isset($option['options']) ? $option['options'] : '',
						'std'               => isset($option['default']) ? $option['default'] : '',
						'sanitize_callback' => isset($option['sanitize_callback']) ? $option['sanitize_callback'] : '',
						'type'              => $type,
						'placeholder'       => isset($option['placeholder']) ? $option['placeholder'] : '',
						'min'               => isset($option['min']) ? $option['min'] : '',
						'max'               => isset($option['max']) ? $option['max'] : '',
						'step'              => isset($option['step']) ? $option['step'] : '',
						'icon'              => isset($option['icon']) ? $option['icon'] : '',
					);

					add_settings_field("{$section}[{$name}]", $label, $callback, $section, $section, $args);
				}
			}

			// creates our settings in the options table.
			foreach ($this->settings_sections as $section) {
				register_setting($section['id'], $section['id'], array($this, 'sanitize_options'));
			}
		}

		/**
		 * Get field description for display
		 *
		 * @param array $args settings field args.
		 */
		public function get_field_description($args)
		{
			if (! empty($args['desc'])) {
				$desc = sprintf('<p class="description">%s</p>', $args['desc']);
			} else {
				$desc = '';
			}

			return $desc;
		}

		/**
		 * Displays a text field for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_text($args)
		{
			$value       = esc_attr($this->get_option($args['id'], $args['section'], $args['std']));
			$size        = isset($args['size']) && ! is_null($args['size']) ? $args['size'] : 'regular';
			$type        = isset($args['type']) ? $args['type'] : 'text';
			$placeholder = empty($args['placeholder']) ? '' : ' placeholder="' . $args['placeholder'] . '"';

			$html  = sprintf('<input type="%1$s" class="%2$s-text" id="%3$s[%4$s]" name="%3$s[%4$s]" value="%5$s"%6$s/>', $type, $size, $args['section'], $args['id'], $value, $placeholder);
			$html .= $this->get_field_description($args);

			// echo $html;
		}

		/**
		 * Displays a url field for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_url($args)
		{
			$this->callback_text($args);
		}

		/**
		 * Displays a number field for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_number($args)
		{
			$value       = esc_attr($this->get_option($args['id'], $args['section'], $args['std']));
			$size        = isset($args['size']) && ! is_null($args['size']) ? $args['size'] : 'regular';
			$type        = isset($args['type']) ? $args['type'] : 'number';
			$placeholder = empty($args['placeholder']) ? '' : ' placeholder="' . $args['placeholder'] . '"';
			$min         = ('' === $args['min']) ? '' : ' min="' . $args['min'] . '"';
			$max         = ('' === $args['max']) ? '' : ' max="' . $args['max'] . '"';
			$step        = ('' === $args['step']) ? '' : ' step="' . $args['step'] . '"';

			$html  = sprintf('<input type="%1$s" class="%2$s-number" id="%3$s[%4$s]" name="%3$s[%4$s]" value="%5$s"%6$s%7$s%8$s%9$s/>', $type, $size, $args['section'], $args['id'], $value, $placeholder, $min, $max, $step);
			$html .= $this->get_field_description($args);

			echo $html;
		}

		/**
		 * Displays a checkbox for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_checkbox($args)
		{

			$value = esc_attr($this->get_option($args['id'], $args['section'], $args['std']));

			$html  = '<fieldset>';
			$html .= sprintf('<label for="wpuf-%1$s[%2$s]">', $args['section'], $args['id']);
			$html .= sprintf('<input type="hidden" name="%1$s[%2$s]" value="off" />', $args['section'], $args['id']);
			$html .= sprintf('<input type="checkbox" class="checkbox" id="wpuf-%1$s[%2$s]" name="%1$s[%2$s]" value="on" %3$s />', $args['section'], $args['id'], checked($value, 'on', false));
			$html .= sprintf('%1$s</label>', $args['desc']);
			$html .= '</fieldset>';

			echo $html;
		}

		/**
		 * Displays a toggle for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_toggle($args)
		{

			$value = esc_attr($this->get_option($args['id'], $args['section'], $args['std']));

			$html  = '<fieldset>';
			$html .= sprintf('<label class="toggle-btn' . esc_attr('on' === $value ? ' active' : '') . '" for="wpuf-%1$s[%2$s]">', $args['section'], $args['id']);
			$html .= sprintf('<input type="hidden" name="%1$s[%2$s]" value="off" />', $args['section'], $args['id']);
			$html .= sprintf('<input type="checkbox" class="checkbox cb-value" id="wpuf-%1$s[%2$s]" name="%1$s[%2$s]" value="on" %3$s />', $args['section'], $args['id'], checked($value, 'on', false));
			$html .= '<span class="round-btn"></span>';
			$html .= '</label>';
			$html .= '</fieldset>';

			echo $html;
		}

		/**
		 * Displays a toggle for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_premium($args)
		{

			$value = esc_attr($this->get_option($args['id'], $args['section'], $args['std']));

			$html  = '<fieldset>';
			$html .= sprintf('<label class="toggle-btn' . esc_attr($value === 'on' ? ' active' : '') . '" for="wpuf-%1$s[%2$s]">', $args['section'], $args['id']);
			$html .= sprintf('<input type="hidden" name="%1$s[%2$s]" value="off" />', $args['section'], $args['id']);
			$html .= sprintf('<input type="checkbox" class="checkbox cb-value" id="wpuf-%1$s[%2$s]" name="%1$s[%2$s]" value="on" %3$s />', $args['section'], $args['id'], checked($value, 'on', false));
			$html .= '<span class="round-btn"></span>';
			$html .= '</label>';
			$html .= '</fieldset>';

			echo $html;
		}

		/**
		 * Displays a toggle for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_section_title($args)
		{

			$html  = '<fieldset class="efe-ea-section-title-area">';
			$html .= '<h2 class="efe-ea-section-title">';
			$html .= esc_html($args['name']);
			$html .= '</h2>';

			if (array_key_exists('desc', $args)) {
				if ($args['desc']) {
					$html .= sprintf('<p class="about-text">%1$s</p>', $args['desc']);
				}
			}

			$html .= '</fieldset>';

			echo $html;
		}

		/**
		 * Displays a multicheckbox for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_multicheck($args)
		{

			$value = $this->get_option($args['id'], $args['section'], $args['std']);
			$html  = '<fieldset>';
			$html .= sprintf('<input type="hidden" name="%1$s[%2$s]" value="" />', $args['section'], $args['id']);
			foreach ($args['options'] as $key => $label) {
				$checked = isset($value[$key]) ? $value[$key] : '0';
				$html   .= sprintf('<label for="wpuf-%1$s[%2$s][%3$s]">', $args['section'], $args['id'], $key);
				$html   .= sprintf('<input type="checkbox" class="checkbox" id="wpuf-%1$s[%2$s][%3$s]" name="%1$s[%2$s][%3$s]" value="%3$s" %4$s />', $args['section'], $args['id'], $key, checked($checked, $key, false));
				$html   .= sprintf('%1$s</label><br>', $label);
			}

			$html .= $this->get_field_description($args);
			$html .= '</fieldset>';

			echo $html;
		}

		/**
		 * Displays a radio button for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_radio($args)
		{

			$value = $this->get_option($args['id'], $args['section'], $args['std']);
			$html  = '<fieldset>';

			foreach ($args['options'] as $key => $label) {
				$html .= sprintf('<label for="wpuf-%1$s[%2$s][%3$s]">', $args['section'], $args['id'], $key);
				$html .= sprintf('<input type="radio" class="radio" id="wpuf-%1$s[%2$s][%3$s]" name="%1$s[%2$s]" value="%3$s" %4$s />', $args['section'], $args['id'], $key, checked($value, $key, false));
				$html .= sprintf('%1$s</label><br>', $label);
			}

			$html .= $this->get_field_description($args);
			$html .= '</fieldset>';

			echo $html;
		}

		/**
		 * Displays a selectbox for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_select($args)
		{

			$value = esc_attr($this->get_option($args['id'], $args['section'], $args['std']));
			$size  = isset($args['size']) && ! is_null($args['size']) ? $args['size'] : 'regular';
			$html  = sprintf('<select class="%1$s" name="%2$s[%3$s]" id="%2$s[%3$s]">', $size, $args['section'], $args['id']);

			foreach ($args['options'] as $key => $label) {
				$html .= sprintf('<option value="%s"%s>%s</option>', $key, selected($value, $key, false), $label);
			}

			$html .= sprintf('</select>');
			$html .= $this->get_field_description($args);

			echo $html;
		}

		/**
		 * Displays a textarea for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_textarea($args)
		{

			$value       = esc_textarea($this->get_option($args['id'], $args['section'], $args['std']));
			$size        = isset($args['size']) && ! is_null($args['size']) ? $args['size'] : 'regular';
			$placeholder = empty($args['placeholder']) ? '' : ' placeholder="' . $args['placeholder'] . '"';

			$html  = sprintf('<textarea rows="5" cols="55" class="%1$s-text" id="%2$s[%3$s]" name="%2$s[%3$s]"%4$s>%5$s</textarea>', $size, $args['section'], $args['id'], $placeholder, $value);
			$html .= $this->get_field_description($args);

			echo $html;
		}

		/**
		 * Displays the html for a settings field.
		 *
		 * @param [type] $args Settings field args.
		 * @return void
		 */
		public function callback_html($args)
		{
			echo wp_kses_post($this->get_field_description($args));
		}

		/**
		 * Displays a rich text textarea for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_wysiwyg($args)
		{

			$value = $this->get_option($args['id'], $args['section'], $args['std']);
			$size  = isset($args['size']) && ! is_null($args['size']) ? $args['size'] : '500px';

			echo '<div style="max-width: ' . esc_html($size) . ';">';

			$editor_settings = array(
				'teeny'         => true,
				'textarea_name' => $args['section'] . '[' . $args['id'] . ']',
				'textarea_rows' => 10,
			);

			if (isset($args['options']) && is_array($args['options'])) {
				$editor_settings = array_merge($editor_settings, $args['options']);
			}

			wp_editor($value, $args['section'] . '-' . $args['id'], $editor_settings);

			echo '</div>';

			echo esc_html($this->get_field_description($args));
		}

		/**
		 * Displays a file upload field for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_file($args)
		{

			$value = esc_attr($this->get_option($args['id'], $args['section'], $args['std']));
			$size  = isset($args['size']) && ! is_null($args['size']) ? $args['size'] : 'regular';
			$id    = $args['section'] . '[' . $args['id'] . ']';
			$label = isset($args['options']['button_label']) ? $args['options']['button_label'] : esc_html__('Choose File', 'eventful-for-elementor');

			$html  = sprintf('<input type="text" class="%1$s-text wpsa-url" id="%2$s[%3$s]" name="%2$s[%3$s]" value="%4$s"/>', $size, $args['section'], $args['id'], $value);
			$html .= '<input type="button" class="button wpsa-browse" value="' . $label . '" />';
			$html .= $this->get_field_description($args);

			echo $html;
		}

		/**
		 * Displays a password field for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_password($args)
		{

			$value = esc_attr($this->get_option($args['id'], $args['section'], $args['std']));
			$size  = isset($args['size']) && ! is_null($args['size']) ? $args['size'] : 'regular';

			$html  = sprintf('<input type="password" class="%1$s-text" id="%2$s[%3$s]" name="%2$s[%3$s]" value="%4$s"/>', $size, $args['section'], $args['id'], $value);
			$html .= $this->get_field_description($args);

			echo $html;
		}

		/**
		 * Displays a color picker field for a settings field
		 *
		 * @param array $args settings field args.
		 */
		public function callback_color($args)
		{

			$value = esc_attr($this->get_option($args['id'], $args['section'], $args['std']));
			$size  = isset($args['size']) && ! is_null($args['size']) ? $args['size'] : 'regular';

			$html  = sprintf('<input type="text" class="%1$s-text wp-color-picker-field" id="%2$s[%3$s]" name="%2$s[%3$s]" value="%4$s" data-default-color="%5$s" />', $size, $args['section'], $args['id'], $value, $args['std']);
			$html .= $this->get_field_description($args);

			echo $html;
		}

		/**
		 * Displays a select box for creating the pages select box.
		 *
		 * @param array $args Settings field args.
		 */
		public function callback_pages($args)
		{

			$dropdown_args = array(
				'selected' => esc_attr($this->get_option($args['id'], $args['section'], $args['std'])),
				'name'     => $args['section'] . '[' . $args['id'] . ']',
				'id'       => $args['section'] . '[' . $args['id'] . ']',
				'echo'     => 0,
			);
			$html          = wp_dropdown_pages($dropdown_args);
			echo $html;
		}

		/**
		 * Sanitize callback for Settings API.
		 *
		 * @param [type] $options The settings options.
		 * @return array
		 */
		public function sanitize_options($options)
		{

			if (! $options) {
				return $options;
			}

			foreach ($options as $option_slug => $option_value) {
				$sanitize_callback = $this->get_sanitize_callback($option_slug);

				// If callback is set, call it.
				if ($sanitize_callback) {
					$options[$option_slug] = call_user_func($sanitize_callback, $option_value);
					continue;
				}
			}

			return $options;
		}

		/**
		 * Get sanitization callback for given option slug.
		 *
		 * @param string $slug Option slug.
		 *
		 * @return mixed String or bool false.
		 */
		public function get_sanitize_callback($slug = '')
		{
			if (empty($slug)) {
				return false;
			}

			// Iterate over registered fields and see if we can find proper callback.
			foreach ($this->settings_fields as $section => $options) {
				foreach ($options as $option) {
					if ($option['name'] !== $slug) {
						continue;
					}

					// Return the callback name.
					return isset($option['sanitize_callback']) && is_callable($option['sanitize_callback']) ? $option['sanitize_callback'] : false;
				}
			}

			return false;
		}

		/**
		 * Get the value of a settings field.
		 *
		 * @param string $option Settings field name.
		 * @param string $section The section name this field belongs to.
		 * @param string $default_value Default text if it's not found.
		 * @return string
		 */
		public function get_option($option, $section, $default_value = '')
		{

			$options = get_option($section);

			if (isset($options[$option])) {
				return $options[$option];
			}

			return $default_value;
		}

		/**
		 * Show navigations as tab
		 *
		 * Shows all the settings section labels as tab
		 */
		public function show_navigation()
		{
			$html = '<div class="nav-tab-wrapper">';

			$count = count($this->settings_sections);

			// don't show the navigation if only one section exists.
			if (1 === $count) {
				return;
			}

			foreach ($this->settings_sections as $tab) {

				if (array_key_exists('icon', $tab)) {
					$html .= sprintf('<a href="#%1$s" class="nav-tab" id="%1$s-tab"><i class="%3$s"></i>%2$s</a>', $tab['id'], $tab['title'], $tab['icon']);
				} else {
					$html .= sprintf('<a href="#%1$s" class="nav-tab" id="%1$s-tab">%2$s</a>', $tab['id'], $tab['title']);
				}
			}

			$html .= '</div>';

			echo wp_kses_post($html);
		}

		/**
		 * Prints out all settings sections added to a particular settings page.
		 *
		 * @param [type] $page The settings page.
		 * @return void
		 */
		public function do_settings_sections($page)
		{
			global $wp_settings_sections, $wp_settings_fields;

			if (! isset($wp_settings_sections[$page])) {
				return;
			}

			foreach ((array) $wp_settings_sections[$page] as $section) {

				if ($section['title']) {
					echo '<h2 class="widgets_page_title">' . esc_html($section['title']) . '</h2>';
				}

				if ($section['callback']) {
					call_user_func($section['callback'], $section);
				}

				if (! isset($wp_settings_fields) || ! isset($wp_settings_fields[$page]) || ! isset($wp_settings_fields[$page][$section['id']])) {
					continue;
				}
				echo '<div class="form-addons-container">';
				$this->do_settings_fields($page, $section['id']);
				echo '</div>';
			}
		}

		/**
		 * Print out the settings fields for a particular settings section.
		 *
		 * Part of the Settings API. Use this in a settings page to output
		 * a specific section. Should normally be called by do_settings_sections()
		 * rather than directly.
		 *
		 * @global $wp_settings_fields Storage array of settings fields and their pages/sections.
		 *
		 * @since 2.7.0
		 *
		 * @param string $page Slug title of the admin page whose settings fields you want to show.
		 * @param string $section Slug title of the settings section whose fields you want to show.
		 */
		public function do_settings_fields($page, $section)
		{
			global $wp_settings_fields;

			if (! isset($wp_settings_fields[$page][$section])) {
				return;
			}

			foreach ((array) $wp_settings_fields[$page][$section] as $field) {

				$class = '';

				if ('section_title' === $field['args']['type']) {
					$class = 'form-addon form-addons-section-title';
				} elseif (! empty($field['args']['class'])) {
					$class = 'form-addon ' . esc_attr($field['args']['class']);
				}

				if ('premium' === $field['args']['type']) {

					echo '<div class="' . esc_attr($class) . '">';
					echo '<div class="form-addon-inner">';
					echo '<a class="addon-pro-link" target="_blank" href="' . esc_url($field['args']['options']) . '"></a>';
					echo '<div class="addon-name">';
					if (array_key_exists('icon', $field['args'])) {
						if ($field['args']['icon']) {
							echo '<i class="' . esc_attr($field['args']['icon']) . '"></i>';
						}
					}
					echo '<h3 class="addon-title">' . esc_html($field['title']) . '</h3>';
					if ($field['args']['desc']) {
						echo '<span class="addon-desc">' . esc_html($field['args']['desc']) . '</span>';
					}

					echo '</div>';

					echo '<div class="addon-switch addon-pro-label">';
					echo esc_html__('Pro', 'eventful-for-elementor');
					echo '</div>';
					echo '</div>';
					echo '</div>';
				} else {

					echo '<div class="' . esc_attr($class) . '">';
					echo '<div class="form-addon-inner">';
					echo '<div class="addon-name">';
					if (array_key_exists('icon', $field['args'])) {
						if ($field['args']['icon']) {
							echo '<i class="' . esc_attr($field['args']['icon']) . '"></i>';
						}
					}
					echo '<h3 class="addon-title">' . esc_html($field['title']) . '</h3>';
					if ($field['args']['desc']) {
						echo '<span class="addon-desc">' . esc_html($field['args']['desc']) . '</span>';
					}

					echo '</div>';

					echo '<div class="addon-switch">';
					call_user_func($field['callback'], $field['args']);
					echo '</div>';
					echo '</div>';
					echo '</div>';
				}
			}
		}

		/**
		 * Show the section settings forms
		 *
		 * This function displays every sections in a different form
		 */
		public function show_forms()
		{
?>
			<div class="metabox-holder">
				<?php foreach ($this->settings_sections as $form) { ?>
					<div id="<?php echo esc_attr($form['id']); ?>" class="group">
						<form method="post" action="options.php">

							<?php
							do_action('wsa_form_top_' . $form['id'], $form);
							settings_fields($form['id']);

							if (array_key_exists('addons', $form)) {
								$this->do_settings_sections($form['id']);
							} else {
								do_settings_sections($form['id']);
							}

							do_action('wsa_form_bottom_' . $form['id'], $form);
							if (isset($this->settings_fields[$form['id']])) :
							?>
								<div class="efe-ea-settings-submit">
									<?php submit_button(); ?>
								</div>
							<?php endif; ?>
						</form>
					</div>
				<?php } ?>
			</div>
		<?php
			$this->script();
		}

		/**
		 * Tabbable JavaScript codes & Initiate Color Picker
		 *
		 * This code uses localstorage for displaying active tabs
		 */
		public function script()
		{
		?>
			<script>
				jQuery(document).ready(function($) {
					// toggle 
					$('.cb-value').click(function() {
						var mainParent = $(this).parent('.toggle-btn');
						if ($(mainParent).find('input.cb-value').is(':checked')) {
							$(mainParent).addClass('active');
						} else {
							$(mainParent).removeClass('active');
						}
					});


					//Initiate Color Picker
					$('.wp-color-picker-field').wpColorPicker();


					//if url has section id as hash then set it as active or override the current local storage value
					if (window.location.hash) {
						activetab = window.location.hash;
						if (typeof(localStorage) != 'undefined') {
							localStorage.setItem("activetab", activetab);
						}
					}

					if (activetab != '' && $(activetab).length) {
						$(activetab).fadeIn();
					} else {
						$('.group:first').fadeIn();
					}
					$('.group .collapsed').each(function() {
						$(this).find('input:checked').parent().parent().parent().nextAll().each(
							function() {
								if ($(this).hasClass('last')) {
									$(this).removeClass('hidden');
									return false;
								}
								$(this).filter('.hidden').removeClass('hidden');
							});
					});

					if (activetab != '' && $(activetab + '-tab').length) {
						$(activetab + '-tab').addClass('nav-tab-active');
					} else {
						$('.nav-tab-wrapper a:first').addClass('nav-tab-active');
					}
					$('.nav-tab-wrapper a').click(function(evt) {
						$('.nav-tab-wrapper a').removeClass('nav-tab-active');
						$(this).addClass('nav-tab-active').blur();
						var clicked_group = $(this).attr('href');
						if (typeof(localStorage) != 'undefined') {
							localStorage.setItem("activetab", $(this).attr('href'));
						}
						$('.group').hide();
						$(clicked_group).fadeIn();
						evt.preventDefault();
					});

					$('.wpsa-browse').on('click', function(event) {
						event.preventDefault();

						var self = $(this);

						// Create the media frame.
						var file_frame = wp.media.frames.file_frame = wp.media({
							title: self.data('uploader_title'),
							button: {
								text: self.data('uploader_button_text'),
							},
							multiple: false
						});

						file_frame.on('select', function() {
							attachment = file_frame.state().get('selection').first().toJSON();
							self.prev('.wpsa-url').val(attachment.url).change();
						});

						// Finally, open the modal
						file_frame.open();
					});
				});
			</script>
			<?php
			$this->add_style();
		}

		/**
		 * Add Style.
		 *
		 * @return void
		 */
		public function add_style()
		{
			global $wp_version;
			if (version_compare($wp_version, '3.8', '<=')) :
			?>
				<style type="text/css">
					/** WordPress 3.8 Fix **/
					.form-table th {
						padding: 20px 10px;
					}

					#wpbody-content .metabox-holder {
						padding-top: 5px;
					}
				</style>
<?php
			endif;
		}
	}

endif;
