<?php
namespace Modula_Pro\Admin;

use Modula_Pro\Extensions\Extensions;

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

class Settings {
	public function __construct() {
		// New CSS & JS for PRO version
		add_action( 'admin_enqueue_scripts', array( $this, 'admin_scripts' ) );
		add_action( 'modula_scripts_before_wp_modula', array( $this, 'modula_pro_backbone' ) );
		add_action( 'modula_scripts_after_wp_modula', array( $this, 'modula_pro_main' ) );
		add_action( 'modula_defaults_scripts_after_wp_modula', array( $this, 'modula_pro_main' ) );

		// Scripts used for modula-defaults
		add_action( 'modula_defaults_scripts_before_wp_modula', array( $this, 'modula_defaults_pro_backbone' ) );

		// Filter Modula Tabs
		add_filter( 'modula_gallery_tabs', array( $this, 'modula_pro_tabs' ) );

		// Filter Modula Fields
		add_filter( 'modula_gallery_fields', array( $this, 'modula_pro_fields' ) );

		// Filter Cursors
		add_filter( 'modula_available_cursor', array( $this, 'modula_pro_cursor' ) );
		add_filter( 'modula_pro_cursor', '__return_false' );

		// Add cursor upload field type

		add_filter( 'modula_render_cursor_upload_field_type', array( $this, 'cursor_upload_field_type' ), 10, 5 );

		// Flter Hover Effects
		add_filter( 'modula_available_hover_effects', array( $this, 'modula_pro_hover_effects' ) );
		add_filter( 'modula_pro_hover_effects', '__return_false' );

		// Create filters field
		add_filter( 'modula_render_filters_field_type', array( $this, 'modula_pro_filters_field' ), 10, 3 );
		add_filter(
			'modula_render_font-selector_field_type',
			array(
				$this,
				'modula_pro_fontselector_field',
			),
			10,
			3
		);

		// Custom CSS gallery ID
		add_filter( 'modula_render_field_type', array( $this, 'custom_css_gallery_id' ), 10, 3 );

		// Save Filters for our items
		add_filter( 'modula_gallery_image_attributes', array( $this, 'add_pro_item_fields' ) );

		/* Add templates for our plugin */
		add_action( 'admin_footer', array( $this, 'print_modula_pro_templates' ) );

		// Add new input for item
		add_action( 'modula_item_extra_fields', array( $this, 'extra_item_fields' ) );

		/* Add values for sanitizations */
		add_filter( 'modula_effect_values', array( $this, 'add_effects_pro' ) );

		// Sanitize filter's fields
		add_filter( 'modula_settings_field_sanitization', array( $this, 'sanitize_settings' ), 20, 4 );
		add_filter( 'modula_image_field_sanitization', array( $this, 'sanitize_image_fields' ), 20, 3 );

		// Render FIeld Type
		add_filter( 'modula_render_content_field_type', array( $this, 'render_field_type' ), 10, 3 );

		// Change Field Type Format
		add_filter( 'modula_field_type_content_format', array( $this, 'content_format' ), 10, 2 );
		add_filter( 'modula_field_type_select_format', array( $this, 'filter_link_style_extra' ), 10, 2 );

		// Add Sorting Metabox
		/* Fire our meta box setup function on the post editor screen. */
		add_action( 'load-post.php', array( $this, 'meta_boxes_setup' ) );
		add_action( 'load-post-new.php', array( $this, 'meta_boxes_setup' ) );

		// Add replace button
		add_action( 'modula_admin_gallery_image_after_actions', array( $this, 'add_replace_button' ) );

		add_action( 'modula_elementor_after_enqueue_styles', array( $this, 'elementor_enqueued_styles' ) );

		// Filter Defaults.
		add_filter( 'modula_lite_default_settings', array( 'Modula_Pro\Utils\Helper', 'default_settings' ) );
	}

	public function admin_scripts( $hook ) {

		global $id, $post;

		// Get current screen.
		$screen = get_current_screen();

		// Check if is modula custom post type
		if ( 'modula-gallery' !== $screen->post_type ) {
			return;
		}

		// Set the post_id
		$post_id = isset( $post->ID ) ? $post->ID : (int) $id;

		if ( 'post-new.php' === $hook || 'post.php' === $hook ) {
			wp_enqueue_style( 'modula-selectize', \MODULA_URL . 'assets/css/admin/selectize.default.css', array(), \MODULA_LITE_VERSION );
			wp_enqueue_style( 'modula-selectize-default', \MODULA_URL . 'assets/css/admin/selectize.default.css', array(), \MODULA_LITE_VERSION );
			wp_enqueue_style( 'modula-pro-effects', MODULA_PRO_URL . 'assets/js/misc/effects.css', array(), MODULA_PRO_VERSION );
			wp_enqueue_style( 'modula-pro-style', MODULA_PRO_URL . 'assets/js/misc/wp-modula-pro.css', array(), MODULA_PRO_VERSION );
		}
	}

	public function modula_pro_backbone() {
		$screen = get_current_screen();
		if ( ! $screen || 'modula-gallery' !== $screen->post_type ) {
			return;
		}
		// Modula PRO effects
		wp_enqueue_script( 'modula-selectize', \MODULA_URL . 'assets/js/admin/selectize.js', array( 'jquery' ), \MODULA_LITE_VERSION, true );
		wp_enqueue_script( 'modula-pro-replace', MODULA_PRO_URL . 'assets/js/misc/wp-modula-pro-replace.js', array( 'jquery' ), MODULA_PRO_VERSION, true );

		wp_enqueue_script( 'modula-pro-items', MODULA_PRO_URL . 'assets/js/misc/wp-modula-pro-items.js', array( 'jquery', 'jquery-ui-sortable' ), MODULA_PRO_VERSION, true );
		wp_enqueue_script( 'modula-pro-upload', MODULA_PRO_URL . 'assets/js/misc/wp-modula-pro-upload.js', array( 'jquery', 'jquery-ui-sortable' ), MODULA_PRO_VERSION, true );
		wp_enqueue_script( 'modula-pro-bulkedit', MODULA_PRO_URL . 'assets/js/misc/wp-modula-bulkedit.js', array( 'jquery', 'jquery-ui-sortable' ), MODULA_PRO_VERSION, true );
		wp_enqueue_script( 'modula-pro-sorting', MODULA_PRO_URL . 'assets/js/misc/wp-modula-sorting.js', array( 'jquery', 'jquery-ui-sortable' ), MODULA_PRO_VERSION, true );
		wp_enqueue_script( 'modula-pro-settings', MODULA_PRO_URL . 'assets/js/misc/wp-modula-pro-settings.js', array( 'jquery', 'jquery-ui-sortable' ), MODULA_PRO_VERSION, true );
		wp_enqueue_script( 'modula-pro-conditions', MODULA_PRO_URL . 'assets/js/misc/wp-modula-pro-conditions.js', array( 'jquery' ), MODULA_PRO_VERSION, true );
		wp_enqueue_script( 'modula-pro-cursor', MODULA_PRO_URL . 'assets/js/misc/modula-pro-cursor.js', array( 'jquery' ), MODULA_PRO_VERSION, true );
		wp_enqueue_script( 'modula-pro-filters', MODULA_PRO_URL . 'assets/js/misc/wp-modula-filters.js', array( 'jquery', 'jquery-ui-sortable', 'wp-modula-pro' ), MODULA_PRO_VERSION, true );

		$colorpicker_l10n = array(
			'clear'            => __( 'Clear', 'modula-pro' ),
			'clearAriaLabel'   => __( 'Clear color', 'modula-pro' ),
			'defaultString'    => __( 'Default', 'modula-pro' ),
			'defaultAriaLabel' => __( 'Select default color', 'modula-pro' ),
			'pick'             => __( 'Select Color', 'modula-pro' ),
			'defaultLabel'     => __( 'Color value', 'modula-pro' ),
		);

		wp_enqueue_script( 'modula-pro-wp-color-picker-alpha', MODULA_PRO_URL . 'assets/js/misc/wp-color-picker-alpha.js', array( 'wp-color-picker' ), '2.1.3', true );
		wp_localize_script( 'modula-pro-wp-color-picker-alpha', 'wpColorPickerL10n', $colorpicker_l10n );
	}

