<?php

class DIPI_PriceList extends ET_Builder_Module
{

    public $slug = 'dipi_price_list';
    public $vb_support = 'on';
    public $child_slug = 'dipi_price_list_item';

    protected $module_credits = array(
        'module_uri' => 'https://divi-rocket.com/modules/price-list',
        'author' => 'Divi Rocket',
        'author_uri' => 'https://divi-rocket.com',
    );

    public function init()
    {
        $this->icon_path = plugin_dir_path(__FILE__) . "dp-price-list.svg";
        $this->name = esc_html__('Pixel Price List', 'dipi-divi-pixel');
    }

    public function get_settings_modal_toggles()
    {
        $toggles = [];

        $toggles['general'] = [
            'toggles' => [
                'title' => esc_html__('Title', 'dipi-divi-pixel'),
                'price' => esc_html__('Price', 'dipi-divi-pixel'),
                'description' => esc_html__('Desription', 'dipi-divi-pixel'),
            ],
        ];

        $toggles['advanced'] = [
            'toggles' => [
                'layout' => esc_html__('Layout', 'dipi-divi-pixel'),
                'image' => esc_html__('Image', 'dipi-divi-pixel'),
                'separator' => esc_html__('Separator', 'dipi-divi-pixel'),
                'text' => array(
                    'title' => esc_html__('Text', 'et_builder'),
                    // 'priority' => 48,
                    'tabbed_subtoggles' => true,
                    'sub_toggles' => array(
                        'title' => array(
                            'name' => 'Title',
                            'icon' => 'title',
                        ),
                        'price' => array(
                            'name' => 'Price',
                            'icon' => 'price',
                        ),
                        'description' => array(
                            'name' => 'Description',
                            'icon' => 'description',
                        ),
                    ),
                ),
            ],
        ];

        return $toggles;
    }

    public function get_custom_css_fields_config()
    {
        $fields = [];

        $fields['price_list_item'] = [
            'label' => esc_html__('Price List Items', 'dipi-divi-pixel'),
            'selector' => '%%order_class%% .dipi_price_list_item',
        ];

        $fields['img_wrap'] = [
            'label' => esc_html__('Image Wrapper', 'dipi-divi-pixel'),
            'selector' => '%%order_class%% .dipi_price_list_image_wrapper',
        ];

        $fields['img'] = [
            'label' => esc_html__('Image', 'dipi-divi-pixel'),
            'selector' => '%%order_class%% .dipi_price_list_image_wrapper img',
        ];

        $fields['txt_wrap'] = [
            'label' => esc_html__('Text Wrapper', 'dipi-divi-pixel'),
            'selector' => '%%order_class%% .dipi_price_list_text_wrapper',
        ];

        $fields['title'] = [
            'label' => esc_html__('Title', 'dipi-divi-pixel'),
            'selector' => '%%order_class%% .dipi_price_list_title',
        ];

        $fields['price'] = [
            'label' => esc_html__('Price', 'dipi-divi-pixel'),
            'selector' => '%%order_class%% .dipi_price_list_price',
        ];

        $fields['separator'] = [
            'label' => esc_html__('Separator', 'dipi-divi-pixel'),
            'selector' => '%%order_class%% .dipi_price_list_separator',
        ];

        $fields['description'] = [
            'label' => esc_html__('Description', 'dipi-divi-pixel'),
            'selector' => '%%order_class%% .dipi_price_list_content',
        ];

        return $fields;
    }

