<?php

class ET_Builder_Module_Pricing_Tables extends ET_Builder_Module {
	function init() {
		$this->name                 = esc_html__( 'Pricing Tables', 'et_builder' );
		$this->plural               = esc_html__( 'Pricing Tables', 'et_builder' );
		$this->slug                 = 'et_pb_pricing_tables';
		$this->vb_support           = 'on';
		$this->main_css_element     = '%%order_class%%';
		$this->child_slug           = 'et_pb_pricing_table';
		$this->child_item_text      = esc_html__( 'Pricing Table', 'et_builder' );

		$this->additional_shortcode = 'et_pb_pricing_item';
		$this->custom_css_fields = array(
			'pricing_heading' => array(
				'label'    => esc_html__( 'Pricing Heading', 'et_builder' ),
				'selector' => '.et_pb_pricing_heading',
			),
			'pricing_title' => array(
				'label'    => esc_html__( 'Pricing Title', 'et_builder' ),
				'selector' => '.et_pb_pricing_heading h2',
			),
			'pricing_subtitle' => array(
				'label'    => esc_html__( 'Pricing Subtitle', 'et_builder' ),
				'selector' => '.et_pb_pricing_heading .et_pb_best_value',
			),
			'pricing_top' => array(
				'label'    => esc_html__( 'Pricing Top', 'et_builder' ),
				'selector' => '.et_pb_pricing_content_top',
			),
			'price' => array(
				'label'    => esc_html__( 'Price', 'et_builder' ),
				'selector' => '.et_pb_et_price',
			),
			'currency' => array(
				'label'    => esc_html__( 'Currency', 'et_builder' ),
				'selector' => '.et_pb_dollar_sign',
			),
			'frequency' => array(
				'label'    => esc_html__( 'Frequency', 'et_builder' ),
				'selector' => '.et_pb_frequency',
			),
			'pricing_content' => array(
				'label'    => esc_html__( 'Pricing Content', 'et_builder' ),
				'selector' => '.et_pb_pricing_content',
			),
			'pricing_item' => array(
				'label'    => esc_html__( 'Pricing Item', 'et_builder' ),
				'selector' => 'ul.et_pb_pricing li',
			),
			'pricing_item_excluded' => array(
				'label'    => esc_html__( 'Excluded Item', 'et_builder' ),
				'selector' => 'ul.et_pb_pricing li.et_pb_not_available',
			),
			'pricing_button' => array(
				'label'    => esc_html__( 'Pricing Button', 'et_builder' ),
				'selector' => '.et_pb_pricing_table_button',
			),
			'featured_table' => array(
				'label'    => esc_html__( 'Featured Table', 'et_builder' ),
				'selector' => '.et_pb_featured_table',
			),
		);

		$this->settings_modal_toggles = array(
			'general'  => array(
				'toggles' => array(
					'elements'    => esc_html__( 'Elements', 'et_builder' ),
				),
			),
			'advanced' => array(
				'toggles' => array(
					'layout' => esc_html__( 'Layout', 'et_builder' ),
					'bullet' => esc_html__( 'Bullet', 'et_builder' ),
				),
			),
		);

		$this->advanced_fields = array(
			'borders'               => array(
				'default' => array(
					// @TODO
					'additional_elements' => array(
						array(
							"{$this->main_css_element} .et_pb_pricing_content_top" => array( 'bottom' ),
						),
					),
					'css'                 => array(
						'main' => array(
							'border_radii'  => "{$this->main_css_element} .et_pb_pricing_table",
							'border_styles' => "{$this->main_css_element} .et_pb_pricing_table",
						),
					),
					'defaults' => array(
						'border_radii'  => 'on||||',
						'border_styles' => array(
							'width' => '1px',
							'color' => '#bebebe',
							'style' => 'solid',
						),
					),
				),
				'price' => array(
					'css'             => array(
						'main' => array(
							'border_radii'  => "{$this->main_css_element} .et_pb_pricing_content_top",
							'border_styles' => "{$this->main_css_element} .et_pb_pricing_content_top",
						),
					),
					'option_category' => 'border',
					'tab_slug'        => 'advanced',
					'toggle_slug'     => 'price',
					'defaults'        => array(
						'border_radii'  => 'on||||',
						'border_styles' => array(
							'width' => '0px',
							'color' => '#bebebe',
							'style' => 'solid',
						),
						'composite'     => array(
							'border_bottom' => array(
								'border_width_bottom' => '1px',
							),
						),
					),
				),
			),
			'fonts'                 => array(
				'header' => array(
					'label'            => esc_html__( 'Title', 'et_builder' ),
					'css'              => array(
						'main' => "{$this->main_css_element} .et_pb_pricing_heading h2, {$this->main_css_element} .et_pb_pricing_heading h1.et_pb_pricing_title, {$this->main_css_element} .et_pb_pricing_heading h3.et_pb_pricing_title, {$this->main_css_element} .et_pb_pricing_heading h4.et_pb_pricing_title, {$this->main_css_element} .et_pb_pricing_heading h5.et_pb_pricing_title, {$this->main_css_element} .et_pb_pricing_heading h6.et_pb_pricing_title",
						'important' => 'all',
					),
					'letter_spacing'   => array(
						'default' => '0px',
					),
					'header_level'     => array(
						'default' => 'h2',
					),
					'options_priority' => array(
						'header_text_color' => 9,
					),
				),
				'body'   => array(
					'label'            => esc_html__( 'Body', 'et_builder' ),
					'css'              => array(
						'main' => "{$this->main_css_element} .et_pb_pricing li",
						'limited_main' => "{$this->main_css_element} .et_pb_pricing li, {$this->main_css_element} .et_pb_pricing li span, {$this->main_css_element} .et_pb_pricing li a",
					),
					'line_height'      => array(
						'range_settings' => array(
							'min'  => '1',
							'max'  => '100',
							'step' => '1',
						),
					),
					'font_size'        => array(
						'default' => absint( et_get_option( 'body_font_size', '14' ) ) . 'px',
					),
					'letter_spacing'   => array(
						'default' => '0px',
					),
					'block_elements'   => array(
						'tabbed_subtoggles' => true,
						'bb_icons_support'  => true,
					),
					'options_priority' => array(
						'body_text_color' => 9,
					),
				),
				'subheader' => array(
					'label'            => esc_html__( 'Subtitle', 'et_builder' ),
					'css'              => array(
						'main' => "{$this->main_css_element} .et_pb_best_value",
					),
					'letter_spacing'   => array(
						'default' => '0px',
					),
					'line_height'      => array(
						'default' => '1em',
					),
					'options_priority' => array(
						'subheader_text_color' => 9,
					),
				),
				'price' => array(
					'label'            => esc_html__( 'Price', 'et_builder' ),
					'css'              => array(
						'main' => "{$this->main_css_element} .et_pb_sum",
						'text_align' => "{$this->main_css_element} .et_pb_pricing_content_top",
					),
					'line_height'      => array(
						'range_settings' => array(
							'min'  => '1',
							'max'  => '100',
							'step' => '1',
						),
					),
					'options_priority' => array(
						'price_text_color' => 8,
					),
				),
				'currency_frequency' => array(
					'label'            => esc_html__( 'Currency &amp; Frequency', 'et_builder' ),
					'css'              => array(
						'main' => "{$this->main_css_element} .et_pb_dollar_sign, {$this->main_css_element} .et_pb_frequency",
					),
					'hide_text_align'  => true,
					'options_priority' => array(
						'currency_frequency_text_color' => 9,
					),
				),
				'excluded'           => array(
					'label'            => esc_html__( 'Excluded Item', 'et_builder' ),
					'css'              => array(
						'main'  => "{$this->main_css_element} .et_pb_pricing li.et_pb_not_available, {$this->main_css_element} .et_pb_pricing li.et_pb_not_available span, {$this->main_css_element} .et_pb_pricing li.et_pb_not_available a",
					),
					'line_height'      => array(
						'range_settings' => array(
							'min'  => '1',
							'max'  => '100',
							'step' => '1',
						),
					),
					'font_size'        => array(
						'default' => absint( et_get_option( 'body_font_size', '14' ) ) . 'px',
					),
					'options_priority' => array(
						'excluded_text_color' => 9,
					),
				),
			),
			'background'            => array(
				'css'  => array(
					'main' => "{$this->main_css_element} .et_pb_pricing_table",
				),
				'settings' => array(
					'color' => 'alpha',
				),
			),
			'button'                => array(
				'button' => array(
					'label' => esc_html__( 'Button', 'et_builder' ),
					'css' => array(
						'main' => "{$this->main_css_element} .et_pb_pricing_table_button.et_pb_button",
						'limited_main' => "{$this->main_css_element} .et_pb_pricing_table_button.et_pb_button",
						'alignment'   => "{$this->main_css_element} .et_pb_button_wrapper",
					),
					'use_alignment' => true,
					'box_shadow' => array(
						'css' => array(
							'main' => '%%order_class%% .et_pb_button',
						),
					),
					'margin_padding' => array(
						'css' => array(
							'important' => 'all',
						),
					),
				),
			),
			'margin_padding' => array(
				'css' => array(
					'important'      => 'all', // needed to overwrite last module margin-bottom styling
					'main'           => '%%order_class%% .et_pb_pricing_heading, %%order_class%% .et_pb_pricing_content_top, %%order_class%% .et_pb_pricing_content',
					'padding-right'  => '%%order_class%% .et_pb_button_wrapper',
					'padding-bottom' => '%%order_class%% .et_pb_pricing_table',
					'padding-left'   => '%%order_class%% .et_pb_button_wrapper',
				),
			),
			'text'                  => array(
				'css' => array(
					'text_orientation' => '%%order_class%% .et_pb_pricing_table, %%order_class%% .et_pb_pricing_content',
					'text_shadow'      => '%%order_class%% .et_pb_pricing_heading, %%order_class%% .et_pb_pricing_content_top, %%order_class%% .et_pb_pricing_content',
				),
			),
		);

		$this->help_videos = array(
			array(
				'id'   => esc_html( 'BVzu4WnjgYI' ),
				'name' => esc_html__( 'An introduction to the Pricing Tables module', 'et_builder' ),
			),
		);
	}