	public function modula_pro_main() {
		$screen = get_current_screen();
		if ( ! $screen || ! in_array( $screen->post_type, array( 'modula-gallery', 'modula-defaults' ), true ) ) {
			return;
		}
		// Modula PRO main JS
		wp_enqueue_script( 'wp-modula-pro', MODULA_PRO_URL . 'assets/js/misc/wp-modula-pro.js', array( 'jquery' ), MODULA_PRO_VERSION, true );
	}

	/**
	 * Enqueue scripts used for modula-defaults
	 *
	 * @since 2.3.3
	 */
	public function modula_defaults_pro_backbone() {

		// Modula PRO effects
		wp_enqueue_script( 'modula-selectize', \MODULA_URL . 'assets/js/admin/selectize.js', array( 'jquery' ), \MODULA_LITE_VERSION, true );
		wp_enqueue_script( 'modula-pro-conditions', MODULA_PRO_URL . 'assets/js/misc/wp-modula-pro-conditions.js', array( 'jquery' ), MODULA_PRO_VERSION, true );
		wp_enqueue_script( 'modula-pro-replace', MODULA_PRO_URL . 'assets/js/misc/wp-modula-pro-replace.js', array( 'jquery' ), MODULA_PRO_VERSION, true );
		wp_enqueue_script( 'modula-pro-cursor', MODULA_PRO_URL . 'assets/js/misc/modula-pro-cursor.js', array( 'jquery' ), MODULA_PRO_VERSION, true );
		wp_enqueue_script( 'modula-pro-settings', MODULA_PRO_URL . 'assets/js/misc/wp-modula-pro-settings.js', array( 'jquery', 'jquery-ui-sortable' ), MODULA_PRO_VERSION, true );
		wp_enqueue_script( 'modula-pro-filters', MODULA_PRO_URL . 'assets/js/misc/wp-modula-filters.js', array( 'jquery', 'jquery-ui-sortable', 'modula-selectize', 'wp-modula-pro' ), MODULA_PRO_VERSION, true );
		$colorpicker_l10n = array(
			'clear'            => __( 'Clear', 'modula-pro' ),
			'clearAriaLabel'   => __( 'Clear color', 'modula-pro' ),
			'defaultString'    => __( 'Default', 'modula-pro' ),
			'defaultAriaLabel' => __( 'Select default color', 'modula-pro' ),
			'pick'             => __( 'Select Color', 'modula-pro' ),
			'defaultLabel'     => __( 'Color value', 'modula-pro' ),
		);

		wp_enqueue_script( 'modula-pro-wp-color-picker-alpha', MODULA_PRO_URL . 'assets/js/misc/wp-color-picker-alpha.js', array( 'wp-color-picker' ), '2.1.3', true );
		wp_localize_script( 'modula-pro-wp-color-picker-alpha', 'wpColorPickerL10n', $colorpicker_l10n );
	}

	// Modula PRO Tabs
	public function modula_pro_tabs( $tabs ) {
		$extensions = Extensions::get_instance();

		if ( ! isset( $tabs['filters'] ) ) {
			$tabs['filters'] = array(
				'label'    => esc_html__( 'Filters', 'modula-pro' ),
				'icon'     => 'dashicons dashicons-filter',
				'priority' => 15,
			);
		} else {
			unset( $tabs['filters']['badge'] );
		}

		if ( ! $extensions->is_upgradable_addon( 'modula-video' ) && ! $extensions->extension_enabled( 'modula-video' ) ) {
			$tabs['video']['badge'] = esc_html__( 'not active', 'modula-pro' );
		}

		if ( ! $extensions->is_upgradable_addon( 'modula-slideshow' ) && ! $extensions->extension_enabled( 'modula-slideshow' ) ) {
			$tabs['slideshow']['badge'] = esc_html__( 'not active', 'modula-pro' );
		}

		if ( ! $extensions->is_upgradable_addon( 'modula-password-protect' ) && ! $extensions->extension_enabled( 'modula-password-protect' ) ) {
			$tabs['password_protect']['badge'] = esc_html__( 'not active', 'modula-pro' );
		}

		if ( ! $extensions->is_upgradable_addon( 'modula-watermark' ) && ! $extensions->extension_enabled( 'modula-watermark' ) ) {
			$tabs['watermark']['badge'] = esc_html__( 'not active', 'modula-pro' );
		}

		if ( ! $extensions->is_upgradable_addon( 'modula-exif' ) && ! $extensions->extension_enabled( 'modula-exif' ) ) {
			$tabs['exif']['badge'] = esc_html__( 'not active', 'modula-pro' );
		}

		if ( ! $extensions->is_upgradable_addon( 'modula-download' ) && ! $extensions->extension_enabled( 'modula-download' ) ) {
			$tabs['download']['badge'] = esc_html__( 'not active', 'modula-pro' );
		}

		if ( ! $extensions->is_upgradable_addon( 'modula-zoom' ) && ! $extensions->extension_enabled( 'modula-zoom' ) ) {
			$tabs['zoom']['badge'] = esc_html__( 'not active', 'modula-pro' );
		}

		if ( ( ( ! $extensions->is_upgradable_addon( 'modula-deeplink' ) && ! $extensions->extension_enabled( 'modula-deeplink' ) ) || ( ! $extensions->is_upgradable_addon( 'modula-protection' ) && ! $extensions->extension_enabled( 'modula-protection' ) ) ) ) {
			$tabs['misc']['badge'] = esc_html__( 'not active', 'modula-pro' );
		}

		if ( ! $extensions->is_upgradable_addon( 'modula-image-licensing' ) && ! $extensions->extension_enabled( 'modula-image-licensing' ) ) {
			$tabs['image_licensing']['badge'] = esc_html__( 'not active', 'modula-pro' );
		}

		if ( ! $extensions->is_upgradable_addon( 'modula-comments' ) && ! $extensions->extension_enabled( 'modula-comments' ) ) {
			$tabs['comments']['badge'] = esc_html__( 'not active', 'modula-pro' );
		}

		if ( ! $extensions->is_upgradable_addon( 'modula-speedup' ) && ! $extensions->extension_enabled( 'modula-speedup' ) ) {
			$tabs['speedup']['badge'] = esc_html__( 'not active', 'modula-pro' );
		}

		return $tabs;
	}