    public function get_fields()
    {

        $fields = [];

        $fields['image_flex_align_items'] = [
            'label' => esc_html__('Image Alignment', 'dipi-divi-pixel'),
            'description' => esc_html__('How the image is vertically aligned inside each item.', 'dipi-divi-pixel'),
            'type' => 'select',
            'options' => [
                'flex-start' => 'Top',
                'center' => 'Center',
                'flex-end' => 'Bottom',
                'baseline' => 'Baseline',
            ],
            'default' => 'flex-start',
            'tab_slug' => 'advanced',
            'toggle_slug' => 'layout',
        ];

        $fields['header_flex_align_items'] = [
            'label' => esc_html__('Header Alignment', 'dipi-divi-pixel'),
            'description' => esc_html__('How the title, separator and price is vertically aligned inside the header.', 'dipi-divi-pixel'),
            'type' => 'select',
            'options' => [
                'flex-start' => 'Top',
                'center' => 'Center',
                'flex-end' => 'Bottom',
                'baseline' => 'Baseline',
            ],
            'default' => 'baseline',
            'tab_slug' => 'advanced',
            'toggle_slug' => 'layout',
        ];

        $fields['item_spacing'] = [
            'label' => esc_html__('Item Spacing', 'dipi-divi-pixel'),
            'description' => esc_html__('The vertical spacing between each item.', 'dipi-divi-pixel'),
            'type' => 'range',
            'tab_slug' => 'advanced',
            'toggle_slug' => 'margin_padding',
            'range_settings' => array(
                'min' => '0',
                'max' => '100',
                'step' => '1',
            ),
            'mobile_options' => true,
            'default_unit' => 'px',
            'default' => '',
        ];

        $fields["item_padding"] = [
            'label' => esc_html__('Item Padding', 'dipi-divi-pixel'),
            'description' => esc_html__('The padding inside each item.', 'dipi-divi-pixel'),
            'type' => 'custom_margin',
            'mobile_options' => true,
            'option_category' => 'layout',
            'tab_slug' => 'advanced',
            'toggle_slug' => 'margin_padding',
        ];

        $fields["item_text_padding"] = [
            'label' => esc_html__('Item Text Wrapper Padding', 'dipi-divi-pixel'),
            'description' => esc_html__('The padding of the text container.', 'dipi-divi-pixel'),
            'type' => 'custom_margin',
            'mobile_options' => true,
            'option_category' => 'layout',
            'tab_slug' => 'advanced',
            'toggle_slug' => 'margin_padding',
        ];

        $fields['image_spacing'] = [
            'label' => esc_html__('Image Spacing', 'dipi-divi-pixel'),
            'description' => esc_html__('The spacing between the image and the text container.', 'dipi-divi-pixel'),
            'type' => 'range',
            'tab_slug' => 'advanced',
            'toggle_slug' => 'image',
            'default' => '0px',
            'range_settings' => array(
                'min' => '0',
                'max' => '100',
                'step' => '1',
            ),
            'mobile_options' => true,
			'default_unit' => 'px',
            'default' => '',
        ];

        $fields['image_width'] = [
            'label' => esc_html__('Image Width', 'dipi-divi-pixel'),
            'description' => esc_html__('The width of the image of each item.', 'dipi-divi-pixel'),
            'type' => 'range',
            'tab_slug' => 'advanced',
            'toggle_slug' => 'image',
            'range_settings' => array(
                'min' => '1',
                'max' => '100',
                'step' => '1',
            ),
            'mobile_options' => true,
            'default' => '25%',
        ];

        $fields['separator_style'] = [
            'label' => esc_html__('Separator Style', 'dipi-divi-pixel'),
            'description' => esc_html__('The CSS border-style used for the separator.', 'dipi-divi-pixel'),
            'type' => 'select',
            'options' => [
                'none' => 'none',
                'dotted' => 'dotted',
                'dashed' => 'dashed',
                'double' => 'double',
                'groove' => 'groove',
                'hidden' => 'hidden',
                'inherit' => 'inherit',
                'initial' => 'initial',
                'inset' => 'inset',
                'outset' => 'outset',
                'ridge' => 'ridge',
                'solid' => 'solid',
                'unset' => 'unset',
            ],
            'tab_slug' => 'advanced',
            'toggle_slug' => 'separator',
            'default' => 'dotted',
            'mobile_options' => true,

        ];

        $fields['separator_weight'] = [
            'label' => esc_html__('Separator Height', 'dipi-divi-pixel'),
            'description' => esc_html__('The CSS border-width used for the separator.', 'dipi-divi-pixel'),
            'type' => 'range',
            'tab_slug' => 'advanced',
            'toggle_slug' => 'image',
            'default' => '2px',
            'range_settings' => array(
                'min' => '1',
                'max' => '100',
                'step' => '1',
            ),
            'toggle_slug' => 'separator',
            'mobile_options' => true,
            'validate_unit' => true,
        ];

        $fields['separator_color'] = [
            'label' => esc_html__('Separator Color', 'dipi-divi-pixel'),
            'description' => esc_html__('The CSS border-color used for the separator.', 'dipi-divi-pixel'),
            'type' => 'color-alpha',
            'custom_color' => true,
            'default' => et_builder_accent_color(),
            'tab_slug' => 'advanced',
            'toggle_slug' => 'separator',
        ];

        $fields['separator_spacing'] = [
            'label' => esc_html__('Separator Spacing', 'dipi-divi-pixel'),
            'description' => esc_html__('The spacing between the title/price and the separator.', 'dipi-divi-pixel'),
            'type' => 'range',
            'tab_slug' => 'advanced',
            'toggle_slug' => 'separator',
            'default' => '5px',
            'range_settings' => array(
                'min' => '1',
                'max' => '100',
                'step' => '1',
            ),
            'mobile_options' => true,
        ];
        return $fields;
    }