	function get_fields() {
		$fields = array(
			'featured_table_background_color' => array(
				'label'             => esc_html__( 'Featured Background Color', 'et_builder' ),
				'description'       => esc_html__( 'Pick a unique color to be used for the background of featured pricing tables. This helps featured tables stand out from the rest.', 'et_builder' ),
				'type'              => 'color-alpha',
				'custom_color'      => true,
				'tab_slug'          => 'advanced',
				'toggle_slug'       => 'layout',
				'priority'          => 23,
				'hover'             => 'tabs',
				'mobile_options'    => true,
			),
			'featured_table_header_background_color' => array(
				'label'             => esc_html__( 'Featured Header Background Color', 'et_builder' ),
				'description'       => esc_html__( 'Pick a unique color to use for the background behind pricing table titles in featured pricing tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
				'type'              => 'color-alpha',
				'custom_color'      => true,
				'tab_slug'          => 'advanced',
				'toggle_slug'       => 'header',
				'priority'          => 21,
				'hover'             => 'tabs',
				'mobile_options'    => true,
			),
			'featured_table_header_text_color' => array(
				'label'             => esc_html__( 'Featured Title Text Color', 'et_builder' ),
				'description'       => esc_html__( 'Pick a unique color to use for title text in featured pricing tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
				'type'              => 'color-alpha',
				'custom_color'      => true,
				'tab_slug'          => 'advanced',
				'toggle_slug'       => 'header',
				'priority'          => 20,
				'hover'             => 'tabs',
				'mobile_options'    => true,
			),
			'header_background_color' => array(
				'label'             => esc_html__( 'Table Header Background Color', 'et_builder' ),
				'description'       => esc_html__( 'Pick a color to use for the background behind pricing table titles.', 'et_builder' ),
				'type'              => 'color-alpha',
				'custom_color'      => true,
				'tab_slug'          => 'advanced',
				'toggle_slug'       => 'header',
				'hover'             => 'tabs',
				'mobile_options'    => true,
			),
			'featured_table_subheader_text_color' => array(
				'label'             => esc_html__( 'Featured Subtitle Text Color', 'et_builder' ),
				'description'       => esc_html__( 'Pick a unique color to use for subtitles in featured pricing tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
				'type'              => 'color-alpha',
				'custom_color'      => true,
				'tab_slug'          => 'advanced',
				'toggle_slug'       => 'subheader',
				'priority'          => 20,
				'hover'             => 'tabs',
				'mobile_options'    => true,
			),
			'featured_table_text_color' => array(
				'label'        => esc_html__( 'Featured Body Text Color', 'et_builder' ),
				'description'  => esc_html__( 'Pick a unique color to use for body text in featured pricing tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
				'type'         => 'color-alpha',
				'custom_color' => true,
				'tab_slug'     => 'advanced',
				'toggle_slug'  => 'body',
				'sub_toggle'   => 'p',
				'priority'     => 8,
				'hover'        => 'tabs',
				'mobile_options' => true,
			),
			'show_bullet' => array(
				'label'           => esc_html__( 'Show Bullets', 'et_builder' ),
				'description'     => esc_html__( "Disabling bullets will remove the bullet points that appear next to each list item within the pricing table's feature area.", 'et_builder' ),
				'type'            => 'yes_no_button',
				'option_category' => 'layout',
				'options'         => array(
					'on'  => esc_html__( 'Yes', 'et_builder' ),
					'off' => esc_html__( 'No', 'et_builder' ),
				),
				'default_on_front' => 'on',
				'toggle_slug'      => 'elements',
				'affects'          => array(
					'bullet_color',
				),
				'mobile_options' => true,
				'hover'          => 'tabs',
			),
			'featured_table_bullet_color' => array(
				'label'          => esc_html__( 'Featured Bullet Color', 'et_builder' ),
				'description'    => esc_html__( 'Pick a unique color to use for the bullets that appear next to each list items within featured tabes. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
				'type'           => 'color-alpha',
				'custom_color'   => true,
				'tab_slug'       => 'advanced',
				'toggle_slug'    => 'bullet',
				'priority'       => 22,
				'hover'          => 'tabs',
				'mobile_options' => true,
			),
			'bullet_color' => array(
				'label'             => esc_html__( 'Bullet Color', 'et_builder' ),
				'description'       => esc_html__( "Pick a color to use for the bullets that appear next to each list item within the pricing table's feature area.", 'et_builder' ),
				'type'              => 'color-alpha',
				'custom_color'      => true,
				'tab_slug'          => 'advanced',
				'toggle_slug'       => 'bullet',
				'depends_show_if'   => 'on',
				'hover'             => 'tabs',
				'mobile_options'    => true,
			),
			'show_featured_drop_shadow' => array(
				'label'           => esc_html__( 'Show Featured Drop Shadow', 'et_builder' ),
				'description'     => esc_html__( 'Featured pricing tables have a drop shadow that helps them stand out from the rest. This shadow can be disabled if you wish.', 'et_builder' ),
				'type'            => 'yes_no_button',
				'option_category' => 'layout',
				'options'         => array(
					'on'  => esc_html__( 'Yes', 'et_builder' ),
					'off' => esc_html__( 'No', 'et_builder' ),
				),
				'default_on_front' => 'on',
				'tab_slug'        => 'advanced',
				'toggle_slug'     => 'layout',
				'priority'        => 24,
				'mobile_options'  => true,
			),
			'featured_table_excluded_text_color' => array(
				'label'          => esc_html__( 'Featured Excluded Item Color', 'et_builder' ),
				'description'    => esc_html__( 'Pick a unique color to use for excluded list items within featured pricing tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
				'type'           => 'color-alpha',
				'custom_color'   => true,
				'tab_slug'       => 'advanced',
				'toggle_slug'    => 'excluded',
				'priority'       => 20,
				'hover'          => 'tabs',
				'mobile_options' => true,
			),
			'featured_table_price_background_color' => array(
				'label'          => esc_html__( 'Featured Pricing Area Background Color', 'et_builder' ),
				'description'    => esc_html__( 'Pick a unique color to use for the background area that appears behind the pricing text in featured tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
				'type'           => 'color-alpha',
				'custom_color'   => true,
				'tab_slug'       => 'advanced',
				'toggle_slug'    => 'price',
				'priority'       => 18,
				'hover'          => 'tabs',
				'mobile_options' => true,
			),
			'featured_table_price_color' => array(
				'label'          => esc_html__( 'Featured Price Text Color', 'et_builder' ),
				'description'    => esc_html__( 'Pick a unique color to use for price text within featured pricing tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
				'type'           => 'color-alpha',
				'custom_color'   => true,
				'tab_slug'       => 'advanced',
				'toggle_slug'    => 'price',
				'priority'       => 19,
				'hover'          => 'tabs',
				'mobile_options' => true,
			),
			'featured_table_currency_frequency_text_color' => array(
				'label'          => esc_html__( 'Featured Currency &amp; Frequency Text Color', 'et_builder' ),
				'description'    => esc_html__( 'Pick a unique color to use for currency and frequency text within featured pricing tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
				'type'           => 'color-alpha',
				'custom_color'   => true,
				'tab_slug'       => 'advanced',
				'toggle_slug'    => 'currency_frequency',
				'priority'       => 20,
				'hover'          => 'tabs',
				'mobile_options' => true,
			),
			'price_background_color' => array(
				'label'          => esc_html__( 'Pricing Area Background Color', 'et_builder' ),
				'description'    => esc_html__( 'Pick a color to use for the background area that appears behind the pricing text.', 'et_builder' ),
				'type'           => 'color-alpha',
				'custom_color'   => true,
				'tab_slug'       => 'advanced',
				'toggle_slug'    => 'price',
				'priority'       => 21,
				'hover'          => 'tabs',
				'mobile_options' => true,
			),
		);
		return $fields;
	}

	public function get_transition_fields_css_props() {
		$fields = parent::get_transition_fields_css_props();

		$fields['bullet_color'] = array('border-color' => '%%order_class%% .et_pb_pricing li span:before');
		$fields['featured_table_bullet_color'] = array('border-color' => '%%order_class%% .et_pb_featured_table .et_pb_pricing li span:before');

		$fields['featured_table_header_background_color'] = array('background-color' => '%%order_class%% .et_pb_featured_table .et_pb_pricing_heading');
		$fields['featured_table_header_text_color'] = array('color' => '%%order_class%% .et_pb_featured_table .et_pb_pricing_heading h2, %%order_class%% .et_pb_featured_table .et_pb_pricing_heading .et_pb_pricing_title');
		$fields['header_background_color'] = array('background-color' => '%%order_class%% .et_pb_pricing_heading');
		$fields['featured_table_text_color'] = array('color' => '%%order_class%% .et_pb_featured_table .et_pb_pricing_content li, %%order_class%% .et_pb_featured_table .et_pb_pricing_content li span, %%order_class%% .et_pb_featured_table .et_pb_pricing_content li a');
		$fields['featured_table_subheader_text_color'] = array('color' => '%%order_class%% .et_pb_featured_table .et_pb_best_value');
		$fields['featured_table_price_color'] = array('color' => '%%order_class%% .et_pb_featured_table .et_pb_sum');

		$fields['featured_table_currency_frequency_text_color'] = array( 'color' => '%%order_class%% .et_pb_featured_table .et_pb_dollar_sign, %%order_class%% .et_pb_featured_table .et_pb_frequency' );
		$fields['featured_table_excluded_text_color']           = array( 'color' => '%%order_class%% .et_pb_featured_table .et_pb_pricing li.et_pb_not_available, %%order_class%% .et_pb_featured_table .et_pb_pricing li.et_pb_not_available span, %%order_class%% .et_pb_featured_table .et_pb_pricing li.et_pb_not_available a' );
		$fields['featured_table_price_background_color']        = array( 'background-color' => '%%order_class%% .et_pb_featured_table .et_pb_pricing_content_top' );
		$fields['price_background_color']                       = array( 'background-color' => '%%order_class%% .et_pb_pricing_content_top' );

		return $fields;
	}

	function before_render() {
		global $et_pb_pricing_tables_num, $et_pb_pricing_tables_icon, $et_pb_pricing_tables_icon_tablet, $et_pb_pricing_tables_icon_phone, $et_pb_pricing_tab, $et_pb_pricing_tables_button_rel, $et_pb_pricing_tables_header_level;

		$button_custom = $this->props['custom_button'];

		$custom_icon_values = et_pb_responsive_options()->get_property_values( $this->props, 'button_icon' );
		$custom_icon        = isset( $custom_icon_values['desktop'] ) ? $custom_icon_values['desktop'] : '';
		$custom_icon_tablet = isset( $custom_icon_values['tablet'] ) ? $custom_icon_values['tablet'] : '';
		$custom_icon_phone  = isset( $custom_icon_values['phone'] ) ? $custom_icon_values['phone'] : '';

		$et_pb_pricing_tables_num = 0;

		$et_pb_pricing_tables_icon        = 'on' === $button_custom ? $custom_icon : '';
		$et_pb_pricing_tables_icon_tablet = 'on' === $button_custom ? $custom_icon_tablet : '';
		$et_pb_pricing_tables_icon_phone  = 'on' === $button_custom ? $custom_icon_phone : '';

		$et_pb_pricing_tables_button_rel = $this->props['button_rel'];
		$et_pb_pricing_tables_header_level = 'h2' === $this->props['header_level'] ? '' : $this->props['header_level'];
	}

	function render( $attrs, $content = null, $render_slug ) {
		$multi_view                                    = et_pb_multi_view_options( $this );
		$featured_table                                = $this->get_featured_table( $content );
		$featured_table_background_color_hover         = $this->get_hover_value( 'featured_table_background_color' );
		$featured_table_background_color_values        = et_pb_responsive_options()->get_property_values( $this->props, 'featured_table_background_color' );
		$featured_table_text_color_hover               = $this->get_hover_value( 'featured_table_text_color' );
		$featured_table_text_color_values              = et_pb_responsive_options()->get_property_values( $this->props, 'featured_table_text_color' );
		$header_background_color_hover                 = $this->get_hover_value( 'header_background_color' );
		$header_background_color_values                = et_pb_responsive_options()->get_property_values( $this->props, 'header_background_color' );
		$featured_table_header_background_color_hover  = $this->get_hover_value( 'featured_table_header_background_color' );
		$featured_table_header_background_color_values = et_pb_responsive_options()->get_property_values( $this->props, 'featured_table_header_background_color' );
		$featured_table_header_text_color_hover        = $this->get_hover_value( 'featured_table_header_text_color' );
		$featured_table_header_text_color_values       = et_pb_responsive_options()->get_property_values( $this->props, 'featured_table_header_text_color' );
		$featured_table_subheader_text_color_hover     = $this->get_hover_value( 'featured_table_subheader_text_color' );
		$featured_table_subheader_text_color_values    = et_pb_responsive_options()->get_property_values( $this->props, 'featured_table_subheader_text_color' );
		$featured_table_currency_text_color_hover      = $this->get_hover_value( 'featured_table_currency_frequency_text_color' );
		$featured_table_currency_text_color_values     = et_pb_responsive_options()->get_property_values( $this->props, 'featured_table_currency_frequency_text_color' );
		$featured_table_price_color_hover              = $this->get_hover_value( 'featured_table_price_color' );
		$featured_table_price_color_values             = et_pb_responsive_options()->get_property_values( $this->props, 'featured_table_price_color' );
		$bullet_color_hover                            = $this->get_hover_value( 'bullet_color' );
		$bullet_color_values                           = et_pb_responsive_options()->get_property_values( $this->props, 'bullet_color' );
		$featured_table_bullet_color_hover             = $this->get_hover_value( 'featured_table_bullet_color' );
		$featured_table_bullet_color_values            = et_pb_responsive_options()->get_property_values( $this->props, 'featured_table_bullet_color' );
		$featured_table_excluded_text_color_hover      = $this->get_hover_value( 'featured_table_excluded_text_color' );
		$featured_table_excluded_text_color_values     = et_pb_responsive_options()->get_property_values( $this->props, 'featured_table_excluded_text_color' );
		$featured_table_price_background_color_hover   = $this->get_hover_value( 'featured_table_price_background_color' );
		$featured_table_price_background_color_values  = et_pb_responsive_options()->get_property_values( $this->props, 'featured_table_price_background_color' );
		$price_background_color_hover                  = $this->get_hover_value( 'price_background_color' );
		$price_background_color_values                 = et_pb_responsive_options()->get_property_values( $this->props, 'price_background_color' );

		$show_featured_drop_shadow                     = $this->props['show_featured_drop_shadow'];
		$show_featured_drop_shadow_values              = et_pb_responsive_options()->get_property_values( $this->props, 'show_featured_drop_shadow' );
		$show_featured_drop_shadow_tablet              = isset( $show_featured_drop_shadow_values['tablet'] ) ? $show_featured_drop_shadow_values['tablet'] : '';
		$show_featured_drop_shadow_phone               = isset( $show_featured_drop_shadow_values['phone'] ) ? $show_featured_drop_shadow_values['phone'] : '';

		$body_text_align_values                        = et_pb_responsive_options()->get_property_values( $this->props, 'body_text_align' );

		global $et_pb_pricing_tables_num, $et_pb_pricing_tables_icon, $et_pb_pricing_tables_icon_tablet, $et_pb_pricing_tables_icon_phone;

		// Show Featured Drop Shadow.
		$disabled_shadow        = 'none';
		$reset_shadow           = '0 0 12px rgba(0,0,0,0.1)';
		$featured_shadow        = '';
		$featured_shadow_tablet = '';
		$featured_shadow_phone  = '';

		if ( 'on' !== $show_featured_drop_shadow ) {
			$featured_shadow = 'none';
		}

		if ( '' !== $show_featured_drop_shadow_tablet ) {
			if ( 'on' !== $show_featured_drop_shadow_tablet ) {
				$featured_shadow_tablet = $disabled_shadow;
			} elseif ( 'on' === $show_featured_drop_shadow_tablet && 'on' !== $featured_shadow ) {
				$featured_shadow_tablet = $reset_shadow;
			}

			if ( $featured_shadow_tablet === $featured_shadow ) {
				$featured_shadow_tablet = '';
			}
		}

		if ( '' !== $show_featured_drop_shadow_phone ) {
			if ( 'on' !== $show_featured_drop_shadow_phone ) {
				$featured_shadow_phone = $disabled_shadow;
			} elseif ( 'on' === $show_featured_drop_shadow_phone && 'on' !== $featured_shadow_tablet ) {
				$featured_shadow_phone = $reset_shadow;
			}

			if ( $featured_shadow_phone === $featured_shadow_tablet ) {
				$featured_shadow_phone = '';
			}
		}

		$featured_shadow_values = array(
			'desktop' => esc_html( $featured_shadow ),
			'tablet'  => esc_html( $featured_shadow_tablet ),
			'phone'   => esc_html( $featured_shadow_phone ),
		);

		et_pb_responsive_options()->generate_responsive_css( $featured_shadow_values, '%%order_class%% .et_pb_featured_table', array( '-moz-box-shadow', '-webkit-box-shadow', 'box-shadow' ), $render_slug, '', 'shadow' );

		// Featured Table Background Color.
		et_pb_responsive_options()->generate_responsive_css( $featured_table_background_color_values, '%%order_class%% .et_pb_featured_table', 'background-color', $render_slug, '', 'color' );

		if ( et_builder_is_hover_enabled( 'featured_table_background_color', $this->props ) ) {
			ET_Builder_Element::set_style( $render_slug, array(
				'selector'    => '%%order_class%% .et_pb_featured_table:hover',
				'declaration' => sprintf(
					'background-color: %1$s;',
					esc_html( $featured_table_background_color_hover )
				),
			) );
		}

		// Header Background Color.
		et_pb_responsive_options()->generate_responsive_css( $header_background_color_values, '%%order_class%% .et_pb_pricing_heading', 'background-color', $render_slug, '', 'color' );

		if ( et_builder_is_hover_enabled( 'header_background_color', $this->props ) ) {
			ET_Builder_Element::set_style( $render_slug, array(
				'selector'    => '%%order_class%% .et_pb_pricing_table:hover .et_pb_pricing_heading',
				'declaration' => sprintf(
					'background-color: %1$s;',
					esc_html( $header_background_color_hover )
				),
			) );
		}

		// Featured Table Header Background Color.
		et_pb_responsive_options()->generate_responsive_css( $featured_table_header_background_color_values, '%%order_class%% .et_pb_featured_table .et_pb_pricing_heading', 'background-color', $render_slug, '', 'color' );

		if ( et_builder_is_hover_enabled( 'featured_table_header_background_color', $this->props ) ) {
			ET_Builder_Element::set_style( $render_slug, array(
				'selector'    => '%%order_class%% .et_pb_pricing_table.et_pb_featured_table:hover .et_pb_pricing_heading' ,
				'declaration' => sprintf(
					'background-color: %1$s;',
					esc_html( $featured_table_header_background_color_hover )
				),
			) );
		}

		// Featured Table Title Text Color.
		et_pb_responsive_options()->generate_responsive_css( $featured_table_header_text_color_values, '%%order_class%% .et_pb_featured_table .et_pb_pricing_heading h2, %%order_class%% .et_pb_featured_table .et_pb_pricing_heading .et_pb_pricing_title', 'color', $render_slug, ' !important;', 'color' );

		if ( et_builder_is_hover_enabled( 'featured_table_header_text_color', $this->props ) ) {
			ET_Builder_Element::set_style( $render_slug, array(
				'selector'    => '%%order_class%% .et_pb_featured_table:hover .et_pb_pricing_heading h2, %%order_class%% .et_pb_featured_table:hover .et_pb_pricing_heading .et_pb_pricing_title',
				'declaration' => sprintf(
					'color: %1$s !important;',
					esc_html( $featured_table_header_text_color_hover )
				),
			) );
		}

		// Featured Table Sutitle Text Color.
		et_pb_responsive_options()->generate_responsive_css( $featured_table_subheader_text_color_values, '%%order_class%% .et_pb_featured_table .et_pb_best_value', 'color', $render_slug, ' !important;', 'color' );

		if ( et_builder_is_hover_enabled( 'featured_table_subheader_text_color', $this->props ) ) {
			ET_Builder_Element::set_style( $render_slug, array(
				'selector'    => '%%order_class%% .et_pb_featured_table:hover .et_pb_best_value',
				'declaration' => sprintf(
					'color: %1$s !important;',
					esc_html( $featured_table_subheader_text_color_hover )
				),
			) );
		}

		// Featured Table Price Text Color.
		et_pb_responsive_options()->generate_responsive_css( $featured_table_price_color_values, '%%order_class%% .et_pb_featured_table .et_pb_sum', 'color', $render_slug, ' !important;', 'color' );

		if ( et_builder_is_hover_enabled( 'featured_table_price_color', $this->props ) ) {
			ET_Builder_Element::set_style( $render_slug, array(
				'selector'    => '%%order_class%% .et_pb_featured_table:hover .et_pb_sum',
				'declaration' => sprintf(
					'color: %1$s !important;',
					esc_html( $featured_table_price_color_hover )
				),
			) );
		}

		// Featured Table Body Text Color.
		$featured_table_text_color_selector = et_builder_has_limitation( 'use_additional_limiting_styles' ) ? '%%order_class%% .et_pb_featured_table .et_pb_pricing_content li, %%order_class%% .et_pb_featured_table .et_pb_pricing_content li span, %%order_class%% .et_pb_featured_table .et_pb_pricing_content li a' : '%%order_class%% .et_pb_featured_table .et_pb_pricing_content li';

		et_pb_responsive_options()->generate_responsive_css( $featured_table_text_color_values, $featured_table_text_color_selector, 'color', $render_slug, ' !important;', 'color' );

		if ( et_builder_is_hover_enabled( 'featured_table_text_color', $this->props ) ) {
			$featured_table_text_color_selector_hover = et_is_builder_plugin_active() ? '%%order_class%% .et_pb_featured_table:hover .et_pb_pricing_content li, %%order_class%% .et_pb_featured_table:hover .et_pb_pricing_content li span, %%order_class%% .et_pb_featured_table:hover .et_pb_pricing_content li a' : '%%order_class%% .et_pb_featured_table:hover .et_pb_pricing_content li';
			ET_Builder_Element::set_style( $render_slug, array(
				'selector'    => $featured_table_text_color_selector_hover,
				'declaration' => sprintf(
					'color: %1$s !important;',
					esc_html( $featured_table_text_color_hover )
				),
			) );
		}

		// Bullet Color.
		et_pb_responsive_options()->generate_responsive_css( $bullet_color_values, '%%order_class%% .et_pb_pricing li span:before', 'border-color', $render_slug, '', 'color' );

		if ( et_builder_is_hover_enabled( 'bullet_color', $this->props ) ) {
			ET_Builder_Element::set_style( $render_slug, array(
				'selector'    => '%%order_class%% .et_pb_pricing:hover li span:before',
				'declaration' => sprintf(
					'border-color: %1$s;',
					esc_html( $bullet_color_hover )
				),
			) );
		}

		// Featured Table Bullet Color.
		et_pb_responsive_options()->generate_responsive_css( $featured_table_bullet_color_values, '%%order_class%% .et_pb_featured_table .et_pb_pricing li span:before', 'border-color', $render_slug, '', 'color' );

		if ( et_builder_is_hover_enabled( 'featured_table_bullet_color', $this->props ) ) {
			ET_Builder_Element::set_style( $render_slug, array(
				'selector'    => '%%order_class%% .et_pb_featured_table:hover .et_pb_pricing li span:before',
				'declaration' => sprintf(
					'border-color: %1$s;',
					esc_html( $featured_table_bullet_color_hover )
				),
			) );
		}

		// Featured Table Currency Frequency Text Color.
		et_pb_responsive_options()->generate_responsive_css( $featured_table_currency_text_color_values, '%%order_class%% .et_pb_featured_table .et_pb_dollar_sign, %%order_class%% .et_pb_featured_table .et_pb_frequency', 'color', $render_slug, ' !important;', 'color' );

		if ( et_builder_is_hover_enabled( 'featured_table_currency_frequency_text_color', $this->props ) ) {
			ET_Builder_Element::set_style( $render_slug, array(
				'selector'    => '%%order_class%% .et_pb_featured_table:hover .et_pb_dollar_sign, %%order_class%% .et_pb_featured_table:hover .et_pb_frequency',
				'declaration' => sprintf(
					'color: %1$s !important;',
					esc_html( $featured_table_currency_text_color_hover )
				),
			) );
		}

		// Featured Table Excluded Item Text Color.
		et_pb_responsive_options()->generate_responsive_css( $featured_table_excluded_text_color_values, '%%order_class%% .et_pb_featured_table .et_pb_pricing li.et_pb_not_available, %%order_class%% .et_pb_featured_table .et_pb_pricing li.et_pb_not_available span, %%order_class%% .et_pb_featured_table .et_pb_pricing li.et_pb_not_available a', 'color', $render_slug, ' !important;', 'color' );

		if ( et_builder_is_hover_enabled( 'featured_table_excluded_text_color', $this->props ) ) {
			ET_Builder_Element::set_style( $render_slug, array(
				'selector'    => '%%order_class%% .et_pb_featured_table:hover .et_pb_pricing li.et_pb_not_available, %%order_class%% .et_pb_featured_table:hover .et_pb_pricing li.et_pb_not_available span, %%order_class%% .et_pb_featured_table:hover .et_pb_pricing li.et_pb_not_available a',
				'declaration' => sprintf(
					'color: %1$s !important;',
					esc_html( $featured_table_excluded_text_color_hover )
				),
			) );
		}

		// Featured Table Price Background Color.
		et_pb_responsive_options()->generate_responsive_css( $featured_table_price_background_color_values, '%%order_class%% .et_pb_featured_table .et_pb_pricing_content_top', 'background-color', $render_slug, '', 'color' );

		if ( et_builder_is_hover_enabled( 'featured_table_price_background_color', $this->props ) ) {
			ET_Builder_Element::set_style( $render_slug, array(
				'selector'    => '%%order_class%% .et_pb_featured_table:hover .et_pb_pricing_content_top',
				'declaration' => sprintf(
					'background-color: %1$s;',
					esc_html( $featured_table_price_background_color_hover )
				),
			) );
		}

		// Price Background Color.
		et_pb_responsive_options()->generate_responsive_css( $price_background_color_values, '%%order_class%% .et_pb_pricing_content_top', 'background-color', $render_slug, '', 'color' );

		if ( et_builder_is_hover_enabled( 'price_background_color', $this->props ) ) {
			ET_Builder_Element::set_style( $render_slug, array(
				'selector'    => '%%order_class%%:hover .et_pb_pricing_content_top',
				'declaration' => sprintf(
					'background-color: %1$s;',
					esc_html( $price_background_color_hover )
				),
			) );
		}

		// Custom Padding Left On Center.
		if ( ! empty( $body_text_align_values ) ) {
			foreach( $body_text_align_values as $body_text_align_device => $body_text_align_value ) {
				if ( 'center' !== $body_text_align_value ) {
					continue;
				}

				$padding_left_style = array(
					'selector'    => '%%order_class%% .et_pb_pricing li',
					'declaration' => esc_html( 'padding-left: 0;' ),
				);

				if ( 'desktop' !== $body_text_align_device ) {
					$current_media_query = 'tablet' === $body_text_align_device ? 'max_width_980' : 'max_width_767';
					$padding_left_style['media_query'] = ET_Builder_Element::get_media_query( $current_media_query );
				}

				ET_Builder_Element::set_style( $render_slug, $padding_left_style );
			}
		}

		$video_background          = $this->video_background();
		$parallax_image_background = $this->get_parallax_image_background();
		$content                   = $this->content;

		// Module classnames
		$this->add_classname( array(
			'et_pb_pricing',
			'clearfix',
			"et_pb_pricing_{$et_pb_pricing_tables_num}",
			$featured_table,
		) );

		if ( 'off' === $multi_view->get_value( 'show_bullet' ) ) {
			$this->add_classname( 'et_pb_pricing_no_bullet' );
		}

		// Remove automatically added classnames
		$this->remove_classname( array(
			$render_slug
		) );

		$multi_view_data_attr = $multi_view->render_attrs( array(
			'classes' => array(
				'et_pb_pricing_no_bullet' => array(
					'show_bullet' => 'off',
				),
			),
		) );

		$output = sprintf(
			'<div%3$s class="%2$s"%6$s>
				%5$s
				%4$s
				<div class="et_pb_pricing_table_wrap">
					%1$s
				</div>
			</div>',
			$content,
			$this->module_classname( $render_slug ),
			$this->module_id(),
			$video_background,
			$parallax_image_background,
			$multi_view_data_attr
		);

		$output .= $this->keep_box_shadow_compatibility( $attrs, $content, $render_slug );

		return $output;
	}

	function additional_render( $atts, $content = null, $function_name ) {
		$attributes = shortcode_atts( array(
			'available' => 'on',
		), $atts );

		$output = sprintf( '<li%2$s><span>%1$s</span></li>',
			$content,
			( 'on' !== $attributes['available'] ? ' class="et_pb_not_available"' : '' )
		);
		return $output;
	}

	private function get_featured_table( $content ) {
		//Extract `et_pb_pricing_table` shortcode attributes
		preg_match_all( '/\[et_pb_pricing_table(\s+[^\]]*)\]/', $content, $matches );

		if ( ! isset( $matches[1] ) || 0 === count( $matches[1] ) ) {
			return '';
		}

		$list = array();

		foreach ( $matches[1] as $match ) {
			//Check if the shortcode has the `feature` attribute on
			//TODO: Find a better way to do that
			$list[] = (bool) preg_match( '/[\s]featured=[\'|"]on[\'|"]/', $match );
		}

		//We need to know only the first 4 tables status,
		//because in a row are maximum 4 tables
		$count = count( $list ) > 4 ? 4 : count( $list );

		for ( $i = 0; $i < $count; $i ++ ) {
			if ( true === $list[ $i ] ) {
				switch ( $i ) {
					case 0 :
						return '';
					case 1 :
						return 'et_pb_second_featured';
					case 2 :
						return 'et_pb_third_featured';
					case 3 :
						return 'et_pb_fourth_featured';
				}
			}
		}

		return 'et_pb_no_featured_in_first_row';
	}

	private function keep_box_shadow_compatibility( $atts, $content, $function_name ) {
		/**
		 * @var ET_Builder_Module_Field_BoxShadow $box_shadow
		 */
		$box_shadow = ET_Builder_Module_Fields_Factory::get( 'BoxShadow' );
		$utils      = ET_Core_Data_Utils::instance();

		if (
			! is_admin()
			&&
			version_compare( $utils->array_get( $atts, '_builder_version', '3.0.93' ), '3.0.97', 'lt' )
			&&
			$box_shadow->is_inset( $box_shadow->get_value( $atts ) )
		) {
			$class = '.' . self::get_module_order_class($function_name);
			$overlay_shadow = $box_shadow->get_style( $class, $atts);

			return sprintf(
				'<style type="text/css">%1$s %2$s %3$s</style>',
				'.et_pb_pricing > .box-shadow-overlay { z-index: 11; }',
				sprintf( '%1$s { box-shadow: none; }', esc_attr( $class ) ),
				sprintf( '%1$s { %2$s }', esc_attr( $overlay_shadow['selector'] ), esc_attr( $overlay_shadow['declaration'] ) )
			);
		}

		return '';
	}
}

new ET_Builder_Module_Pricing_Tables;