	// Modula PRO Fields
	public function modula_pro_fields( $fields ) {
		if ( isset( $fields['general']['lightbox'] ) ) {
			if ( isset( $fields['general']['lightbox']['disabled'] ) ) {
				unset( $fields['general']['lightbox']['disabled'] );
			}
		}

$fields['lightboxes']['doubleClick'] = array(
			'name'      => esc_html__( 'Mobile requires double-tap', 'modula-pro' ),
			'type'      => 'toggle',
			'default'   => 0,
			'priority'  => 2,
			'data_type' => 'bool',
		);

		$fields['lightboxes']['loop_lightbox'] = array(
			'name'      => esc_html__( 'Loop navigation', 'modula-pro' ),
			'type'      => 'toggle',
			'default'   => 0,
			'priority'  => 3,
			'data_type' => 'bool',
		);

		// Add image title to lightbox
		$fields['lightboxes']['showTitleLightbox'] = array(
			'name'      => esc_html__( 'Show image title', 'modula-pro' ),
			'type'      => 'toggle',
			'default'   => 0,
			'priority'  => 9,
			'data_type' => 'bool',
		);

		// Add image caption to lightbox
		$fields['lightboxes']['showCaptionLightbox'] = array(
			'name'      => esc_html__( 'Show image caption', 'modula-pro' ),
			'type'      => 'toggle',
			'default'   => 1,
			'priority'  => 9,
			'data_type' => 'bool',

		);

		$fields['lightboxes']['captionPosition'] = array(
			'name'      => esc_html__( 'Title and caption position', 'modula-pro' ),
			'type'      => 'select',
			'values'    => array(
				'left'   => esc_html__( 'Left', 'modula-pro' ),
				'right'  => esc_html__( 'Right', 'modula-pro' ),
				'center' => esc_html__( 'Center', 'modula-pro' ),
			),
			'default'   => 'left',
			'is_child'  => true,
			'priority'  => 9,
			'data_type' => 'text',

		);

		$fields['lightboxes']['lightbox_toolbar'] = array(
			'name'      => esc_html__( 'Show toolbar', 'modula-pro' ),
			'type'      => 'toggle',
			'default'   => 1,
			'priority'  => 30,
			'children'  => array( 'lightbox_close', 'lightbox_thumbs', 'lightbox_download', 'lightbox_zoom', 'lightbox_share' ),
			'data_type' => 'bool',
		);

		$fields['lightboxes']['lightbox_close'] = array(
			'name'      => esc_html__( 'Close button', 'modula-pro' ),
			'type'      => 'toggle',
			'default'   => 1,
			'is_child'  => true,
			'priority'  => 31,
			'data_type' => 'bool',
		);

		$fields['lightboxes']['lightbox_thumbs'] = array(
			'name'      => esc_html__( 'Thumbnails button', 'modula-pro' ),
			'type'      => 'toggle',
			'default'   => 0,
			'is_child'  => true,
			'priority'  => 31,
			'data_type' => 'bool',
		);

		$fields['lightboxes']['lightbox_download'] = array(
			'name'      => esc_html__( 'Download button', 'modula-pro' ),
			'type'      => 'toggle',
			'default'   => 0,
			'is_child'  => true,
			'priority'  => 31,
			'data_type' => 'bool',
		);

		$fields['lightboxes']['lightbox_zoom'] = array(
			'name'      => esc_html__( 'Zoom button', 'modula-pro' ),
			'type'      => 'toggle',
			'default'   => 0,
			'is_child'  => true,
			'priority'  => 31,
			'data_type' => 'bool',
		);

		$fields['lightboxes']['lightbox_infobar'] = array(
			'name'      => esc_html__( 'Show image position in gallery', 'modula-pro' ),
			'type'      => 'toggle',
			'default'   => 1,
			'priority'  => 35,
			'data_type' => 'bool',
		);

		$fields['lightboxes']['lightbox_animationEffect'] = array(
			'name'      => esc_html__( 'Select open/close animation', 'modula-pro' ),
			'type'      => 'select',
			'default'   => 'false',
			'values'    => array(
				'false'       => esc_html__( 'None', 'modula-pro' ),
				'fade'        => esc_html__( 'Fade', 'modula-pro' ),
				'zoom'        => esc_html__( 'Zoom', 'modula-pro' ),
				'zoom-in-out' => esc_html__( 'Zoom-in-out', 'modula-pro' ),
			),
			'priority'  => 38,
			'data_type' => 'text',
		);

		$fields['lightboxes']['lightbox_transitionEffect'] = array(
			'name'      => esc_html__( 'Transition effect', 'modula-pro' ),
			'type'      => 'select',
			'default'   => 'fade',
			'values'    => array(
				'fade'      => esc_html__( 'Fade', 'modula-pro' ),
				'crossfade' => esc_html__( 'Crossfade', 'modula-pro' ),
				'slide'     => esc_html__( 'Slide', 'modula-pro' ),
				'classic'   => esc_html__( 'Classic', 'modula-pro' ),
			),
			'priority'  => 40,
			'data_type' => 'text',
		);

		$fields['lightboxes']['showAllOnLightbox'] = array(
			'name'      => esc_html__( 'Show all images', 'modula-pro' ),
			'type'      => 'toggle',
			'default'   => 0,
			'priority'  => 50,
			'data_type' => 'bool',
		);

		$fields['lightboxes']['lightbox_thumbsAutoStart'] = array(
			'name'      => esc_html__( 'Show thumbnails', 'modula-pro' ),
			'type'      => 'toggle',
			'default'   => 0,
			'priority'  => 50,
			'data_type' => 'bool',
		);


		$fields['lightboxes']['lightbox_background_color'] = array(
			'name'      => esc_html__( 'Lightbox background color', 'modula-pro' ),
			'type'      => 'color',
			'alpha'     => true,
			'default'   => 'rgba(30,30,30,.9)',
			'priority'  => 60,
			'data_type' => 'text',
		);

		$fields['lightboxes']['lightbox_thumbsPosition'] = array(
			'name'      => esc_html__( 'Thumbnails position', 'modula-pro' ),
			'type'      => 'select',
			'values'    => array(
				'left'   => esc_html__( 'Left', 'modula-pro' ),
				'bottom' => esc_html__( 'Bottom', 'modula-pro' ),
				'right'  => esc_html__( 'Right', 'modula-pro' ),
			),
			'default'   => 'bottom',
			'priority'  => 70,
			'data_type' => 'text',
		);

		// Add Max Image field
		$fields['general']['maxImagesCount'] = array(
			'name'      => esc_html__( 'Images to show', 'modula-pro' ),
			'type'      => 'text',
			'default'   => 0,
			'afterrow'  => __( 'You\'ll need to enable <strong>Show all images</strong> from <strong>Lightbox & Links</strong> tab to show all images in lightbox', 'modula-pro' ),
			'priority'  => 80,
			'data_type' => 'text',
		);

		// Add Max Image field for mobile
		$fields['general']['maxImagesCount_mobile'] = array(
			'name'      => esc_html__( 'Images to show on mobile', 'modula-pro' ),
			'type'      => 'text',
			'default'   => 0,
			'afterrow'  => __( 'You\'ll need to enable <strong>Show all images</strong> from <strong>Lightbox & Links</strong> tab to show all images in lightbox', 'modula-pro' ),
			'priority'  => 81,
			'data_type' => 'text',
		);

		// Add filters settings
		$fields['filters'] = array(
			'filters'                     => array(
				'name'      => esc_html__( 'Filters', 'modula-pro' ),
				'type'      => 'filters',
				'priority'  => 10,
				'data_type' => 'filter_text',
			),
			'dropdownFilters'             => array(
				'name'      => esc_html__( 'Use dropdown for filters', 'modula-pro' ),
				'type'      => 'toggle',
				'default'   => 0,
				'priority'  => 15,
				'data_type' => 'text',
			),
			'filterClick'                 => array(
				'name'      => esc_html__( 'Reload page on filter click', 'modula-pro' ),
				'type'      => 'toggle',
				'default'   => 0,
				'priority'  => 20,
				'data_type' => 'text',
			),
			'hideAllFilter'               => array(
				'name'      => esc_html__( 'Hide "All" filter', 'modula-pro' ),
				'type'      => 'toggle',
				'default'   => 0,
				'priority'  => 30,
				'children'  => array( 'allFilterLabel' ),
				'data_type' => 'text',
			),
			'allFilterLabel'              => array(
				'name'      => esc_html__( 'Text For "All" filter', 'modula-pro' ),
				'type'      => 'text',
				'default'   => esc_html__( 'All', 'modula-pro' ),
				'is_child'  => true,
				'priority'  => 30,
				'data_type' => 'text',
			),
			'filterStyle'                 => array(
				'name'      => esc_html__( 'Filter link style', 'modula-pro' ),
				'type'      => 'select',
				'values'    => array(
					'default'   => esc_html__( 'Default style', 'modula-pro' ),
					'antonio'   => esc_html__( 'Antonio', 'modula-pro' ),
					'ariel'     => esc_html__( 'Ariel', 'modula-pro' ),
					'caliban'   => esc_html__( 'Caliban', 'modula-pro' ),
					'ceres'     => esc_html__( 'Ceres', 'modula-pro' ),
					'cordelia'  => esc_html__( 'Cordelia', 'modula-pro' ),
					'ferdinand' => esc_html__( 'Ferdinand', 'modula-pro' ),
					'francisco' => esc_html__( 'Francisco', 'modula-pro' ),
					'horatio'   => esc_html__( 'Horatio', 'modula-pro' ),
					'invulner'  => esc_html__( 'Invulner', 'modula-pro' ),
					'iris'      => esc_html__( 'Iris', 'modula-pro' ),
					'juno'      => esc_html__( 'Juno', 'modula-pro' ),
					'luce'      => esc_html__( 'Luce', 'modula-pro' ),
					'maria'     => esc_html__( 'Maria', 'modula-pro' ),
					'miranda'   => esc_html__( 'Miranda', 'modula-pro' ),
					'prospero'  => esc_html__( 'Prospero', 'modula-pro' ),
					'sebastian' => esc_html__( 'Sebastian', 'modula-pro' ),
					'shylock'   => esc_html__( 'Shylock', 'modula-pro' ),
					'stephano'  => esc_html__( 'Stephano', 'modula-pro' ),
					'tantalid'  => esc_html__( 'Tantalid', 'modula-pro' ),
					'trinculo'  => esc_html__( 'Trinculo', 'modula-pro' ),
					'valentine' => esc_html__( 'Valentine', 'modula-pro' ),
					'viola'     => esc_html__( 'Viola', 'modula-pro' ),
				),
				'default'   => 'default',
				'priority'  => 30,
				'data_type' => 'text',
			),
			'filterLinkColor'             => array(
				'name'      => esc_html__( 'Filter link color', 'modula-pro' ),
				'type'      => 'color',
				'alpha'     => true,
				'default'   => '',
				'priority'  => 30,
				'data_type' => 'text',
			),
			'filterLinkHoverColor'        => array(
				'name'      => esc_html__( 'Filter link hover color', 'modula-pro' ),
				'type'      => 'color',
				'alpha'     => true,
				'default'   => '',
				'priority'  => 30,
				'data_type' => 'text',
			),
			'defaultActiveFilter'         => array(
				'name'      => esc_html__( 'Default active filter', 'modula-pro' ),
				'type'      => 'select',
				'values'    => modula_pro_current_active_filter(),
				'default'   => 'all',
				'priority'  => 30,
				'data_type' => 'text',
			),
			'filterPositioning'           => array(
				'name'      => esc_html__( 'Filter positioning', 'modula-pro' ),
				'type'      => 'select',
				'values'    => array(
					'top'        => esc_html__( 'Top', 'modula-pro' ),
					'bottom'     => esc_html__( 'Bottom', 'modula-pro' ),
					'left'       => esc_html__( 'Left', 'modula-pro' ),
					'right'      => esc_html__( 'Right', 'modula-pro' ),
					'top_bottom' => esc_html__( 'Top & Bottom', 'modula-pro' ),
					'left_right' => esc_html__( 'Left & Right', 'modula-pro' ),
				),
				'default'   => 'top',
				'priority'  => 30,
				'data_type' => 'text',
			),
			'filterTextAlignment'         => array(
				'name'      => esc_html__( 'Filters Text Align', 'modula-pro' ),
				'type'      => 'select',
				'values'    => array(
					'none'   => esc_html__( 'Inherit', 'modula-pro' ),
					'left'   => esc_html__( 'Left', 'modula-pro' ),
					'center' => esc_html__( 'Center', 'modula-pro' ),
					'right'  => esc_html__( 'Right', 'modula-pro' ),
				),
				'default'   => 'none',
				'priority'  => 30,
				'data_type' => 'text',
			),
			'enableCollapsibleFilters'    => array(
				'name'      => esc_html__( 'Collapsible filters on mobile', 'modula-pro' ),
				'type'      => 'toggle',
				'default'   => 0,
				'priority'  => 30,
				'children'  => array( 'collapsibleActionText' ),
				'data_type' => 'bool',
			),

			'collapsibleActionText'       => array(
				'name'      => esc_html__( 'Collapsible button label', 'modula-pro' ),
				'type'      => 'text',
				'default'   => esc_html__( 'Filter by', 'modula-pro' ),
				'is_child'  => true,
				'priority'  => 30,
				'data_type' => 'text',
			),
			'enableMobileDropdownFilters' => array(
				'name'      => esc_html__( 'Use dropdown filters on mobile', 'modula-pro' ),
				'type'      => 'toggle',
				'default'   => 0,
				'priority'  => 31,
				'data_type' => 'bool',
			),
		);

		$fields['captions']['show_gallery_title'] = array(
			'name'      => esc_html__( 'Show Gallery Title ', 'modula-pro' ),
			'type'      => 'toggle',
			'default'   => 0,
			'priority'  => 5,
			'children'  => array( 'gallery_title_type' ),
			'data_type' => 'bool',

		);

		$fields['captions']['gallery_title_type'] = array(
			'name'      => esc_html__( 'Show title as', 'modula-pro' ),
			'type'      => 'select',
			'default'   => 'p',
			'values'    => array(
				'p'  => esc_html__( 'Paragraph', 'modula-pro' ),
				'h1' => esc_html__( 'Heading 1', 'modula-pro' ),
				'h2' => esc_html__( 'Heading 2', 'modula-pro' ),
				'h3' => esc_html__( 'Heading 3', 'modula-pro' ),
				'h4' => esc_html__( 'Heading 4', 'modula-pro' ),
				'h5' => esc_html__( 'Heading 5', 'modula-pro' ),
				'h6' => esc_html__( 'Heading 6', 'modula-pro' ),
			),
			'priority'  => 6,
			'is_child'  => true,
			'data_type' => 'text',
		);
		if ( isset( $fields['captions']['hide_title']['children'] ) ) {
			$fields['captions']['hide_title']['children'] = array_merge( $fields['captions']['hide_title']['children'], array( 'titleFontFamily', 'titleFontWeight' ) );
		}

		$fields['captions']['titleFontWeight'] = array(
			'name'      => esc_html__( 'Title Font Weight', 'modula-pro' ),
			'type'      => 'select',
			'values'    => array(
				'default' => esc_html__( 'Default', 'modula-pro' ),
				'300'     => esc_html__( 'Light', 'modula-pro' ),
				'400'     => esc_html__( 'Regular', 'modula-pro' ),
				'700'     => esc_html__( 'Bold', 'modula-pro' ),
			),
			'default'   => '400',
			'is_child'  => true,
			'priority'  => 42,
			'data_type' => 'text',
		);

		if ( isset( $fields['captions']['hide_description']['children'] ) ) {
			$fields['captions']['hide_description']['children'] = array_merge( $fields['captions']['hide_description']['children'], array( 'captionsFontFamily', 'captionFontWeight' ) );
		}

		$fields['captions']['captionFontWeight'] = array(
			'name'      => esc_html__( 'Caption font weight', 'modula-pro' ),
			'type'      => 'select',
			'values'    => array(
				'normal' => esc_html__( 'Default', 'modula-pro' ),
				'300'    => esc_html__( 'Light', 'modula-pro' ),
				'400'    => esc_html__( 'Regular', 'modula-pro' ),
				'700'    => esc_html__( 'Bold', 'modula-pro' ),
			),
			'default'   => 'normal',
			'is_child'  => true,
			'priority'  => 82,
			'data_type' => 'text',

		);

		// Add image loaded effects
		$fields['image-loaded-effects']['loadedRotate'] = array(
			'name'      => esc_html__( 'Rotate', 'modula-pro' ),
			'type'      => 'ui-slider',
			'min'       => -180,
			'max'       => 180,
			'default'   => 0,
			'priority'  => 20,
			'data_type' => 'number',
		);
		$fields['image-loaded-effects']['loadedHSlide'] = array(
			'name'      => esc_html__( 'Horizontal Slide', 'modula-pro' ),
			'type'      => 'ui-slider',
			'min'       => -100,
			'max'       => 100,
			'default'   => 0,
			'priority'  => 30,
			'data_type' => 'number',
		);
		$fields['image-loaded-effects']['loadedVSlide'] = array(
			'name'      => esc_html__( 'Vertical Slide', 'modula-pro' ),
			'type'      => 'ui-slider',
			'min'       => -100,
			'max'       => 100,
			'default'   => 0,
			'priority'  => 40,
			'data_type' => 'number',
		);

		// Hover Effects and Cursor
		if ( isset( $fields['hover-effect']['cursor'] ) ) {
			if ( isset( $fields['hover-effect']['cursor']['disabled'] ) ) {
				unset( $fields['hover-effect']['cursor']['disabled'] );
			}

			$fields['hover-effect']['cursor']['values'] = array(
				'pointer'     => esc_html__( 'Pointer', 'modula-pro' ),
				'zoom-in'     => esc_html__( 'Magnifying Glass', 'modula-pro' ),
				'wait'        => esc_html__( 'Loading', 'modula-pro' ),
				'cell'        => esc_html__( 'Cell', 'modula-pro' ),
				'crosshair'   => esc_html__( 'Crosshair', 'modula-pro' ),
				'nesw-resize' => esc_html__( 'Resize 1', 'modula-pro' ),
				'nwse-resize' => esc_html__( 'Resize 2', 'modula-pro' ),
				'custom'      => esc_html__( 'Custom', 'modula-pro' ),
			);
		}

		$fields['hover-effect']['uploadCursor'] = array(
			'name'        => esc_html__( 'Upload your cursor', 'modula-pro' ),
			'type'        => 'cursor_upload',
			'default'     => 0,
			'class'       => 'button insert-media-url',
			'button_text' => esc_html__( 'Upload Cursor', 'modula-pro' ),
			'is_child'    => true,
			'priority'    => 14,
			'data_type'   => 'text',

		);

		$fields['hover-effect']['hoverColor']   = array(
			'name'      => esc_html__( 'Hover Color', 'modula-pro' ),
			'type'      => 'color',
			'default'   => '#000000',
			'priority'  => 14,
			'data_type' => 'text',
		);
		$fields['hover-effect']['hoverOpacity'] = array(
			'name'      => esc_html__( 'Hover Opacity', 'modula-pro' ),
			'type'      => 'ui-slider',
			'min'       => 0,
			'max'       => 100,
			'default'   => 50,
			'priority'  => 14,
			'data_type' => 'number',
		);

		if ( isset( $fields['lightboxes']['lightbox'] ) ) {
			$fields['lightboxes']['lightbox']['afterrow'] = esc_html__( 'You can combine images that open in lightbox with images that open URL by completing the image URL field from Edit Image settings.', 'modula-pro' );
		}
		$extensions = Extensions::get_instance();
		// Check if modula video it's installed & activated
		if ( ! $extensions->extension_enabled( 'modula-video' ) ) {
			$fields['video']['helper-message'] = array(
				'name'     => ' ',
				'type'     => 'content',
				'content'  => sprintf(
					// translators: %1$s is the opening anchor tag, %2$s is the closing anchor tag
					esc_html__( 'In order to add videos to your gallery you\'ll need to activate the extension Modula Video from %1$shere%2$s.', 'modula-pro' ),
					'<a href="' . esc_url( admin_url( 'edit.php?post_type=modula-gallery&page=modula-addons' ) ) . '" target="blank">',
					'</a>'
				),
				'priority' => 5,
			);
		}

		// Check if modula speed up it's installed & activated
		if ( ! $extensions->extension_enabled( 'modula-speedup' ) ) {
			$fields['speedup']['helper-message'] = array(
				'name'     => ' ',
				'type'     => 'content',
				'content'  => sprintf(
					// translators: %1$s is the opening anchor tag, %2$s is the closing anchor tag
					esc_html__( 'By activating the Modula Speed UP extension, you\'ll benefit from unlimited image optimization through ShortPixel\'s servers as well as unlimited CDN image delivery through StackPath. You\'ll need to activate the extension Modula Speed Up from %1$shere%2$s.', 'modula-pro' ),
					'<a href="' . admin_url( 'edit.php?post_type=modula-gallery&page=modula-addons' ) . '" target="blank">',
					'</a>'
				),
				'priority' => 5,
			);
		}

		// Check if both Modula Deeplink and Modula Protection are installed & activated
		if ( ! $extensions->extension_enabled( 'modula-deeplink' ) && ! $extensions->extension_enabled( 'modula-protection' ) ) {
			$fields['misc']['helper-message'] = array(
				'name'     => ' ',
				'type'     => 'content',
				'content'  => sprintf(
					// translators: %1$s is the opening anchor tag, %2$s is the closing anchor tag
					esc_html__( 'In order to extend deeplink functionality or add right click protection to your galleries you\'ll need to activate the extensions Modula Deeplink and Modula Protection from %1$shere%2$s.', 'modula-pro' ),
					'<a href="' . admin_url( 'edit.php?post_type=modula-gallery&page=modula-addons' ) . '" target="blank">',
					'</a>'
				),
				'priority' => 5,
			);
		}

		// Check if Modula Protection is activated and Modula Deeplink is inactive
		if ( ! $extensions->extension_enabled( 'modula-deeplink' ) && $extensions->extension_enabled( 'modula-protection' ) ) {
			$fields['misc']['helper-message'] = array(
				'name'     => ' ',
				'type'     => 'content',
				'content'  => sprintf(
					// translators: %1$s is the opening anchor tag, %2$s is the closing anchor tag
					esc_html__( 'In order to extend deeplink functionality to your galleries you\'ll need to activate the extension Modula Deeplink from %1$shere%2$s.', 'modula-pro' ),
					'<a href="' . admin_url( 'edit.php?post_type=modula-gallery&page=modula-addons' ) . '" target="blank">',
					'</a>'
				),
				'priority' => 5,
			);
		}

		// Check if Modula Protection is inactive and Modula Deeplink is activated
		if ( $extensions->extension_enabled( 'modula-deeplink' ) && ! $extensions->extension_enabled( 'modula-protection' ) ) {
			$fields['misc']['helper-message'] = array(
				'name'     => ' ',
				'type'     => 'content',
				'content'  => sprintf(
					// translators: %1$s is the opening anchor tag, %2$s is the closing anchor tag
					esc_html__( 'In order to add right click protection to your galleries you\'ll need to activate the extension Modula Protection from %1$shere%2$s.', 'modula-pro' ),
					'<a href="' . admin_url( 'edit.php?post_type=modula-gallery&page=modula-addons' ) . '" target="blank">',
					'</a>'
				),
				'priority' => 5,
			);
		}

		// Check if Modula Watermark is installed & activated
		if ( ! $extensions->extension_enabled( 'modula-watermark' ) ) {
			$fields['watermark']['helper-message'] = array(
				'name'     => ' ',
				'type'     => 'content',
				'content'  => sprintf(
					// translators: %1$s is the opening anchor tag, %2$s is the closing anchor tag
					esc_html__( 'In order to add watermark to your image galleries you\'ll need to activate the extension Modula Watermark from %1$shere%2$s.', 'modula-pro' ),
					'<a href="' . admin_url( 'edit.php?post_type=modula-gallery&page=modula-addons' ) . '" target="blank">',
					'</a>'
				),
				'priority' => 5,
			);
		}

		// Check if Modula Password Protect is installed & activated
		if ( ! $extensions->extension_enabled( 'modula-password-protect' ) ) {
			$fields['password_protect']['helper-message'] = array(
				'name'     => ' ',
				'type'     => 'content',
				'content'  => sprintf(
					// translators: %1$s is the opening anchor tag, %2$s is the closing anchor tag
					esc_html__( 'In order to add password protection to your galleries you\'ll need to activate the extension Modula Password Protect from %1$shere%2$s.', 'modula-pro' ),
					'<a href="' . admin_url( 'edit.php?post_type=modula-gallery&page=modula-addons' ) . '" target="blank">',
					'</a>'
				),
				'priority' => 5,
			);
		}

		// Check if modula speed up it's installed & activated
		if ( ! $extensions->extension_enabled( 'modula-slideshow' ) ) {
			$fields['slideshow']['helper-message'] = array(
				'name'     => '',
				'type'     => 'content',
				'content'  => sprintf(
					// translators: %1$s is the opening anchor tag, %2$s is the closing anchor tag
					esc_html__( 'In order to create slideshows within your galleries you\'ll need to activate the extension Modula Slideshow from %1$shere%2$s.', 'modula-pro' ),
					'<a href="' . admin_url( 'edit.php?post_type=modula-gallery&page=modula-addons' ) . '" target="blank">',
					'</a>'
				),
				'priority' => 5,
			);
		}

		// Check if modula exif it's installed & activated
		if ( ! $extensions->extension_enabled( 'modula-exif' ) ) {
			$fields['exif']['helper-message'] = array(
				'name'     => '',
				'type'     => 'content',
				'content'  => sprintf(
					// translators: %1$s is the opening anchor tag, %2$s is the closing anchor tag
					esc_html__( 'In order to edit & display EXIF metadata in your lightboxes you\'ll need to activate the extension Modula Exif from %1$shere%2$s.', 'modula-pro' ),
					'<a href="' . admin_url( 'edit.php?post_type=modula-gallery&page=modula-addons' ) . '" target="blank">',
					'</a>'
				),
				'priority' => 5,
			);
		}

		// Check if modula download it's installed & activated
		if ( ! $extensions->extension_enabled( 'modula-download' ) ) {
			$fields['download']['helper-message'] = array(
				'name'     => '',
				'type'     => 'content',
				'content'  => sprintf(
					// translators: %1$s is the opening anchor tag, %2$s is the closing anchor tag
					esc_html__( 'In order to give your users the ability to download your images, galleries or albums with an easy to use shortcode or some minor settings you\'ll need to activate the extension Modula Download from %1$shere%2$s.', 'modula-pro' ),
					'<a href="' . admin_url( 'edit.php?post_type=modula-gallery&page=modula-addons' ) . '" target="blank">',
					'</a>'
				),
				'priority' => 5,
			);
		}

		// Check if modula zoom it's installed & activated
		if ( ! $extensions->extension_enabled( 'modula-zoom' ) ) {
			$fields['zoom']['helper-message'] = array(
				'name'     => '',
				'type'     => 'content',
				'content'  => sprintf(
					// translators: %1$s is the opening anchor tag, %2$s is the closing anchor tag
					esc_html__( 'In order to add zoom functionality to images, when opened in the lightbox, to allow up close viewings you\'ll need to activate the extension Modula Zoom from %1$shere%2$s.', 'modula-pro' ),
					'<a href="' . admin_url( 'edit.php?post_type=modula-gallery&page=modula-addons' ) . '" target="blank">',
					'</a>'
				),
				'priority' => 5,
			);
		}

		// Check if modula video it's installed & activated
		if ( ! $extensions->extension_enabled( 'modula-image-licensing' ) ) {
			$fields['image_licensing']['helper-message'] = array(
				'name'     => ' ',
				'type'     => 'content',
				'content'  => sprintf(
					// translators: %1$s is the opening anchor tag, %2$s is the closing anchor tag
					esc_html__( 'In order to set licenses to your gallery images you\'ll need to activate the extension Modula Image Licensing from %1$shere%2$s.', 'modula-pro' ),
					'<a href="' . admin_url( 'edit.php?post_type=modula-gallery&page=modula-addons' ) . '" target="blank">',
					'</a>'
				),
				'priority' => 5,
			);
		}

		// Check if Modula Comments is installed & activated
		if ( ! $extensions->extension_enabled( 'modula-comments' ) ) {
			$fields['comments']['helper-message'] = array(
				'name'     => ' ',
				'type'     => 'content',
				'content'  => sprintf(
					// translators: %1$s is the opening anchor tag, %2$s is the closing anchor tag
					esc_html__( 'To enable comments on your image galleries, you need to activate the Modula Comments extension from %1$shere%2$s.', 'modula-pro' ),
					'<a href="' . admin_url( 'edit.php?post_type=modula-gallery&page=modula-addons' ) . '" target="blank">',
					'</a>'
				),
				'priority' => 5,
			);
		}

		// Alpha colors
		$fields['captions']['titleColor']['alpha']    = true;
		$fields['captions']['captionColor']['alpha']  = true;
		$fields['social']['socialIconColor']['alpha'] = true;
		$fields['style']['borderColor']['alpha']      = true;
		$fields['style']['shadowColor']['alpha']      = true;

		// Add new Gallery type
		if ( isset( $fields['general']['type']['disabled'] ) && isset( $fields['general']['type']['disabled']['values'] ) && isset( $fields['general']['type']['disabled']['values']['bnb'] ) ) {
			unset( $fields['general']['type']['disabled']['values']['bnb'] );
		}

		$fields['general']['type']['values']['bnb'] = esc_html__( 'BnB', 'modula-pro' );
		$fields['general']['type']['type']          = 'pro-icon-radio';

		return apply_filters( 'modula_pro_fields', $fields );
	}

