<?php
/**
 * @package     productive-commerce
 * @author      productiveminds.com
 * @copyright   productiveminds.com
 */


// Start:: Content
$this->start_controls_section(
    'section_content_content_upper_section',
    [
        'label' => esc_html__( 'Upper Section', 'productive-commerce' ),
        'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
    ]
);

$this->add_control(
    'productive_cpt_is_show_image_or_icon',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Show Thumbnail', 'productive-commerce' ),
        'options' => [
                'none' => esc_html__( 'No', 'productive-commerce' ),
                'image' => esc_html__( 'Yes', 'productive-commerce' ),
        ],
        'default' => 'image',
    ]
);

if( productive_commerce_is_extra() ) {
    $this->add_control(
        'section_content_show_quickview_button',
        [
            'type' => \Elementor\Controls_Manager::SELECT,
            'label' => esc_html__( 'Show Wishlist & Quick View Buttons', 'productive-commerce' ),
            'options' => [
                    '0' => esc_html__( 'No', 'productive-commerce' ),
                    '1' => esc_html__( 'Yes', 'productive-commerce' ),
            ],
            'default' => '1',
        ]
    );
} else {
    $this->add_control(
        'section_content_show_quickview_button',
        [
            'type' => \Elementor\Controls_Manager::HIDDEN,
            'default' => '0',
            'frontend_available' => true,
        ]
    );
}

$this->add_control(
    'section_show_content_title',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Show Product Title', 'productive-commerce' ),
        'options' => [
                '1' => esc_html__( 'Yes', 'productive-commerce' ),
                '0' => esc_html__( 'No', 'productive-commerce' ),
        ],
        'default' => '1',
    ]
);

$this->add_control(
    'section_show_content_on_sale_banner',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Show OnSale Banner', 'productive-commerce' ),
        'options' => [
                '1' => esc_html__( 'Yes', 'productive-commerce' ),
                '0' => esc_html__( 'No', 'productive-commerce' ),
        ],
        'default' => '1',
    ]
);

$this->add_control(
    'section_content_show_url_button',
    [
        'label' => esc_html__( 'Show Add to Cart Button', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::SWITCHER,
        'label_on' => esc_html__( 'Show', 'productive-commerce' ),
        'label_off' => esc_html__( 'Hide', 'productive-commerce' ),
        'return_value' => '1',
        'default' => '1',
    ]
);

$this->add_control(
    'section_content_show_remove_icon',
    [
        'label' => esc_html__( 'Show Remove Icon', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::SWITCHER,
        'label_on' => esc_html__( 'Show', 'productive-commerce' ),
        'label_off' => esc_html__( 'Hide', 'productive-commerce' ),
        'return_value' => '1',
        'default' => '1',
    ]
);

$this->add_control(
    'section_content_show_quantity_field',
    [
        'label' => esc_html__( 'Show Quantity Field', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::SWITCHER,
        'label_on' => esc_html__( 'Show', 'productive-commerce' ),
        'label_off' => esc_html__( 'Hide', 'productive-commerce' ),
        'return_value' => '1',
        'default' => '1',
    ]
);

$this->add_control(
    'section_content_show_mngt_button',
    [
        'type' => \Elementor\Controls_Manager::HIDDEN,
        'default' => '1',
    ]
);

$this->end_controls_section();

$this->start_controls_section(
    'section_style_content_attributes_section',
    [
        'label' => esc_html__( 'Attributes Sections', 'productive-commerce' ),
        'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
    ]
);
$this->add_control(
    'section_show_content_price',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Show Price', 'productive-commerce' ),
        'options' => [
                '1' => esc_html__( 'Yes', 'productive-commerce' ),
                '0' => esc_html__( 'No', 'productive-commerce' ),
        ],
        'default' => '1',
    ]
);

$this->add_control(
    'section_show_content_sku',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Show Sku', 'productive-commerce' ),
        'options' => [
                '1' => esc_html__( 'Yes', 'productive-commerce' ),
                '0' => esc_html__( 'No', 'productive-commerce' ),
        ],
        'default' => '1',
    ]
);

$this->add_control(
    'section_show_content_stock',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Show Stock Availability', 'productive-commerce' ),
        'options' => [
                '1' => esc_html__( 'Yes', 'productive-commerce' ),
                '0' => esc_html__( 'No', 'productive-commerce' ),
        ],
        'default' => '1',
    ]
);

