<?php

if ( ! class_exists( 'PPW_Customizer_Service' ) ) {
	class PPW_Customizer_Service {

		/**
		 * Instance of PPW_Pro_Shortcode class.
		 *
		 * @var PPW_Customizer_Service
		 */
		protected static $instance = null;

		/**
		 * Constructor for PPW_Customizer
		 */
		public function __construct() {
			add_action( 'customize_register', array( $this, 'customize_register' ) );
			add_action( 'customize_controls_enqueue_scripts', array( $this, 'enqueue' ) );
			add_action( 'wp_head', array( $this, 'dynamic_styles' ) );
		}

		/**
		 * Get instance of PPW_Customizer
		 *
		 * @return PPW_Customizer_Service
		 */
		public static function get_instance() {
			if ( is_null( self::$instance ) ) {
				// Use static instead of self due to the inheritance later.
				// For example: ChildSC extends this class, when we call get_instance
				// it will return the object of child class. On the other hand, self function
				// will return the object of base class.
				self::$instance = new static();
			}

			return self::$instance;
		}

		/**
		 * Get below text style.
		 *
		 * @return string
		 */
		public function get_below_text_style() {
			if ( defined( 'PPW_PRO_VERSION' ) ) {
				return '';
			}

			$desc_font_size   = get_theme_mod( 'ppwp_form_instructions_below_text_font_size' );
			$desc_font_weight = get_theme_mod( 'ppwp_form_instructions_below_text_font_weight' );
			$desc_color       = get_theme_mod( 'ppwp_form_instructions_below_text_color' );

			$customizer_style = "
			.ppw-ppf-desc-below {
                font-size: " . $desc_font_size . "px!important;
				font-weight: " . $desc_font_weight . "!important;
				color: " . $desc_color . "!important;
            }
			";

			return $customizer_style;
		}

		/**
		 * Add below description customize.
		 *
		 * @param $wp_customize
		 */
		public function add_below_desc( $wp_customize ) {
			if ( defined( 'PPW_PRO_VERSION' ) ) {
				return;
			}

			$wp_customize->add_setting( 'ppwp_form_instructions_description_below_title' );

			$wp_customize->add_control(
				new PPW_Title_Group_Control(
					$wp_customize,
					'ppwp_form_instructions_description_below_title',
					array(
						'label'    => __( 'Description Below Form', 'password-protect-page' ),
						'section'  => 'ppwp_form_instructions',
						'settings' => 'ppwp_form_instructions_description_below_title',
						'type'     => 'control_title',
					)
				)
			);

			/* instructions text */
			$wp_customize->add_setting( 'ppwp_form_instructions_below_text' );

			$wp_customize->add_control(
				new PPW_Text_Editor_Custom_Control(
					$wp_customize,
					'ppwp_form_instructions_below_text',
					array(
						'label'    => __( 'Description', 'password-protect-page' ),
						'section'  => 'ppwp_form_instructions',
						'settings' => 'ppwp_form_instructions_below_text',
						'type'     => 'textarea',
					)
				)
			);

			/* instructions font size */
			$wp_customize->add_setting( 'ppwp_form_instructions_below_text_font_size' );

			$wp_customize->add_control(
				'ppwp_form_instructions_below_text_font_size_control',
				array(
					'label'       => __( 'Font Size', 'password-protect-page' ),
					'description' => __( 'Font size in px', 'password-protect-page' ),
					'section'     => 'ppwp_form_instructions',
					'settings'    => 'ppwp_form_instructions_below_text_font_size',
					'type'        => 'number',
				) );

			/* instructions font weight */
			$wp_customize->add_setting( 'ppwp_form_instructions_below_text_font_weight' );

			$wp_customize->add_control(
				'ppwp_form_instructions_below_text_font_weight_control',
				array(
					'label'    => __( 'Font Weight', 'password-protect-page' ),
					'section'  => 'ppwp_form_instructions',
					'settings' => 'ppwp_form_instructions_below_text_font_weight',
					'type'     => 'number',
				) );

			/* text color - form instructions */
			$wp_customize->add_setting( 'ppwp_form_instructions_below_text_color' );

			$wp_customize->add_control(
				new \WP_Customize_Color_Control(
					$wp_customize,
					'ppwp_form_instructions_below_text_color_control',
					array(
						'label'    => __( 'Text Color', 'password-protect-page' ),
						'section'  => 'ppwp_form_instructions',
						'settings' => 'ppwp_form_instructions_below_text_color',
					)
				)
			);
		}

		/**
		 * Register customizer fields
		 *
		 * @param object $wp_customize customizer object.
		 *
		 * @return void
		 */
		public function customize_register( $wp_customize ) {
			if ( ! class_exists( 'PPW_Title_Group_Control' ) ) {
				include PPW_DIR_PATH . 'includes/customizers/class-ppw-title-group-control.php';
			}
			if ( ! class_exists( 'PPW_Toggle_Control' ) ) {
				include PPW_DIR_PATH . 'includes/customizers/class-ppw-toggle-control.php';
			}
			if ( ! class_exists( 'PPW_Text_Editor_Custom_Control' ) ) {
				include PPW_DIR_PATH . 'includes/customizers/class-ppw-text-editor-control.php';
			}

			/* register toggle control */
			$wp_customize->register_control_type( 'PPW_Toggle_Control' );
			$wp_customize->register_control_type( 'PPW_Title_Group_Control' );
			$wp_customize->register_control_type( 'PPW_Text_Editor_Custom_Control' );

			$wp_customize->add_panel( 'ppwp',
				array(
					'priority'       => 9970,
					'capability'     => 'edit_theme_options',
					'theme_supports' => '',
					'title'          => __( 'PPWP Single Password Form', 'password-protect-page' ),
				)
			);

			/* form instructions section */
			$wp_customize->add_section( 'ppwp_form_instructions', array(
				'title'    => __( 'Password Form', 'password-protect-page' ),
				'panel'    => 'ppwp',
				'priority' => 100,
			) );

			$wp_customize->add_setting( 'ppwp_form_instructions_background_title' );

			$wp_customize->add_control(
				new PPW_Title_Group_Control(
					$wp_customize,
					'ppwp_form_instructions_background_title', array(
					'label'			=> __( 'Background', 'password-protect-page' ),
					'section'  		=> 'ppwp_form_instructions',
					'settings' 		=> 'ppwp_form_instructions_background_title',
					'type'     		=> 'control_title',
				) )
			);

			/* form background color */
			$wp_customize->add_setting( 'ppwp_form_instructions_background_color', array(
				'default' => PPW_Constants::DEFAULT_FORM_BACKGROUND_COLOR,
			) );

			$wp_customize->add_control(
				new \WP_Customize_Color_Control(
					$wp_customize,
					'ppwp_form_instructions_background_color_control', array(
					'label'    => __( 'Background Color', 'password-protect-page' ),
					'section'  => 'ppwp_form_instructions',
					'settings' => 'ppwp_form_instructions_background_color',
				) )
			);

			/* form background padding */
			$wp_customize->add_setting( 'ppwp_form_instructions_padding', array(
				'default' => PPW_Constants::DEFAULT_FORM_PADDING,
			) );
			$wp_customize->add_control( 'ppwp_form_instructions_padding_control', array(
				'label'			=> __( 'Padding', 'password-protect-page' ),
				'section'  		=> 'ppwp_form_instructions',
				'description' 	=> 'Padding in px',
				'settings' 		=> 'ppwp_form_instructions_padding',
				'type'     		=> 'number',
			) );

			/* form background border radius */
			$wp_customize->add_setting( 'ppwp_form_instructions_border_radius', array(
				'default' => PPW_Constants::DEFAULT_FORM_BORDER_RADIUS,
			) );
			$wp_customize->add_control( 'ppwp_form_instructions_border_radius_control', array(
				'label'    => __( 'Border Radius', 'password-protect-page' ),
				'section'  => 'ppwp_form_instructions',
				'description' => 'Border Radius in px',
				'settings' => 'ppwp_form_instructions_border_radius',
				'type'     => 'number',
			) );

			$wp_customize->add_setting( 'ppwp_form_instructions_headline_title' );

			$wp_customize->add_control(
				new PPW_Title_Group_Control(
					$wp_customize,
					'ppwp_form_instructions_headline_title', array(
					'label'			=> __( 'Headline', 'password-protect-page' ),
					'section'  		=> 'ppwp_form_instructions',
					'settings' 		=> 'ppwp_form_instructions_headline_title',
					'type'     		=> 'control_title',
				) )
			);

			/* instructions headline */
			$wp_customize->add_setting( 'ppwp_form_instructions_headline', array(
				'default' => __( PPW_Constants::DEFAULT_HEADLINE_TEXT, 'password-protect-page' ),
			) );
			$wp_customize->add_control(
				new PPW_Text_Editor_Custom_Control(
					$wp_customize,
					'ppwp_form_instructions_headline',
					array(
						'label'    => __( 'Headline', 'password-protect-page' ),
						'section'  => 'ppwp_form_instructions',
						'settings' => 'ppwp_form_instructions_headline',
						'type'     => 'textarea',
					)
				)
			);

			/* headline font size */
			$wp_customize->add_setting( 'ppwp_form_instructions_headline_font_size', array(
				'default' => PPW_Constants::DEFAULT_HEADLINE_FONT_SIZE,
			) );
			$wp_customize->add_control( 'ppwp_form_instructions_headline_font_size_control', array(
				'label'       => __( 'Font Size', 'password-protect-page' ),
				'description' => __( 'Font size in px', 'password-protect-page' ),
				'section'     => 'ppwp_form_instructions',
				'settings'    => 'ppwp_form_instructions_headline_font_size',
				'type'        => 'number',
			) );

			/* headline font weight */
			$wp_customize->add_setting( 'ppwp_form_instructions_headline_font_weight', array(
				'default' => PPW_Constants::DEFAULT_HEADLINE_FONT_WEIGHT,
			) );
			$wp_customize->add_control( 'ppwp_form_instructions_headline_font_weight_control', array(
				'label'    => __( 'Font Weight', 'password-protect-page' ),
				'section'  => 'ppwp_form_instructions',
				'settings' => 'ppwp_form_instructions_headline_font_weight',
				'type'     => 'number',
			) );

			/* headline color */
			$wp_customize->add_setting( 'ppwp_form_instructions_headline_color', array(
				'default' => PPW_Constants::DEFAULT_HEADLINE_FONT_COLOR,
			) );

			$wp_customize->add_control(
				new \WP_Customize_Color_Control(
					$wp_customize,
					'ppwp_form_instructions_headline_color_control', array(
					'label'    => __( 'Text Color', 'password-protect-page' ),
					'section'  => 'ppwp_form_instructions',
					'settings' => 'ppwp_form_instructions_headline_color',
				) )
			);

			$wp_customize->add_setting( 'ppwp_form_instructions_description_title' );

			$wp_customize->add_control(
				new PPW_Title_Group_Control(
					$wp_customize,
					'ppwp_form_instructions_description_title', array(
					'label'			=> __( 'Description Above Form', 'password-protect-page' ),
					'section'  		=> 'ppwp_form_instructions',
					'settings' 		=> 'ppwp_form_instructions_description_title',
					'type'     		=> 'control_title',
				) )
			);

			/* instructions text */
			$wp_customize->add_setting( 'ppwp_form_instructions_text', array(
				'default' => __( apply_filters( PPW_Constants::HOOK_MESSAGE_PASSWORD_FORM, PPW_Constants::DEFAULT_FORM_MESSAGE ), 'password-protect-page' ),
			) );

			$wp_customize->add_control(
				new PPW_Text_Editor_Custom_Control(
					$wp_customize,
					'ppwp_form_instructions_text',
					array(
						'label'    => __( 'Description', 'password-protect-page' ),
						'section'  => 'ppwp_form_instructions',
						'settings' => 'ppwp_form_instructions_text',
						'type'     => 'textarea',
					)
				)
			);

			/* instructions font size */
			$wp_customize->add_setting( 'ppwp_form_instructions_text_font_size', array(
				'default' => PPW_Constants::DEFAULT_TEXT_FONT_SIZE,
			) );
			$wp_customize->add_control( 'ppwp_form_instructions_text_font_size_control', array(
				'label'       => __( 'Font Size', 'password-protect-page' ),
				'description' => __( 'Font size in px', 'password-protect-page' ),
				'section'     => 'ppwp_form_instructions',
				'settings'    => 'ppwp_form_instructions_text_font_size',
				'type'        => 'number',
			) );

			/* instructions font weight */
			$wp_customize->add_setting( 'ppwp_form_instructions_text_font_weight', array(
				'default' => PPW_Constants::DEFAULT_TEXT_FONT_WEIGHT,
			) );
			$wp_customize->add_control( 'ppwp_form_instructions_text_font_weight_control', array(
				'label'    => __( 'Font Weight', 'password-protect-page' ),
				'section'  => 'ppwp_form_instructions',
				'settings' => 'ppwp_form_instructions_text_font_weight',
				'type'     => 'number',
			) );

			/* text color - form instructions */
			$wp_customize->add_setting( 'ppwp_form_instructions_text_color', array(
				'default' => PPW_Constants::DEFAULT_TEXT_FONT_COLOR,
			) );

			$wp_customize->add_control(
				new \WP_Customize_Color_Control(
					$wp_customize,
					'ppwp_form_instructions_text_color_control', array(
					'label'    => __( 'Text Color', 'password-protect-page' ),
					'section'  => 'ppwp_form_instructions',
					'settings' => 'ppwp_form_instructions_text_color',
				) )
			);

			$this->add_below_desc( $wp_customize );

			// Add one more tab below "Description Text Color" control.
			do_action( 'ppw_customize_after_text_color', $wp_customize );

			$wp_customize->add_setting( 'ppwp_form_instructions_label_title' );
			$wp_customize->add_control(
				new PPW_Title_Group_Control(
					$wp_customize,
					'ppwp_form_instructions_label_title', array(
					'label'			=> __( 'Password Field', 'password-protect-page' ),
					'section'  		=> 'ppwp_form_instructions',
					'settings' 		=> 'ppwp_form_instructions_label_title',
					'type'     		=> 'control_title',
				) )
			);

			$wp_customize->add_setting( 'ppwp_form_instructions_password_label', array(
				'default' => PPW_Constants::DEFAULT_PASSWORD_LABEL,
			) );

			$wp_customize->add_control( 'ppwp_form_instructions_password_label_control', array(
				'label'    => __( 'Password Label', 'password-protect-page' ),
				'section'  => 'ppwp_form_instructions',
				'settings' => 'ppwp_form_instructions_password_label',
				'type'     => 'text',
			) );

			/* instructions font size */
			$wp_customize->add_setting( 'ppwp_form_instructions_password_label_font_size', array(
				'default' => PPW_Constants::DEFAULT_TEXT_FONT_SIZE,
			) );
			$wp_customize->add_control( 'ppwp_form_instructions_password_label_font_size_control', array(
				'label'       => __( 'Font Size', 'password-protect-page' ),
				'description' => __( 'Font size in px', 'password-protect-page' ),
				'section'     => 'ppwp_form_instructions',
				'settings'    => 'ppwp_form_instructions_password_label_font_size',
				'type'        => 'number',
			) );

			/* instructions font weight */
			$wp_customize->add_setting( 'ppwp_form_instructions_password_label_font_weight', array(
				'default' => PPW_Constants::DEFAULT_TEXT_FONT_WEIGHT,
			) );
			$wp_customize->add_control( 'ppwp_form_instructions_password_label_font_weight_control', array(
				'label'    => __( 'Font Weight', 'password-protect-page' ),
				'section'  => 'ppwp_form_instructions',
				'settings' => 'ppwp_form_instructions_password_label_font_weight',
				'type'     => 'number',
			) );

			/* text color - form instructions */
			$wp_customize->add_setting( 'ppwp_form_instructions_password_label_color', array(
				'default' => PPW_Constants::DEFAULT_TEXT_FONT_COLOR,
			) );

			$wp_customize->add_control(
				new \WP_Customize_Color_Control(
					$wp_customize,
					'ppwp_form_instructions_password_label_color_control', array(
					'label'    => __( 'Text Color', 'password-protect-page' ),
					'section'  => 'ppwp_form_instructions',
					'settings' => 'ppwp_form_instructions_password_label_color',
				) )
			);

			/* placeholder text */
			$wp_customize->add_setting( 'ppwp_form_instructions_placeholder', array(
				'default' => __( PPW_Constants::DEFAULT_PLACEHOLDER, 'password-protect-page' ),
			) );
			$wp_customize->add_control( 'ppwp_form_instructions_placeholder_control', array(
				'label'    => __( 'Placeholder', 'password-protect-page' ),
				'section'  => 'ppwp_form_instructions',
				'settings' => 'ppwp_form_instructions_placeholder',
				'type'     => 'text',
			) );

			$wp_customize->add_setting( 'ppwp_form_instructions_show_password_title' );
			$wp_customize->add_control(
				new PPW_Title_Group_Control(
					$wp_customize,
					'ppwp_form_instructions_show_password_title', array(
					'label'			=> __( 'Show Password', 'password-protect-page' ),
					'section'  		=> 'ppwp_form_instructions',
					'settings' 		=> 'ppwp_form_instructions_show_password_title',
					'type'     		=> 'control_title',
				) )
			);

			/* password typing - form instructions */
			$wp_customize->add_setting( 'ppwp_form_instructions_is_show_password', array(
				'default' => PPW_Constants::DEFAULT_IS_SHOW_PASSWORD,
			) );

			$wp_customize->add_control(
				new PPW_Toggle_Control(
					$wp_customize,
					'ppwp_form_instructions_is_show_password_control', array(
					'label'       => __( 'Show Password Reveal Button', 'password-protect-page' ),
					'section'     => 'ppwp_form_instructions',
					'type'        => 'toggle',
					'settings'    => 'ppwp_form_instructions_is_show_password',
				) )
			);

			/* show password text */
			$wp_customize->add_setting( 'ppwp_form_instructions_show_password_text', array(
				'default' => PPW_Constants::DEFAULT_SHOW_PASSWORD_TEXT,
			) );

			$wp_customize->add_control( 'ppwp_form_instructions_show_password_text_control', array(
				'label'			=> __( 'Button Text', 'password-protect-page' ),
				'section'  		=> 'ppwp_form_instructions',
				'settings' 		=> 'ppwp_form_instructions_show_password_text',
				'type'     		=> 'text',
			) );

			do_action('ppw_customize_after_form_instructions', $wp_customize);

			/* form error message section */
			$wp_customize->add_section( 'ppwp_form_error_message', array(
				'title'    => __( 'Error Messages', 'password-protect-page' ),
				'panel'    => 'ppwp',
				'priority' => 200,
			) );

			/* error message text */
			$wp_customize->add_setting( 'ppwp_form_error_message_text', array(
				'default' => __( apply_filters( PPW_Constants::HOOK_MESSAGE_ENTERING_WRONG_PASSWORD, PPW_Constants::DEFAULT_WRONG_PASSWORD_MESSAGE ), 'password-protect-page' ),
			) );

			$wp_customize->add_control(
				new PPW_Text_Editor_Custom_Control(
					$wp_customize,
					'ppwp_form_error_message_text',
					array(
						'label'    => __( 'Wrong Password Message', 'password-protect-page' ),
						'section'  => 'ppwp_form_error_message',
						'settings' => 'ppwp_form_error_message_text',
						'type'     => 'textarea',
						'priority' => 10,
					)
				)
			);

			/* error message text */
			$wp_customize->add_setting( 'ppwp_form_error_recaptcha_message_text', array(
				'default' => __( PPW_Constants::DEFAULT_ERROR_RECAPTCHA_MESSAGE, 'password-protect-page' ),
			) );
			$wp_customize->add_control(
				new PPW_Text_Editor_Custom_Control(
					$wp_customize,
					'ppwp_form_error_recaptcha_message_text',
					array(
						'label'    => __( 'Failed reCAPTCHA Message', 'password-protect-page' ),
						'section'  => 'ppwp_form_error_message',
						'settings' => 'ppwp_form_error_recaptcha_message_text',
						'type'     => 'textarea',
						'priority' => 15,
					)
				)
			);

			/* error message font size */
			$wp_customize->add_setting( 'ppwp_form_error_message_text_font_size', array(
				'default' => PPW_Constants::DEFAULT_ERROR_TEXT_FONT_SIZE,
			) );

			$wp_customize->add_control( 'ppwp_form_error_message_text_font_size_control', array(
				'label'       => __( 'Font Size', 'password-protect-page' ),
				'description' => __( 'Font size in px', 'password-protect-page' ),
				'section'     => 'ppwp_form_error_message',
				'settings'    => 'ppwp_form_error_message_text_font_size',
				'type'        => 'number',
				'priority' 	  => 20,
			) );

			/* error message font weight */
			$wp_customize->add_setting( 'ppwp_form_error_message_text_font_weight', array(
				'default' => PPW_Constants::DEFAULT_ERROR_TEXT_FONT_WEIGHT,
			) );
			$wp_customize->add_control( 'ppwp_form_error_message_text_font_weight_control', array(
				'label'    => __( 'Font Weight', 'password-protect-page' ),
				'section'  => 'ppwp_form_error_message',
				'settings' => 'ppwp_form_error_message_text_font_weight',
				'type'     => 'number',
				'priority' => 25,
			) );

			/* error message text color */
			$wp_customize->add_setting( 'ppwp_form_error_message_text_color', array(
				'default' => PPW_Constants::DEFAULT_ERROR_TEXT_FONT_COLOR,
			) );

			$wp_customize->add_control(
				new \WP_Customize_Color_Control(
					$wp_customize,
					'ppwp_form_error_message_text_color_control', array(
					'label'    => __( 'Text Color', 'password-protect-page' ),
					'section'  => 'ppwp_form_error_message',
					'settings' => 'ppwp_form_error_message_text_color',
					'priority' => 30,
				) )
			);

			/* error message background color */
			$wp_customize->add_setting( 'ppwp_form_error_message_background_color', array(
				'default' => '#ffffff',
			) );

			$wp_customize->add_control(
				new \WP_Customize_Color_Control(
					$wp_customize,
					'ppwp_form_error_message_background_color_control', array(
					'label'    => __( 'Background Color', 'password-protect-page' ),
					'section'  => 'ppwp_form_error_message',
					'settings' => 'ppwp_form_error_message_background_color',
					'priority' => 35,
				) )
			);

			/* form button */
			$wp_customize->add_section( 'ppwp_form_button', array(
				'title'    => __( 'Button', 'password-protect-page' ),
				'panel'    => 'ppwp',
				'priority' => 300,
			) );

			/* button label */
			$wp_customize->add_setting( 'ppwp_form_button_label', array(
				'default' => __( PPW_Constants::DEFAULT_SUBMIT_LABEL, 'password-protect-page' ),
			) );
			$wp_customize->add_control( 'ppwp_form_button_label_control', array(
				'label'    => __( 'Button Label', 'password-protect-page' ),
				'section'  => 'ppwp_form_button',
				'settings' => 'ppwp_form_button_label',
				'type'     => 'text',
			) );

			/* button text color */
			$wp_customize->add_setting( 'ppwp_form_button_text_color', array(
				'default' => PPW_Constants::DEFAULT_BUTTON_TEXT_FONT_COLOR,
			) );

			$wp_customize->add_control(
				new \WP_Customize_Color_Control(
					$wp_customize,
					'ppwp_form_button_text_color_control', array(
					'label'    => __( 'Text Color', 'password-protect-page' ),
					'section'  => 'ppwp_form_button',
					'settings' => 'ppwp_form_button_text_color',
				) )
			);

			/* button text hover color */
			$wp_customize->add_setting( 'ppwp_form_button_text_hover_color', array(
				'default' => PPW_Constants::DEFAULT_BUTTON_TEXT_HOVER_COLOR,
			) );

			$wp_customize->add_control(
				new \WP_Customize_Color_Control(
					$wp_customize,
					'ppwp_form_button_text_hover_color_control', array(
					'label'    => __( 'Text Color (Hover)', 'password-protect-page' ),
					'section'  => 'ppwp_form_button',
					'settings' => 'ppwp_form_button_text_hover_color',
				) )
			);

			/* button background color */
			$wp_customize->add_setting( 'ppwp_form_button_background_color', array(
				'default' => PPW_Constants::DEFAULT_BUTTON_BACKGROUND_COLOR,
			) );

			$wp_customize->add_control(
				new \WP_Customize_Color_Control(
					$wp_customize,
					'ppwp_form_button_background_color_control', array(
					'label'    => __( 'Background Color', 'password-protect-page' ),
					'section'  => 'ppwp_form_button',
					'settings' => 'ppwp_form_button_background_color',
				) )
			);

			/* button background hover color */
			$wp_customize->add_setting( 'ppwp_form_button_background_hover_color', array(
				'default' => PPW_Constants::DEFAULT_BUTTON_BACKGROUND_HOVER_COLOR,
			) );

			$wp_customize->add_control(
				new \WP_Customize_Color_Control(
					$wp_customize,
					'ppwp_form_button_background_hover_color_control', array(
					'label'    => __( 'Background Color (Hover)', 'password-protect-page' ),
					'section'  => 'ppwp_form_button',
					'settings' => 'ppwp_form_button_background_hover_color',
				) )
			);

		}

		/**
		 * Add dynamic styles
		 *
		 * @return void
		 */
		public function dynamic_styles() {
			$below_text_styles = $this->get_below_text_style();
			$ppw_custom_css = "
			<style>
			.ppw-ppf-input-container {
				background-color: " . get_theme_mod( 'ppwp_form_instructions_background_color', PPW_Constants::DEFAULT_FORM_BACKGROUND_COLOR ) . "!important;
				padding: " . get_theme_mod( 'ppwp_form_instructions_padding', PPW_Constants::DEFAULT_FORM_PADDING ) . "px!important;
				border-radius: " . get_theme_mod( 'ppwp_form_instructions_border_radius', PPW_Constants::DEFAULT_FORM_BORDER_RADIUS ) . "px!important;
			}

			.ppw-ppf-input-container div.ppw-ppf-headline {
				font-size: " . get_theme_mod( 'ppwp_form_instructions_headline_font_size', PPW_Constants::DEFAULT_HEADLINE_FONT_SIZE ) . "px!important;
				font-weight: " . get_theme_mod( 'ppwp_form_instructions_headline_font_weight', PPW_Constants::DEFAULT_HEADLINE_FONT_WEIGHT ) . "!important;
				color: " . get_theme_mod( 'ppwp_form_instructions_headline_color', PPW_Constants::DEFAULT_HEADLINE_FONT_COLOR ) . "!important;
			}

			.ppw-ppf-input-container div.ppw-ppf-desc {
				font-size: " . get_theme_mod( 'ppwp_form_instructions_text_font_size', PPW_Constants::DEFAULT_TEXT_FONT_SIZE ) . "px!important;
				font-weight: " . get_theme_mod( 'ppwp_form_instructions_text_font_weight', PPW_Constants::DEFAULT_TEXT_FONT_WEIGHT ) . "!important;
				color: " . get_theme_mod( 'ppwp_form_instructions_text_color', PPW_Constants::DEFAULT_TEXT_FONT_COLOR ) . "!important;
			}

			.ppw-ppf-input-container label.ppw-pwd-label {
				font-size: " . get_theme_mod( 'ppwp_form_instructions_password_label_font_size', PPW_Constants::DEFAULT_TEXT_FONT_SIZE ) . "px!important;
				font-weight: " . get_theme_mod( 'ppwp_form_instructions_password_label_font_weight', PPW_Constants::DEFAULT_TEXT_FONT_WEIGHT ) . "!important;
				color: " . get_theme_mod( 'ppwp_form_instructions_password_label_color', PPW_Constants::DEFAULT_TEXT_FONT_COLOR ) . "!important;
			}

			div.ppwp-wrong-pw-error {
				font-size: " . get_theme_mod( 'ppwp_form_error_message_text_font_size', PPW_Constants::DEFAULT_ERROR_TEXT_FONT_SIZE ) . "px!important;
				font-weight: " . get_theme_mod( 'ppwp_form_error_message_text_font_weight', PPW_Constants::DEFAULT_ERROR_TEXT_FONT_WEIGHT ) . "!important;
				color: " . get_theme_mod( 'ppwp_form_error_message_text_color', PPW_Constants::DEFAULT_ERROR_TEXT_FONT_COLOR ) . "!important;
				background: " . get_theme_mod( 'ppwp_form_error_message_background_color', PPW_Constants::DEFAULT_ERROR_TEXT_BACKGROUND_COLOR ) . "!important;
			}

			.ppw-ppf-input-container input[type='submit'] {
				color: " . get_theme_mod( 'ppwp_form_button_text_color', PPW_Constants::DEFAULT_BUTTON_TEXT_FONT_COLOR ) . "!important;
				background: " . get_theme_mod( 'ppwp_form_button_background_color', PPW_Constants::DEFAULT_BUTTON_BACKGROUND_COLOR ) . "!important;
			}

			.ppw-ppf-input-container input[type='submit']:hover {
				color: " . get_theme_mod( 'ppwp_form_button_text_hover_color', PPW_Constants::DEFAULT_BUTTON_TEXT_HOVER_COLOR ) . "!important;
				background: " . get_theme_mod( 'ppwp_form_button_background_hover_color', PPW_Constants::DEFAULT_BUTTON_BACKGROUND_HOVER_COLOR ) . "!important;
			}
			{$below_text_styles}
			</style>
			";

			// compress $ppw_custom_css.
			$ppw_custom_css = preg_replace( "/\s{2,}/", " ", str_replace( "\n", "", str_replace( ', ', ",", $ppw_custom_css ) ) );

			echo $ppw_custom_css;
		}

		/**
		 * Enqueue script for customizer control
		 */
		public function enqueue() {
			wp_enqueue_script( 'ppwp-customizer', PPW_DIR_URL . 'admin/js/customizer.js', array( 'jquery' ), PPW_VERSION, true  );
			wp_localize_script(
				"ppwp-customizer",
				'ppw_data',
				array(
					'backgroundDIR' => PPW_DIR_URL . 'includes/customizers/assets/images/backgrounds/',
				)
			);
		}
	}
}