	//Add new cursors in pro version
	public function modula_pro_cursor() {
		return array(
			'pointer'     => esc_html__( 'Pointer', 'modula-pro' ),
			'zoom-in'     => esc_html__( 'Magnifying Glass', 'modula-pro' ),
			'wait'        => esc_html__( 'Loading', 'modula-pro' ),
			'cell'        => esc_html__( 'Cell', 'modula-pro' ),
			'crosshair'   => esc_html__( 'Crosshair', 'modula-pro' ),
			'nesw-resize' => esc_html__( 'Zoom In 1', 'modula-pro' ),
			'nwse-resize' => esc_html__( 'Zoom In 2', 'modula-pro' ),
		);
	}

	// Add new hover effects in pro version
	public function modula_pro_hover_effects() {
		return array(
			'none'            => esc_html__( 'None', 'modula-pro' ),
			'greyscale'       => esc_html__( '1. Greyscale', 'modula-pro' ),
			'under'           => esc_html__( '2. Under Image', 'modula-pro' ),
			'pufrobo'         => esc_html__( '3. Pufrobo', 'modula-pro' ),
			'hide'            => esc_html__( '4. Hide', 'modula-pro' ),
			'quiet'           => esc_html__( '5. Quiet', 'modula-pro' ),
			'catinelle'       => esc_html__( '6. Catinelle', 'modula-pro' ),
			'reflex'          => esc_html__( '7. Reflex', 'modula-pro' ),
			'curtain'         => esc_html__( '8. Curtain', 'modula-pro' ),
			'lens'            => esc_html__( '9. Lens', 'modula-pro' ),
			'appear'          => esc_html__( '10. Appear', 'modula-pro' ),
			'crafty'          => esc_html__( '11. Crafty', 'modula-pro' ),
			'seemo'           => esc_html__( '12. Seemo', 'modula-pro' ),
			'comodo'          => esc_html__( '13. Comodo', 'modula-pro' ),
			'lily'            => esc_html__( '14. Lily', 'modula-pro' ),
			'sadie'           => esc_html__( '15. Sadie', 'modula-pro' ),
			'honey'           => esc_html__( '16. Honey', 'modula-pro' ),
			'layla'           => esc_html__( '17. Layla', 'modula-pro' ),
			'zoe'             => esc_html__( '18. Zoe', 'modula-pro' ),
			'oscar'           => esc_html__( '19. Oscar', 'modula-pro' ),
			'marley'          => esc_html__( '20. Marley', 'modula-pro' ),
			'ruby'            => esc_html__( '21. Ruby', 'modula-pro' ),
			'roxy'            => esc_html__( '22. Roxy', 'modula-pro' ),
			'bubba'           => esc_html__( '23. Bubba', 'modula-pro' ),
			'dexter'          => esc_html__( '24. Dexter', 'modula-pro' ),
			'sarah'           => esc_html__( '25. Sarah', 'modula-pro' ),
			'chico'           => esc_html__( '26. Chico', 'modula-pro' ),
			'milo'            => esc_html__( '27. Milo', 'modula-pro' ),
			'julia'           => esc_html__( '28. Julia', 'modula-pro' ),
			'hera'            => esc_html__( '29. Hera', 'modula-pro' ),
			'winston'         => esc_html__( '30. Winston', 'modula-pro' ),
			'selena'          => esc_html__( '31. Selena', 'modula-pro' ),
			'terry'           => esc_html__( '32. Terry', 'modula-pro' ),
			'phoebe'          => esc_html__( '33. Phoebe', 'modula-pro' ),
			'apollo'          => esc_html__( '34. Apollo', 'modula-pro' ),
			'steve'           => esc_html__( '35. Steve', 'modula-pro' ),
			'jazz'            => esc_html__( '36. Jazz', 'modula-pro' ),
			'ming'            => esc_html__( '37. Ming', 'modula-pro' ),
			'lexi'            => esc_html__( '38. Lexi', 'modula-pro' ),
			'duke'            => esc_html__( '39. Duke', 'modula-pro' ),
			'tilt_1'          => esc_html__( '40. Tilt Effect 1', 'modula-pro' ),
			'tilt_3'          => esc_html__( '41. Tilt Effect 2', 'modula-pro' ),
			'tilt_7'          => esc_html__( '42. Tilt Effect 3', 'modula-pro' ),
			'fluid-up'        => esc_html__( '43. Fluid Up', 'modula-pro' ),
			'centered-bottom' => esc_html__( '44. Centered Bottom', 'modula-pro' ),
		);
	}