$this->add_control(
    'section_show_content_ratings',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Show Ratings', 'productive-commerce' ),
        'options' => [
                '1' => esc_html__( 'Yes', 'productive-commerce' ),
                '0' => esc_html__( 'No', 'productive-commerce' ),
        ],
        'default' => '1',
    ]
);

$this->add_control(
    'section_show_content_short_description',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Show Short Description', 'productive-commerce' ),
        'options' => [
                '1' => esc_html__( 'Yes', 'productive-commerce' ),
                '0' => esc_html__( 'No', 'productive-commerce' ),
        ],
        'default' => '1',
    ]
);

$this->add_control(
    'section_show_content_attributes',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Show Product Attributes', 'productive-commerce' ),
        'options' => [
                '1' => esc_html__( 'Yes', 'productive-commerce' ),
                '0' => esc_html__( 'No', 'productive-commerce' ),
        ],
        'default' => '1',
    ]
);


$this->end_controls_section();
// End:: Content


/**
 * 
 * Start:: Styles
 * 
 */
$this->start_controls_section(
    'section_style_content',
    [
        'label' => esc_html__( 'Upper Section', 'productive-commerce' ),
        'tab' => \Elementor\Controls_Manager::TAB_STYLE,
    ]
);

// Start:: Image
$this->add_control(
    'section_style_content_image_group_label',
    [
        'label' => esc_html__( 'Product Thumbnail', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
        'condition' => [
            'productive_cpt_is_show_image_or_icon' => 'image',
        ],
    ]
);

$this->add_control(
    'section_style_content_image_border_radius',
    [
        'label' => esc_html__( 'Border Radius', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ '%', 'px' ],
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section-single-item-media img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
        'condition' => [
            'productive_cpt_is_show_image_or_icon' => 'image',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'section_style_content_image_border',
        'selector' => '{{WRAPPER}} .productiveminds_section-single-item-media img',
        'condition' => [
            'productive_cpt_is_show_image_or_icon' => [ 'image' ],
        ],
    ]
);

$this->add_control(
    'section_style_content_image_padding',
    [
        'label' => esc_html__( 'padding', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px', 'rem' ],
        'range' => [
            'px' => [
                'min' => 10,
                'max' => 100,
                'step' => 1,
            ],
            'rem' => [
                'min' => 0.1,
                'max' => 10.0,
                'step' => 0.1,
            ],
        ],
        'default' => [
            'unit' => 'rem',
            'size' => 0.0,
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section-single-item-media img' => 'padding: {{SIZE}}{{UNIT}};',
        ],
        'condition' => [
            'productive_cpt_is_show_image_or_icon' => 'image',
        ],
    ]
);

$this->add_control(
    'section_style_content_hr_1_image',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
        'condition' => [
            'productive_cpt_is_show_image_or_icon' => 'image',
        ],
    ]
);
// End:: Image


// Start:: Product Title
$this->add_control(
    'section_style_content_title_product_group_label',
    [
        'label' => esc_html__( 'Product Title', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_content_title_product_text_color',
    [
        'label' => esc_html__( 'Color', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .single-item-title' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_title_product_text_color_hover',
    [
        'label' => esc_html__( 'Color (on Hover)', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .single-item-title:hover' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => esc_html__( 'Typography', 'productive-commerce' ),
        'name' => 'section_style_content_title_product_text_typography',
        'selector' => '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .single-item-title',
    ]
);

$this->add_responsive_control(
    'section_style_content_title_product_text_padding',
    [
        'label' => esc_html__( 'Padding', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'rem', 'px', '%' ],
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .single-item-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_hr_title',
    [
            'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
// End:: Product Title


// Start:: On Sale Banner
$this->add_control(
    'section_style_content_onsale_banner_group_label',
    [
        'label' => esc_html__( 'On Sale Banner', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_content_onsale_banner_text_color',
    [
        'label' => esc_html__( 'Color', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .onsale' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_onsale_banner_bg_color',
    [
        'label' => esc_html__( 'Background Color', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .onsale' => 'background: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => esc_html__( 'Typography', 'productive-commerce' ),
        'name' => 'section_style_content_onsale_banner_text_typography',
        'selector' => '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .onsale',
    ]
);

$this->add_responsive_control(
    'section_style_content_onsale_banner_text_padding',
    [
        'label' => esc_html__( 'Padding', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'rem', 'px', '%' ],
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .onsale' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_onsale_banner_border_radius',
    [
        'label' => esc_html__( 'Border Radius', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ '%', 'px' ],
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .onsale' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_responsive_control(
    'section_style_content_onsale_banner_text_margin',
    [
        'label' => esc_html__( 'Margin', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'rem', 'px', '%' ],
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .onsale' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);
// End:: On Sale Banner


// Start:: Remove Button
$this->add_control(
    'section_style_content_remove_button_hr_1',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
$this->add_control(
    'section_style_content_remove_button_group_label',
    [
        'label' => esc_html__( 'Remove Button', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_content_remove_button_color',
    [
        'label' => esc_html__( 'Color', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_remove_button svg path ' => 'fill: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_remove_button_color_hover',
    [
        'label' => esc_html__( 'Color (on Hover)', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_remove_button svg:hover path ' => 'fill: {{VALUE}};',
        ],
    ]
);

$this->add_responsive_control(
    'section_style_content_remove_button_margin',
    [
        'label' => esc_html__( 'Margin', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'rem', 'px', '%' ],
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_remove_button' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_remove_button_size',
    [
        'label' => esc_html__( 'Size (px)', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px' ],
        'range' => [
            'px' => [
                'min' => 10,
                'max' => 100,
                'step' => 1,
            ],
        ],
        'default' => [
            'unit' => 'px',
            'size' => 25,
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_remove_button svg' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}}',
        ],
    ]
);
// End:: Remove Button

$this->add_control(
    'section_style_content_add_to_cart_button_hr_1',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
$this->add_control(
    'section_style_content_add_to_cart_button_group_label_1',
    [
        'label' => esc_html__( 'Add to Cart Button', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => esc_html__( 'Typography', 'productive-commerce' ),
        'name' => 'section_style_add_to_cart_button_typography',
        'selector' => '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button a',
    ]
);

$this->start_controls_tabs(
    'style_tabs_add_to_cart_button',
        [
        ]
);

    // Start:: button Normal Styles
    $this->start_controls_tab(
        'section_style_add_to_cart_button_normal_tab',
        [
            'label' => esc_html__( 'Normal', 'productive-commerce' ),
        ]
    );

    $this->add_control(
        'section_style_add_to_cart_button_text_color',
        [
            'label' => esc_html__( 'Text Color', 'productive-commerce' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button a' => 'color: {{VALUE}};',
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button button' => 'color: {{VALUE}};',
            ],
        ]
    );

    $this->add_control(
        'section_style_add_to_cart_button_bg_color',
        [
            'label' => esc_html__( 'Background', 'productive-commerce' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button a' => 'background: {{VALUE}};',
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button button' => 'background: {{VALUE}};',
            ],
        ]
    );
    $this->end_controls_tab();
    // End:: Content button Normal Styles

    // Start:: Content button Hover Styles
    $this->start_controls_tab(
        'section_style_add_to_cart_button_hover_tab',
        [
            'label' => esc_html__( 'On Hover', 'productive-commerce' ),
        ]
    );

    $this->add_control(
        'section_style_add_to_cart_button_text_color_hover',
        [
            'label' => esc_html__( 'Text Color', 'productive-commerce' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button a:hover' => 'color: {{VALUE}};',
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button a.button.add_to_cart_button:hover' => 'color: {{VALUE}};',
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button button:hover' => 'color: {{VALUE}};',
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button button.button.add_to_cart_button:hover' => 'color: {{VALUE}};',
            ],
        ]
    );

    $this->add_control(
        'section_style_add_to_cart_button_bg_color_hover',
        [
            'label' => esc_html__( 'Background', 'productive-commerce' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button a:hover' => 'background: {{VALUE}};',
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button a.button.add_to_cart_button:hover' => 'background: {{VALUE}};',
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button button:hover' => 'background: {{VALUE}};',
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button button.button.add_to_cart_button:hover' => 'background: {{VALUE}};',
            ],
        ]
    );
    
    $this->add_control(
        'section_style_content_button_hover_animation',
        [
            'label' => esc_html__( 'Hover Animation', 'productive-commerce' ),
            'type' => \Elementor\Controls_Manager::HOVER_ANIMATION,
        ]
    );
    $this->end_controls_tab();
    // End:: button Hover Styles

$this->end_controls_tabs();

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'section_style_add_to_cart_button_border',
        'selector' => '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button a',
    ]
);

$this->add_control(
    'section_style_add_to_cart_button_border_radius',
//    'section_style_layout_border_radius_slide',
    [
        'label' => esc_html__( 'Border Radius', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ '%', 'px' ],
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_responsive_control(
    'section_style_content_add_to_cart_button_text_padding',
    [
        'label' => esc_html__( 'Padding', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'rem', 'px', '%' ],
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_responsive_control(
    'section_style_content_add_to_cart_button_text_margin',
    [
        'label' => esc_html__( 'Margin', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'rem', 'px', '%' ],
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .the_add_it_button' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);
// End:: Add to Cart Button

$this->end_controls_section();


// Start:: Attributes Section
$this->start_controls_section(
    'section_style_content_other_buttons',
    [
        'label' => esc_html__( 'Attributes Sections', 'productive-commerce' ),
        'tab' => \Elementor\Controls_Manager::TAB_STYLE,
    ]
);


// End:: Content main text
$this->add_control(
    'section_style_content_main_text_group_label',
    [
        'label' => esc_html__( 'General Content', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);
$this->add_control(
    'section_style_content_main_text_color',
    [
        'label' => esc_html__( 'Color', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'default' => '#51545E',
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section-single-item .single-item-desc' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => esc_html__( 'Typography', 'productive-commerce' ),
        'name' => 'section_style_content_main_text_typography',
        'selector' => '{{WRAPPER}} .productiveminds_section-single-item .single-item-desc',
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => 'Hyperlinks Typography',
        'name' => 'section_style_content_main_text_anchors_typography',
        'selector' => '{{WRAPPER}} .productiveminds_section-single-item .single-item-desc a',
    ]
);
// End:: Content main text


// Start:: Price

$this->add_control(
    'section_style_content_price_hr_1',
    [
            'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
$this->add_control(
    'section_style_content_price_group_label',
    [
        'label' => esc_html__( 'Product Price', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_content_price_text_color',
    [
        'label' => esc_html__( 'Color (Price)', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container .productiveminds_section-container-column .price' => 'color: {{VALUE}};',
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container .productiveminds_section-container-column .price ins' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => 'Typography (Price)',
        'name' => 'section_style_content_price_text_typography',
        'selector' => '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container .productiveminds_section-container-column .price',
        'selector' => '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container .productiveminds_section-container-column .price ins',
    ]
);

$this->add_control(
    'section_style_content_sale_price_text_color',
    [
        'label' => esc_html__( 'Color (Sale)', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container .productiveminds_section-container-column .price del' => 'color: {{VALUE}};',
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container .productiveminds_section-container-column .price del *' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => 'Typography (Sale)',
        'name' => 'section_style_content_sale_price_text_typography',
        'selector' => '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container .productiveminds_section-container-column .price del',
        'selector' => '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container .productiveminds_section-container-column .price del *',
    ]
);
// End:: Price


// Start:: Rating

$this->add_control(
    'section_style_content_ratings_hr_1',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
$this->add_control(
    'section_style_content_ratings_group_label',
    [
        'label' => esc_html__( 'Ratings', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_content_ratings_text_color',
    [
        'label' => esc_html__( 'Color', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container .productiveminds_section-container-column .the_rating_details .star-rating' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_ratings_size',
    [
        'label' => esc_html__( 'Size', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px', 'rem' ],
        'range' => [
            'px' => [
                'min' => 10,
                'max' => 100,
                'step' => 1,
            ],
            'rem' => [
                'min' => 0.5,
                'max' => 10.0,
                'step' => 0.1,
            ],
        ],
        'default' => [
            'unit' => 'rem',
            'size' => 1.0,
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container .productiveminds_section-container-column .the_rating_details .star-rating' => 'font-size: {{SIZE}}{{UNIT}};',
        ],
    ]
);

// End:: Rating


// Start:: Clickable Blocks
$this->add_control(
    'section_style_content_clickable_box_hr',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
$this->add_control(
    'section_style_content_clickable_box_group_label',
    [
        'label' => esc_html__( 'Clickable Blocks', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => esc_html__( 'Typography', 'productive-commerce' ),
        'name' => 'section_style_content_clickable_box_typography',
        'selector' => '{{WRAPPER}} .toggle_symbol_container_css_class .toggle_symbol_container_css_class_content_text',
    ]
);

$this->add_control(
    'section_style_content_clickable_box_text_color',
    [
        'label' => esc_html__( 'Color', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .toggle_symbol_container_css_class .toggle_symbol_container_css_class_content_text' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_clickable_box_text_color_on_open',
    [
        'label' => esc_html__( 'Color (on open)', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .toggle_symbol_container_css_class.enable_toggle.opened .toggle_symbol_container_css_class_content_text' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_clickable_box_bg_color',
    [
        'label' => esc_html__( 'Background', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .toggle_symbol_container_css_class .toggle_symbol_container_css_class_content' => 'background: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_clickable_box_bg_color_opened',
    [
        'label' => esc_html__( 'Background (on Open)', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .toggle_symbol_container_css_class.enable_toggle.opened .toggle_symbol_container_css_class_content' => 'background: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_clickable_box_padding',
    [
        'label' => esc_html__( 'Padding', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'rem', 'px', '%' ],
        'selectors' => [
                '{{WRAPPER}} .toggle_symbol_container_css_class .toggle_symbol_container_css_class_content_text' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_clickable_box_border_radius',
    [
        'label' => esc_html__( 'Border Radius', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ '%', 'px' ],
        'selectors' => [
                '{{WRAPPER}} .toggle_symbol_container_css_class .toggle_symbol_container_css_class_content' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);
// End:: Clickable Blocks

// Start:: Toggle Icon Box
$this->add_control(
    'section_style_content_toggle_icon_box_hr',
    [
            'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
$this->add_control(
    'section_style_content_toggle_icon_box_group_label',
    [
        'label' => esc_html__( 'Toggle Icon Container', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_content_toggle_icon_box_color',
    [
        'label' => esc_html__( 'Background', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .toggle_symbol_container_css_class.enable_toggle .toggle_symbol_container_css_class_content_button' => 'background: {{VALUE}};',
        ],
    ]
);
$this->add_control(
    'section_style_content_toggle_icon_box_color_hover',
    [
        'label' => esc_html__( 'Background (on Open)', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .toggle_symbol_container_css_class.enable_toggle.opened .toggle_symbol_container_css_class_content_button' => 'background: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_toggle_icon_box_width',
    [
        'label' => esc_html__( 'Width', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px', 'rem' ],
        'range' => [
            'px' => [
                'min' => 20,
                'max' => 200,
                'step' => 5,
            ],
            'rem' => [
                'min' => 0.5,
                'max' => 10.0,
                'step' => 0.1,
            ],
        ],
        'default' => [
            'unit' => 'px',
            'size' => 50,
        ],
        'selectors' => [
            '{{WRAPPER}} .toggle_symbol_container_css_class_content.right_button' => 'grid-template-columns: auto {{SIZE}}{{UNIT}}',
            '{{WRAPPER}} .toggle_symbol_container_css_class_content.left_button' => 'grid-template-columns: {{SIZE}}{{UNIT}} auto',
        ],
    ]
);

$this->add_control(
    'section_style_content_toggle_icon_box_vertical_spacing',
    [
        'label' => esc_html__( 'Vertical Spacing', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px', 'rem' ],
        'range' => [
            'px' => [
                'min' => 10,
                'max' => 100,
                'step' => 1,
            ],
            'rem' => [
                'min' => 0.5,
                'max' => 10.0,
                'step' => 0.1,
            ],
        ],
        'default' => [
            'unit' => 'rem',
            'size' => 1.0,
        ],
        'selectors' => [
            '{{WRAPPER}} .toggle_symbol_container_css_class .toggle_symbol_container_css_class_content_button' => 'padding-top: {{SIZE}}{{UNIT}}; padding-bottom: {{SIZE}}{{UNIT}};',
        ],
    ]
);
// End:: Toggle icon

// Start:: Toggle icon
$this->add_control(
    'section_style_content_toggle_icon_hr',
    [
            'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
$this->add_control(
    'section_style_content_toggle_icon_group_label',
    [
        'label' => esc_html__( 'Toggle Icon', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);


$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => 'Icon Typography',
        'name' => 'section_style_content_toggle_icon_typography',
        'selector' => '{{WRAPPER}} .toggle_symbol_container_css_class.enable_toggle .toggle_symbol_container_css_class_content_button::after',
    ]
);

$this->add_control(
    'section_style_content_toggle_icon_color',
    [
        'label' => esc_html__( 'Icon Color', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .toggle_symbol_container_css_class.enable_toggle .toggle_symbol_container_css_class_content_button::after' => 'color: {{VALUE}};',
        ],
    ]
);
$this->add_control(
    'section_style_content_toggle_icon_color_hover',
    [
        'label' => esc_html__( 'Icon Color (on Open)', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .toggle_symbol_container_css_class.enable_toggle.opened .toggle_symbol_container_css_class_content_button::after' => 'color: {{VALUE}};',
        ],
    ]
);
// End:: Toggle icon

$this->end_controls_section();
// End:: Attributes Section

