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


// Start:: Content
$this->start_controls_section(
    'section_content_content',
    [
        'label' => esc_html__( 'Content', '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 Compare & 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_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_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_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_content_show_url_button',
    [
        'label' => esc_html__( 'Show Buy 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_url_button_icon',
//    [
//        'label' => esc_html__( 'Show Buy Button 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' => '',
//        'condition' => [
//            'section_content_show_url_button' => [ '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' => '0',
    ]
);

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

$this->add_control(
    'section_content_date_added_copy',
    [
        'label' => esc_html__( 'Date added copy', 'productive-commerce' ),
        'label_block' => true,
        'type' => \Elementor\Controls_Manager::TEXT,
        'default' => esc_html__( 'Added on:', 'productive-commerce' ),
        'placeholder' => esc_html__( 'Added on:', 'productive-commerce' ),
        'dynamic' => [
            'active' => true,
        ],
        'condition' => [
            'section_content_show_date_added' => [ '1' ],
        ],
    ]
);

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

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


/**
 * 
 * Start:: Styles
 * 
 */
$this->start_controls_section(
    'section_style_content',
    [
        'label' => esc_html__( 'Content', '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:: Title
$this->add_control(
    'section_style_content_title_group_label',
    [
        'label' => esc_html__( 'Product Title', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_content_title_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_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_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_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_title_text_max_width',
    [
        'label' => esc_html__( 'Title Max Width (px)', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px' ],
        'range' => [
            'px' => [
                'min' => 100,
                'max' => 1000,
                'step' => 10,
            ],
        ],
        'default' => [
            'unit' => 'px',
            'size' => 300,
        ],
        'selectors' => [
            '{{WRAPPER}} .product a h2.woocommerce-loop-product__title' => 'max-width: {{SIZE}}{{UNIT}}',
        ],
    ]
);

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


// Start:: Price
$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.products .productiveminds_section-container-column.product .price' => 'color: {{VALUE}};',
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .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.products .productiveminds_section-container-column.product .price',
        'selector' => '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .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.products .productiveminds_section-container-column.product .price del' => 'color: {{VALUE}};',
                '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .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.products .productiveminds_section-container-column.product .price del',
        'selector' => '{{WRAPPER}} .productiveminds_section.woocommerce .productiveminds_section-container.products .productiveminds_section-container-column.product .price del *',
    ]
);

$this->add_responsive_control(
    'section_style_content_price_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_price' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

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


// 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}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_hr_onsale_banner',
    [
            'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
// End:: On Sale Banner


// Start:: Stock availability
$this->add_control(
    'section_style_content_stock_info_group_label',
    [
        'label' => esc_html__( 'Stock Details', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

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

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

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

$this->add_responsive_control(
    'section_style_content_stock_info_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_stock_details' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_hr_stock_info',
    [
            'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
// End:: Stock availability


// Start:: Rating
$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.products .productiveminds_section-container-column.product .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.products .productiveminds_section-container-column.product .the_rating_details .star-rating' => 'font-size: {{SIZE}}{{UNIT}};',
        ],
    ]
);

$this->add_control(
    'section_content_layout_align_rating',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Ratings Alignment', 'productive-commerce' ),
        'options' => [
        ] + productive_global_get_horizontal_css_align_options(),
        'default' => 'flex-start',
        'selectors' => [
            '{{WRAPPER}} .productive-rating-in-review-box' => 'justify-content: {{VALUE}}; justify-items: {{VALUE}}',
        ],
    ]
);

$this->add_responsive_control(
    'section_style_content_ratings_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_rating_details' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

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


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

$this->add_control(
    'section_style_content_divider_text_color',
    [
        'label' => esc_html__( 'Color', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
                '{{WRAPPER}} .productiveminds_content_divider_container hr' => 'color: {{VALUE}}; background: {{VALUE}}; background-color: {{VALUE}} !important;',
        ],
    ]
);

$this->add_control(
    'section_style_content_divider_opacity',
    [
        'label' => esc_html__( 'Opacity', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ '' ],
        'range' => [
            'px' => [
                'min' => 0,
                'max' => 1,
                'step' => 0.1,
            ],
        ],
        'default' => [
            'unit' => '',
            'size' => 0.5,
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_content_divider_container hr' => 'opacity: {{SIZE}}',
        ],
    ]
);

$this->add_control(
    'section_style_content_divider_height',
    [
        'label' => esc_html__( 'Height (px)', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px' ],
        'range' => [
            'px' => [
                'min' => 0,
                'max' => 100,
                'step' => 1,
            ],
        ],
        'default' => [
            'unit' => 'px',
            'size' => 1,
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_content_divider_container hr' => 'height: {{SIZE}}{{UNIT}}',
        ],
    ]
);

$this->add_control(
    'section_style_content_divider_spacing',
    [
        'label' => esc_html__( 'Vertical Spacing (px)', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px' ],
        'range' => [
            'px' => [
                'min' => 0,
                'max' => 100,
                'step' => 1,
            ],
        ],
        'default' => [
            'unit' => 'px',
            'size' => 20,
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_content_divider_container' => 'padding: {{SIZE}}{{UNIT}} 0',
        ],
    ]
);

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


// Start:: Date added
$this->add_control(
    'section_style_content_date_added_group_label',
    [
        'label' => esc_html__( 'Date Added', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_content_date_added_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 .the_date_added' => 'color: {{VALUE}};',
        ],
    ]
);

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

$this->add_responsive_control(
    'section_style_content_date_added_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_date_added' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_hr_date_added',
    [
            'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
// End:: Date added
$this->end_controls_section();

// Start:: Add to Cart Button
$this->start_controls_section(
    'section_style_content_add_to_cart_button',
    [
        'label' => esc_html__( 'Add to Cart Button', 'productive-commerce' ),
        'tab' => \Elementor\Controls_Manager::TAB_STYLE,
    ]
);

$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_control(
    'section_style_add_to_cart_button',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);

$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_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_content div.the_add_it_button' => 'margin: {{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}};',
        ],
    ]
);
// End:: Add to Cart Button
$this->end_controls_section();


// Start:: Other Buttons
$this->start_controls_section(
    'section_style_content_other_buttons',
    [
        'label' => esc_html__( 'Action Icons (remove etc)', 'productive-commerce' ),
        'description' => esc_html__( 'Remove Icon etc', 'productive-commerce' ),
        'tab' => \Elementor\Controls_Manager::TAB_STYLE,
    ]
);

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

$this->add_control(
    'section_style_other_buttons_text_color',
    [
        'label' => esc_html__( 'Color', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .productiveminds_box_inline_actions_container .productiveminds_box_inline_actions_icons svg path' => 'fill: {{VALUE}}; color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_other_buttons_text_color_hover',
    [
        'label' => esc_html__( 'Color (on Hover)', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .productiveminds_box_inline_actions_container .productiveminds_box_inline_actions_icons svg:hover path' => 'fill: {{VALUE}}; color: {{VALUE}};',
        ],
    ]
);

$this->end_controls_tabs();

$this->add_responsive_control(
    'section_style_content_other_buttons_text_margin',
    [
        'label' => esc_html__( 'Margin', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'rem', 'px', '%' ],
        'selectors' => [
                '{{WRAPPER}} .productiveminds_box_inline_actions_container .productiveminds_box_inline_actions_icons' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_more_button_size',
    [
        'label' => esc_html__( 'Size (px)', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px' ],
        'range' => [
            'px' => [
                'min' => 10,
                'max' => 100,
                'step' => 5,
            ],
        ],
        'default' => [
            'unit' => 'px',
            'size' => 25,
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_box_inline_actions_container .productiveminds_box_inline_actions_icons svg' => 'width: {{SIZE}}{{UNIT}}; height: auto;',
        ],
    ]
);

$this->add_responsive_control(
    'section_style_content_more_button_text_align',
    [
        'label' => esc_html__( 'NavIcon Alignment', 'productive-commerce' ),
        'type' => \Elementor\Controls_Manager::CHOOSE,
        'options' => [
                'left' => [
                        'title' => esc_html__( 'Left', 'productive-commerce' ),
                        'icon' => 'eicon-text-align-left',
                ],
                'center' => [
                        'title' => esc_html__( 'Center', 'productive-commerce' ),
                        'icon' => 'eicon-text-align-center',
                ],
                'right' => [
                        'title' => esc_html__( 'Right', 'productive-commerce' ),
                        'icon' => 'eicon-text-align-right',
                ],
        ],
        'toggle' => true,
        'selectors' => [
                '{{WRAPPER}} .productiveminds_box_inline_actions_container.more_action_onclick .productiveminds_box_inline_actions_icons' => 'text-align: {{VALUE}};',
        ],
        'condition' => [
            'section_content_hover_action_style' => [ PRODUCTIVE_COMMERCE_PLUGIN_PRODUCT_BOX_OVERLAY_TRIGGER_ON_CLICK, ],
        ],
    ]
);
// End:: Other Buttons

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