	public function modula_pro_filters_field( $html, $field, $value ) {
		$html  = '<div id="modula-filters" class="modula-filters-container">';
		$html .= '<div class="modula-filters">';
		if ( ! is_array( $value ) ) {
			$value = explode( '|', $value );
		}
		if ( empty( $value ) ) {
			$html .= '<div class="modula-filter-input"><span class="dashicons dashicons-move"></span><input type="text" name="modula-settings[' . esc_attr( $field['id'] ) . '][]" value=""><a href="#" class="modula-delete-filter"><span class="dashicons dashicons-trash"></span></a></div>';
		} else {
			foreach ( $value as $filter ) {
				$comma  = '&#44';
				$filter = str_replace( $comma, ',', $filter );
				$html  .= '<div class="modula-filter-input"><span class="dashicons dashicons-move"></span><input type="text" name="modula-settings[' . esc_attr( $field['id'] ) . '][]" value="' . esc_attr( $filter ) . '" class="regular-text"><a href="#" class="modula-delete-filter"><span class="dashicons dashicons-trash"></span></a></div>';
			}
		}
		$html .= '</div>';
		$html .= '<a href="#" id="modula-add-filter" class="button" data-field-name="' . esc_attr( $field['id'] ) . '"><span class="dashicons dashicons-plus"></span>' . esc_html__( 'Add new filter', 'modula-pro' ) . '</a>';
		$html .= '</div>';

		return $html;
	}