    public function get_advanced_fields_config()
    {
        $advanced_fields = [];
        $advanced_fields['fonts'] = false;
        $advanced_fields['text'] = false;
        $advanced_fields['text_shadow'] = false;

        $advanced_fields['fonts']['title'] = [
            'label' => esc_html__('Title', 'dipi-divi-pixel'),
            'toggle_slug' => 'text',
            'sub_toggle' => 'title',
            'line_height' => array(
                'range_settings' => array(
                    'min' => '0.1',
                    'max' => '10',
                    'step' => '0.1',
                ),
            ),
            'font_size' => array(
                'default' => '1em',
                'range_settings' => array(
                    'min' => '0.1',
                    'max' => '10',
                    'step' => '0.1',
                ),
            ),
            'css' => array(
                'main' => '%%order_class%% .dipi_price_list_title',
            ),
        ];

        $advanced_fields['fonts']['price'] = [
            'label' => esc_html__('Price', 'dipi-divi-pixel'),
            'toggle_slug' => 'text',
            'sub_toggle' => 'price',
            'line_height' => array(
                'range_settings' => array(
                    'default' => '1em',
                    'min' => '0.1',
                    'max' => '10',
                    'step' => '0.1',
                ),
            ),
            'font_size' => array(
                'default' => '1em',
                'range_settings' => array(
                    'min' => '0.1',
                    'max' => '10',
                    'step' => '0.1',
                ),
            ),
            'css' => array(
                'main' => '%%order_class%% .dipi_price_list_price',
            ),
        ];

        $advanced_fields['fonts']['description'] = [
            'label' => esc_html__('Description', 'dipi-divi-pixel'),
            'toggle_slug' => 'text',
            'sub_toggle' => 'description',
            'line_height' => array(
                'default' => '1em',
                'range_settings' => array(
                    'min' => '0.1',
                    'max' => '10',
                    'step' => '0.1',
                ),
            ),
            'font_size' => array(
                'default' => '1em',
                'range_settings' => array(
                    'min' => '0.1',
                    'max' => '10',
                    'step' => '0.1',
                ),
            ),
            'css' => array(
                'main' => '%%order_class%% .dipi_price_list_content',
            ),
        ];

        $advanced_fields["box_shadow"]["images"] = [
            'label' => esc_html__('Image Box Shadow', 'dipi-divi-pixel'),
            'toggle_slug' => 'image',
            'tab_slug' => 'advanced',
            'css' => [
                'main' => "%%order_class%% .dipi_price_list_item .dipi_price_list_image_wrapper img",
            ],
        ];

        $advanced_fields["borders"]["default"] = [
            'css' => [
                'main' => [
                    'border_radii' => "%%order_class%%",
                    'border_styles' => "%%order_class%%",
                ],
            ],
        ];

        $advanced_fields["borders"]["images"] = [
            'label_prefix' => esc_html__('Grid Item', 'dipi-divi-pixel'),
            'toggle_slug' => 'image',
            'tab_slug' => 'advanced',
            'css' => [
                'main' => [
                    'border_radii' => "%%order_class%% .dipi_price_list_item .dipi_price_list_image_wrapper img",
                    'border_styles' => "%%order_class%% .dipi_price_list_item .dipi_price_list_image_wrapper img",
                ],
            ],
        ];

        return $advanced_fields;
    }

    public function render($attrs, $content = null, $render_slug)
    {

        $this->dipi_apply_css($render_slug);

        $mobile_enabled = et_pb_get_responsive_status($this->props['image_width_last_edited']);
        $mobile_enabled2 = et_pb_get_responsive_status($this->props['image_spacing_last_edited']);

        $image_width_values = [
            'desktop' => $this->props['image_width'],
            'tablet' => $mobile_enabled ? $this->props['image_width_tablet'] : '',
            'phone' => $mobile_enabled ? $this->props['image_width_phone'] : '',
        ];

        $image_spacing_values = [
            'desktop' => $this->props['image_spacing'],
            'tablet' => $mobile_enabled ? $this->props['image_spacing_tablet'] : '',
            'phone' => $mobile_enabled ? $this->props['image_spacing_phone'] : '',
        ];

        et_pb_generate_responsive_css($image_width_values, '%%order_class%%', 'image_spacing', $render_slug);
        et_pb_generate_responsive_css($image_spacing_values, '%%order_class%%', 'image_spacing', $render_slug);

        return sprintf('
			<div>
				%1$s
			</div>',
            $this->props['content']
        );

    }