	public function modula_pro_fontselector_field( $html, $field, $value ) {
		if ( empty( $value ) ) {
			$value = $field['default'];
		}

		$html  = '<select name="modula-settings[' . esc_attr( $field['id'] ) . ']" data-setting="' . esc_attr( $field['id'] ) . '" class="regular-text modula-font-selector" data-value="' . esc_attr( $value ) . '">';
		$html .= '</select>';

		return $html;
	}

	public function cursor_upload_field_type( $html, $field, $value ) {
		$style = array(
			'upload'  => '',
			'replace' => 'display:none;',
			'delete'  => 'display:none;',
		);

		if ( 0 !== absint( $value ) ) {
			$style['upload']  = 'display:none;';
			$style['replace'] = '';
			$style['delete']  = '';
		}

		$html  = '<input type="hidden" name="modula-settings[' . esc_attr( $field['id'] ) . ']" id="' . esc_attr( $field['id'] ) . '" value="' . absint( $value ) . '">';
		$html .= '<div class="modula_cursor_preview">';
		if ( $value ) {
			$image = wp_get_attachment_image_src( $value );
			if ( $image ) {
				$html .= '<img src="' . esc_url( $image[0] ) . '" id="modula_cursor_preview">';
			}
		}
		$html .= '</div>';
		$html .= '<input type="button" style="' . esc_attr( $style['upload'] ) . '" class="button button-primary" id="upload_cursor_file" value="' . esc_attr__( 'Upload', 'modula-pro' ) . '">';
		$html .= '<input type="button" style="' . esc_attr( $style['replace'] ) . '" class="button button-primary" id="replace_cursor_file" value="' . esc_attr__( 'Replace', 'modula-pro' ) . '">';
		$html .= '<input type="button" style="' . esc_attr( $style['delete'] ) . '" class="button" id="delete_cursor_file" value="' . esc_attr__( 'Delete', 'modula-pro' ) . '">';

		return $html;
	}

	public function print_modula_pro_templates() {
		include 'modula-pro-js-templates.php';
	}

	public function extra_item_fields() {
		echo '<input type="hidden" name="modula-images[filters][{{data.index}}]" class="modula-image-filters" value="{{ data.filters }}">';
	}

	public function add_pro_item_fields( $fields ) {
		$fields[] = 'filters';
		return $fields;
	}

	public function add_effects_pro( $values ) {
		$values = array_merge(
			$values,
			array(
				'under',
				'fluid-up',
				'hide',
				'quiet',
				'catinelle',
				'reflex',
				'curtain',
				'lens',
				'appear',
				'crafty',
				'seemo',
				'comodo',
				'lily',
				'sadie',
				'honey',
				'layla',
				'zoe',
				'oscar',
				'marley',
				'ruby',
				'roxy',
				'bubba',
				'dexter',
				'sarah',
				'chico',
				'milo',
				'julia',
				'hera',
				'winston',
				'selena',
				'terry',
				'phoebe',
				'apollo',
				'steve',
				'jazz',
				'ming',
				'lexi',
				'duke',
				'tilt_1',
				'tilt_3',
				'tilt_7',
				'greyscale',
				'centered-bottom',
			)
		);

		return $values;
	}

	public function sanitize_settings( $sanitized_value, $value, $field_id ) {
		if ( 'filters' === $field_id ) {
			$new_value = array();
			if ( is_array( $value ) && ! empty( $value ) ) {
				foreach ( $value as $filter ) {
					$comma       = '&#44';
					$new_value[] = str_replace( ',', $comma, sanitize_text_field( $filter ) );
				}
			}

			return $new_value;
		}

		return $sanitized_value;
	}