    public function dipi_apply_css($render_slug)
    {
        $this->dipi_apply_image_css($render_slug);
        $this->dipi_apply_item_spacing_css($render_slug);
        $this->dipi_apply_item_padding_css($render_slug);
        $this->dipi_apply_item_text_padding_css($render_slug);

		// Image Alignment
		$image_flex_align_items = $this->props['image_flex_align_items'];
        \ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .dipi_price_list_item_wrapper',
            'declaration' => "align-items: {$image_flex_align_items};",
        ]);

		// Header Alignment
		$header_flex_align_items = $this->props['header_flex_align_items'];
        \ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .dipi_price_list_header',
            'declaration' => "align-items: {$header_flex_align_items};",
        ]);

		// Separator
		$separator_style = $this->props['separator_style'];
        $separator_weight = $this->props['separator_weight'];
        $separator_color = $this->props['separator_color'];
        $separator_spacing = $this->props['separator_spacing'];
        \ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .dipi_price_list_separator',
            'declaration' => "
            	border-bottom-style: {$separator_style};
            	border-bottom-width: {$separator_weight};
            	border-bottom-color: {$separator_color};
            	margin-left: {$separator_spacing};
            	margin-right: {$separator_spacing};
            ",
        ]);

    }

    private function dipi_get_responsive_value($property, $default, $responsive_status)
    {
        if (!$responsive_status) {
            return $default;
        }

        if (!isset($this->props[$property])) {
            return $default;
        }

        if ('' === $this->props[$property]) {
            return $default;
        }

        return $this->props[$property];
    }

    private function dipi_apply_item_spacing_css($render_slug)
    {
        if (!isset($this->props['item_spacing']) || '' === $this->props['item_spacing']) {
            return;
        }

        $item_spacing_responsive_status = et_pb_get_responsive_status($this->props['item_spacing_last_edited']);
        $item_spacing = $this->props['item_spacing'];
        $item_spacing_tablet = $this->dipi_get_responsive_value('item_spacing_tablet', $item_spacing, $item_spacing_responsive_status);
        $item_spacing_phone = $this->dipi_get_responsive_value('item_spacing_phone', $item_spacing_tablet, $item_spacing_responsive_status);

        \ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .dipi_price_list_item:not(:last-child)',
            'declaration' => "margin-bottom: {$item_spacing};",
        ]);

        \ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .dipi_price_list_item:not(:last-child)',
            'declaration' => "margin-bottom: {$item_spacing_tablet};",
            'media_query' => ET_Builder_Element::get_media_query('max_width_980'),
        ]);

        \ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .dipi_price_list_item:not(:last-child)',
            'declaration' => "margin-bottom: {$item_spacing_phone};",
            'media_query' => ET_Builder_Element::get_media_query('max_width_767'),
        ]);
    }

    private function dipi_apply_item_padding_css($render_slug)
    {
        if (!isset($this->props['item_padding']) || '' === $this->props['item_padding']) {
            return;
        }

        $item_padding_responsive_status = et_pb_get_responsive_status($this->props['item_padding_last_edited']);
        $item_padding = $this->props['item_padding'];
        $item_padding_tablet = $this->dipi_get_responsive_value('item_padding_tablet', $item_padding, $item_padding_responsive_status);
        $item_padding_phone = $this->dipi_get_responsive_value('item_padding_phone', $item_padding_tablet, $item_padding_responsive_status);

        $item_padding = explode("|", $item_padding);
        $item_padding_tablet = explode("|", $item_padding_tablet);
        $item_padding_phone = explode("|", $item_padding_phone);

        \ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .dipi_price_list_item',
            'declaration' => "padding-top: {$item_padding[0]};
							  padding-right: {$item_padding[1]};
							  padding-bottom: {$item_padding[2]};
							  padding-left: {$item_padding[3]};",
        ]);

        \ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .dipi_price_list_item',
            'declaration' => "padding-top: {$item_padding_tablet[0]};
							  padding-right: {$item_padding_tablet[1]};
							  padding-bottom: {$item_padding_tablet[2]};
							  padding-left: {$item_padding_tablet[3]};",
            'media_query' => ET_Builder_Element::get_media_query('max_width_980'),
        ]);

        \ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .dipi_price_list_item',
            'declaration' => "padding-top: {$item_padding_phone[0]};
							  padding-right: {$item_padding_phone[1]};
							  padding-bottom: {$item_padding_phone[2]};
							  padding-left: {$item_padding_phone[3]};",
            'media_query' => ET_Builder_Element::get_media_query('max_width_767'),
        ]);
    }

    private function dipi_apply_item_text_padding_css($render_slug)
    {
		if (!isset($this->props['item_text_padding']) || '' === $this->props['item_text_padding']) {
            return;
        }

        $item_text_padding_responsive_status = et_pb_get_responsive_status($this->props['item_text_padding_last_edited']);
        $item_text_padding = $this->props['item_text_padding'];
		$item_text_padding_tablet = $this->dipi_get_responsive_value('item_text_padding_tablet', $item_text_padding, $item_text_padding_responsive_status);
		$item_text_padding_phone = $this->dipi_get_responsive_value('item_text_padding_phone', $item_text_padding_tablet, $item_text_padding_responsive_status);

		$item_text_padding = explode("|", $item_text_padding);
		$item_text_padding_tablet = explode("|", $item_text_padding_tablet);
		$item_text_padding_phone = explode("|", $item_text_padding_phone);


        \ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .dipi_price_list_item .dipi_price_list_text_wrapper',
			'declaration' => "padding-top: {$item_text_padding[0]};
							  padding-right: {$item_text_padding[1]};
							  padding-bottom: {$item_text_padding[2]};
							  padding-left: {$item_text_padding[3]};",
        ]);

        \ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .dipi_price_list_item .dipi_price_list_text_wrapper',
            'declaration' => "padding-top: {$item_text_padding_tablet[0]};
							  padding-right: {$item_text_padding_tablet[1]};
							  padding-bottom: {$item_text_padding_tablet[2]};
							  padding-left: {$item_text_padding_tablet[3]};",
            'media_query' => ET_Builder_Element::get_media_query('max_width_980'),
        ]);

        \ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .dipi_price_list_item .dipi_price_list_text_wrapper',
            'declaration' => "padding-top: {$item_text_padding_phone[0]};
							  padding-right: {$item_text_padding_phone[1]};
							  padding-bottom: {$item_text_padding_phone[2]};
							  padding-left: {$item_text_padding_phone[3]};",
            'media_query' => ET_Builder_Element::get_media_query('max_width_767'),
        ]);
    }

	private function dipi_apply_image_css($render_slug){


        $image_width_responsive_status = et_pb_get_responsive_status($this->props['image_width_last_edited']);
        $image_width = $this->props['image_width'];
		$image_width_tablet = $this->dipi_get_responsive_value('image_width_tablet', $image_width, $image_width_responsive_status);
		$image_width_phone = $this->dipi_get_responsive_value('image_width_phone', $image_width_tablet, $image_width_responsive_status);
		
		$image_spacing_responsive_status = et_pb_get_responsive_status($this->props['image_spacing_last_edited']);
        $image_spacing = $this->props['image_spacing'];
		$image_spacing_tablet = $this->dipi_get_responsive_value('image_spacing_tablet', $image_spacing, $image_spacing_responsive_status);
		$image_spacing_phone = $this->dipi_get_responsive_value('image_spacing_phone', $image_spacing_tablet, $image_spacing_responsive_status);

		ET_Builder_Element::set_style($render_slug, array(
			'selector' => "%%order_class%% .dipi_price_list_image_wrapper",
			'declaration' => "width: {$image_width}; margin-right: {$image_spacing};",
		));

		ET_Builder_Element::set_style($render_slug, array(
			'selector' => "%%order_class%% .dipi_price_list_image_wrapper",
			'declaration' => "width: {$image_width_tablet}; margin-right: {$image_spacing_tablet};",
			'media_query' => ET_Builder_Element::get_media_query('max_width_980'),
		));

		ET_Builder_Element::set_style($render_slug, array(
			'selector' => "%%order_class%% .dipi_price_list_image_wrapper",
			'declaration' => "width: {$image_width_phone}; margin-right: {$image_spacing_phone};",
			'media_query' => ET_Builder_Element::get_media_query('max_width_767'),
		));
	}
}

new DIPI_PriceList;