	public function sanitize_image_fields( $sanitized_value ) {
		return $sanitized_value;
	}

	public function render_field_type( $html, $field ) {
		$html  = '<p class="content addon-required">';
		$html .= wp_kses_post( $field['content'] );
		$html .= '</p>';

		return $html;
	}

	public function content_format( $format, $field ) {
		$format = '<tr class="no-paddings" data-container="' . esc_attr( $field['id'] ) . '"><td colspan="2"><label class="th-label">%s</label>%s<div>%s</div></td></tr>';

		return $format;
	}

	public function filter_link_style_extra( $format, $field ) {
		if ( 'filterStyle' === $field['id'] ) {
			$gallery_settings = get_post_meta( get_the_ID(), 'modula-settings', true );
			$current_style    = isset( $gallery_settings['filterStyle'] ) ? esc_attr( $gallery_settings['filterStyle'] ) : 'default';

			$preview  = '<div class="modula-pro-live-preview modula">';
			$preview .= '<span class="modula-pro-badge">Live Preview</span>';
			$preview .= '<nav class="menu filter-style-preview filters menu--' . esc_attr( $current_style ) . '">' .
				'<ul class="modula_menu__list">' .
				'<li class="modula_menu__item modula_menu__item--current"><a href="#" class="modula_menu__link filter_style_preview">' . __( 'Filter 1', 'modula-pro' ) . '</a></li>' .
				'<li class="modula_menu__item"><a href="#" class="modula_menu__link filter_style_preview">' . __( 'Filter 2', 'modula-pro' ) . '</a></li>' .
				'<li class="modula_menu__item"><a href="#" class="modula_menu__link filter_style_preview">' . __( 'Filter 3', 'modula-pro' ) . '</a></li>' .
				'<li class="modula_menu__line"></li>' .
				'</ul>' .
				'</nav></div>';
			$preview .= '<p class="description"><strong>' . esc_html__( 'Hover over the links above to see the effect.', 'modula-pro' ) . '</strong></p>';

			$format = '<tr data-container="' . esc_attr( $field['id'] ) . '"><th scope="row"><label>%s</label>%s</th><td>%s<div>' . $preview . '</div></td></tr>';
		}

		return $format;
	}

	public function meta_boxes_setup() {
		/* Add meta boxes on the 'add_meta_boxes' hook. */
		add_action( 'add_meta_boxes', array( $this, 'add_meta_boxes' ) );
		add_action( 'save_post', array( $this, 'modula_save_sorting' ), 15, 2 );
	}

	/**
	 * @param $post_id
	 * @param $post
	 *
	 * @return mixed
	 *
	 * Save modulaSorting meta
	 */
	public function modula_save_sorting( $post_id, $post ) {

		if ( ! current_user_can( 'edit_post', $post_id ) ) {
			return $post_id;
		}

		if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
			return $post_id;
		}

		$slug = 'modula-gallery';
		if ( $slug !== $post->post_type ) {
			return $post_id;
		}

		// phpcs:ignore WordPress.Security.NonceVerification.Missing
		$modula_sorting = isset( $_POST['modula_sorting'] ) ? sanitize_text_field( wp_unslash( $_POST['modula_sorting'] ) ) : '';

		update_post_meta( $post_id, 'modulaSorting', $modula_sorting );
	}

	public function add_meta_boxes() {

		add_meta_box(
			'modula-gallery-sorting',
			esc_html__( 'Gallery Sorting', 'modula-pro' ),
			array( $this, 'output_gallery_sorting' ),
			'modula-gallery',
			'side',
			'high'
		);
	}

	public function output_gallery_sorting( $post ) {
		echo '<div class="modula-sorting-container">';
		$value = get_post_meta( $post->ID, 'modulaSorting', true );

		if ( empty( $value ) ) {
			$value = apply_filters( 'modula_pro_cpt_sorting_default', 'manual', $post );
		}
		$available = array(
			'manual'            => esc_html__( 'Manual', 'modula-pro' ),
			'dateCreatedNew'    => esc_html__( 'Date created - newest first', 'modula-pro' ),
			'dateCreatedOld'    => esc_html__( 'Date created - oldest first', 'modula-pro' ),
			'dateModifiedFirst' => esc_html__( 'Date modified - most recent first', 'modula-pro' ),
			'dateModifiedLast'  => esc_html__( 'Date modified - most recent last', 'modula-pro' ),
			'titleAZ'           => esc_html__( 'Title alphabetically', 'modula-pro' ),
			'titleZA'           => esc_html__( 'Title reverse', 'modula-pro' ),
			'random'            => esc_html__( 'Random', 'modula-pro' ),
		);

		foreach ( $available as $k => $v ) {
			$checked = $value === $k ? 'checked="checked"' : '';
			echo '<input id="' . esc_attr( $k ) . '" type="radio" name="modula_sorting" ' . esc_attr( $checked ) . ' value="' . esc_attr( $k ) . '">';
			echo '<label for="' . esc_attr( $k ) . '">' . esc_html( $v ) . '</label>';
			echo '<br />';
		}

		echo '</div>';
	}

	public function add_replace_button() {
		echo '<a href="#" class="modula-replace-image" title="' . esc_attr__( 'Replace Image', 'modula-pro' ) . '"><span class="dashicons dashicons-randomize"></span></a>';
	}

	public function custom_css_gallery_id( $html, $field ) {

		if ( 'style' !== $field['id'] ) {
			return $html;
		}

		global $post;
		$post_id = $post->ID;
		$append  = '<div class="custom-css-gallery-id">';
		$append .= '<p class="description">';
		$append .= 'The ID of the gallery is: <code id="copyGalleryId"> jtg-' . $post_id . '</code>';
		$append .= '</p>';
		$append .= '</div>';
		return $append . $html;
	}

	public function elementor_enqueued_styles() {
		wp_enqueue_style( 'modula-pro-effects', MODULA_PRO_URL . 'assets/js/misc/effects.css', array(), MODULA_PRO_VERSION );
		wp_enqueue_style( 'modula-pro-bnb', MODULA_PRO_URL . 'assets/js/misc/modula-pro.css', array(), MODULA_PRO_VERSION, array(), MODULA_PRO_VERSION, array(), MODULA_PRO_VERSION );
	}
}