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

// Start:: Content
$this->start_controls_section(
    'section_content_header',
    [
        'label' => esc_html__( 'Heading', 'productive-forms' ),
        'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
    ]
);

$this->add_control(
    'section_content_header_is_show_section_header',
    [
        'label' => esc_html__( 'Show Heading', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::SWITCHER,
        'label_on' => esc_html__( 'Show', 'productive-forms' ),
        'label_off' => esc_html__( 'Hide', 'productive-forms' ),
        'return_value' => 'yes',
        'default' => 'yes',
    ]
);

$this->add_control(
    'section_content_header_is_show_section_header_info',
    [
        'label' => esc_html__( 'Switch the toggle to show the header', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
        'condition' => [
            'section_content_header_is_show_section_header' => '',
        ],
    ]
);

$this->add_control(
    'section_content_header_hr_title_copy',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

$this->add_control(
    'section_style_header_title_copy_group_label',
    [
        'label' => esc_html__( 'Heading Title', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

$this->add_control(
    'section_title',
    [
        'label' => esc_html__( 'Title', 'productive-forms' ),
        'label_block' => true,
        'type' => \Elementor\Controls_Manager::TEXT,
        'default' => esc_html__( 'Contact Us Page', 'productive-forms' ),
        'dynamic' => [
            'active' => true,
        ],
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

$this->add_control(
    'section_title_suffix',
    [
        'label' => esc_html__( 'Title Suffix', 'productive-forms' ),
        'label_block' => true,
        'type' => \Elementor\Controls_Manager::TEXT,
        'default' => '',
        'placeholder' => esc_html__( 'Suffix', 'productive-forms' ),
        'dynamic' => [
            'active' => true,
        ],
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

$this->add_control(
    'section_title_html_tag',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Title HTML Tag', 'productive-forms' ),
        'options' => productive_global_get_content_html_tags(),
        'default' => 'h2',
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

$this->add_control(
    'section_content_header_hr_1',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

$this->add_control(
    'section_style_header_auxiliary_copy_group_label',
    [
        'label' => esc_html__( 'Heading Auxiliary (additional content)', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

$this->add_control(
    'section_heading_auxiliary',
    [
        'label' => esc_html__( 'Auxiliary', 'productive-forms' ),
        'label_block' => true,
        'type' => \Elementor\Controls_Manager::TEXT,
        'default' => '',
        'placeholder' => esc_html__( 'Additional Content', 'productive-forms' ),
        'dynamic' => [
            'active' => true,
        ],
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

$this->add_control(
    'section_heading_auxiliary_position',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Auxilliary Position', 'productive-forms' ),
        'options' => [
            'top' => esc_html__( 'Top', 'productive-forms' ),
            'bottom' => esc_html__( 'Bottom', 'productive-forms' ),
        ],
        'default' => 'bottom',
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

$this->add_control(
    'section_content_header_hr_intro',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

$this->add_control(
    'section_style_header_intro_copy_group_label',
    [
        'label' => esc_html__( 'Heading Description', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

$this->add_control(
    'section_intro',
    [
        'label' => esc_html__( 'Description', 'productive-forms' ),
        'label_block' => true,
        'type' => \Elementor\Controls_Manager::WYSIWYG,
        'default' => esc_html__( 'Please provide a description here. Leave heading fields empty to hide the heading.', 'productive-forms' ),
        'dynamic' => [
            'active' => true,
        ],
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

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



/**
 * 
 * Start:: Heading Options
 * 
 */
$this->start_controls_section(
    'section_content_header_options',
    [
        'label' => esc_html__( 'Heading Options', 'productive-forms' ),
        'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

$this->add_responsive_control(
    'section_style_header_layout_format',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Position', 'productive-forms' ),
        'options' => [
            'column' => esc_html__( 'Top', 'productive-forms' ),
            'column-reverse' => esc_html__( 'Bottom', 'productive-forms' ),
            'row' => esc_html__( 'Left', 'productive-forms' ),
            'row-reverse' => esc_html__( 'Right', 'productive-forms' ),
        ],
        'default' => 'column',
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section .productiveminds_section_uno' => 'flex-flow: {{VALUE}};',
        ],
    ]
);

$this->add_responsive_control(
    'section_style_header_align_vertical_heading',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Vertical Alignment', 'productive-forms' ),
        'options' => [
        ] + productive_global_get_vertical_css_align_options(),
        'default' => 'center',
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section .productiveminds_section_uno .productiveminds_section-header-container' => 'align-items: {{VALUE}}; align-content: {{VALUE}};',
        ],
        'condition' => [
            'section_style_header_layout_format' => [ 'row', 'row-reverse', ],
        ],
    ]
);

$this->add_responsive_control(
    'section_style_header_heading_width',
    [
        'label' => esc_html__( 'Width (%)', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [  '%', ],
        'range' => [
            '%' => [
                'min' => 20,
                'max' => 80,
                'step' => 1,
            ],
        ],
        'default' => [
            'unit' => '%',
            'size' => 50,
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section-header-container' => 'flex: 0 0 {{SIZE}}{{UNIT}};',
        ],
        'condition' => [
            'section_style_header_layout_format' => [ 'row', 'row-reverse', ],
        ],
    ]
);

$this->add_responsive_control(
    'section_style_header_column_spacing',
    [
        'label' => esc_html__( 'Column Gap', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px', 'rem' ],
        'range' => [
            'px' => [
                'min' => 0,
                'max' => 200,
                'step' => 1,
            ],
            'rem' => [
                'min' => 0,
                'max' => 20.0,
                'step' => 0.1,
            ],
        ],
        'default' => [
            'unit' => 'px',
            'size' => 25,
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section .productiveminds_section_uno' => 'column-gap: {{SIZE}}{{UNIT}};',
        ],
        'condition' => [
            'section_style_header_layout_format' => [ 'row', 'row-reverse', ],
        ],
    ]
);

$this->add_responsive_control(
    'section_style_header_row_spacing',
    [
        'label' => esc_html__( 'Row Gap', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px', 'rem' ],
        'range' => [
            'px' => [
                'min' => 0,
                'max' => 200,
                'step' => 1,
            ],
            'rem' => [
                'min' => 0,
                'max' => 20.0,
                'step' => 0.1,
            ],
        ],
        'default' => [
            'unit' => 'px',
            'size' => 5,
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section .productiveminds_section_uno' => 'row-gap: {{SIZE}}{{UNIT}};',
        ],
    ]
);

$this->end_controls_section();
// End:: Heading Options




/**
 * 
 * Start:: Styles
 * 
 */
$this->start_controls_section(
    'section_style_header',
    [
        'label' => esc_html__( 'Heading', 'productive-forms' ),
        'tab' => \Elementor\Controls_Manager::TAB_STYLE,
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

/* start: Title Container (both main and suffix) */
$this->add_control(
    'section_style_header_title_group_label',
    [
        'label' => esc_html__( 'Title (both main and suffix)', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

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

$this->add_responsive_control(
    'section_style_title_main_and_suffix_spacing',
    [
        'label' => esc_html__( 'Suffix Spacing (px)', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px' ],
        'range' => [
            'px' => [
                'min' => 0,
                'max' => 1000,
                'step' => 1,
            ],
        ],
        'default' => [
            'unit' => 'px',
            'size' => 5,
        ],
        'selectors' => [
            '{{WRAPPER}} .section-title .section-title-main' => 'margin-right: {{SIZE}}{{UNIT}}',
        ],
    ]
);

$this->add_responsive_control(
    'section_style_title_main_and_suffix_vertical_spacing',
    [
        'label' => esc_html__( 'Suffix vertical Spacing (px)', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px' ],
        'range' => [
            'px' => [
                'min' => 0,
                'max' => 1000,
                'step' => 1,
            ],
        ],
        'default' => [
            'unit' => 'px',
            'size' => 5,
        ],
        'selectors' => [
            '{{WRAPPER}} .section-title span' => 'margin-bottom: {{SIZE}}{{UNIT}}',
        ],
    ]
);

$this->add_responsive_control(
    'section_style_title_align',
    [
        'label' => esc_html__( 'Alignment', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::CHOOSE,
        'options' => [
                'left' => [
                        'title' => esc_html__( 'Left', 'productive-forms' ),
                        'icon' => 'eicon-text-align-left',
                ],
                'center' => [
                        'title' => esc_html__( 'Center', 'productive-forms' ),
                        'icon' => 'eicon-text-align-center',
                ],
                'right' => [
                        'title' => esc_html__( 'Right', 'productive-forms' ),
                        'icon' => 'eicon-text-align-right',
                ],
        ],
        'toggle' => true,
        'default' => 'center',
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section .productiveminds_section-header-container .section-title' => 'text-align: {{VALUE}};',
        ],
    ]
);
/* end: Title Container (both main and suffix) */


/* start: Main Title */
$this->add_control(
    'section_style_header_title_main_hr_1',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);

$this->add_control(
    'section_style_header_title_main_group_label',
    [
        'label' => esc_html__( 'Main Title', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_title_main_text_color',
    [
        'label' => esc_html__( 'Color', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .section-title .section-title-main' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_title_main_text_bg_color',
    [
        'label' => esc_html__( 'Background', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .section-title .section-title-main' => 'background: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => esc_html__( 'Typography', 'productive-forms' ),
        'name' => 'section_style_title_main_typography',
        'selector' => '{{WRAPPER}} .section-title .section-title-main',
    ]
);

$this->add_responsive_control(
    'section_style_title_main_padding',
    [
        'label' => esc_html__( 'Padding', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'rem', 'px', '%' ],
        'selectors' => [
            '{{WRAPPER}} .section-title .section-title-main' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_control(
    'section_style_title_main_text_border_radius',
    [
        'label' => esc_html__( 'Border Radius', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ '%', 'px' ],
        'selectors' => [
            '{{WRAPPER}} .section-title .section-title-main' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'section_style_title_main_text_border',
        'selector' => '{{WRAPPER}} .section-title .section-title-main',
    ]
);
/* end: Main Title */


/* start: Title Suffix */
$this->add_control(
    'section_style_header_title_suffix_hr_1',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);

$this->add_control(
    'section_style_header_title_suffix_group_label',
    [
        'label' => esc_html__( 'Title Suffix', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_title_suffix_text_color',
    [
        'label' => esc_html__( 'Color', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .section-title .section-title-suffix' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_title_suffix_text_bg_color',
    [
        'label' => esc_html__( 'Background', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .section-title .section-title-suffix' => 'background: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => esc_html__( 'Typography', 'productive-forms' ),
        'name' => 'section_style_title_suffix_typography',
        'selector' => '{{WRAPPER}} .section-title .section-title-suffix',
    ]
);

$this->add_responsive_control(
    'section_style_title_suffix_padding',
    [
        'label' => esc_html__( 'Padding', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'rem', 'px', '%' ],
        'selectors' => [
            '{{WRAPPER}} .section-title .section-title-suffix' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_control(
    'section_style_title_suffix_text_border_radius',
    [
        'label' => esc_html__( 'Border Radius', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ '%', 'px' ],
        'selectors' => [
            '{{WRAPPER}} .section-title .section-title-suffix' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'section_style_title_suffix_text_border',
        'selector' => '{{WRAPPER}} .section-title .section-title-suffix',
    ]
);
/* end: Title Suffix */


$this->add_control(
    'section_style_header_intro_hr_1',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);

$this->add_control(
    'section_style_header_intro_group_label',
    [
        'label' => esc_html__( 'Description', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_intro_text_color',
    [
        'label' => esc_html__( 'Color', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .section-intro' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => esc_html__( 'Typography', 'productive-forms' ),
        'name' => 'section_style_intro_typography',
        'selector' => '{{WRAPPER}} .section-intro',
    ]
);

$this->add_responsive_control(
    'section_style_intro_padding',
    [
        'label' => esc_html__( 'Padding', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'rem', 'px', '%' ],
        'selectors' => [
            '{{WRAPPER}} .section-intro' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

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

$this->add_responsive_control(
    'section_style_intro_align',
    [
        'label' => esc_html__( 'Alignment', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::CHOOSE,
        'options' => [
                'left' => [
                        'title' => esc_html__( 'Left', 'productive-forms' ),
                        'icon' => 'eicon-text-align-left',
                ],
                'center' => [
                        'title' => esc_html__( 'Center', 'productive-forms' ),
                        'icon' => 'eicon-text-align-center',
                ],
                'right' => [
                        'title' => esc_html__( 'Right', 'productive-forms' ),
                        'icon' => 'eicon-text-align-right',
                ],
        ],
        'toggle' => true,
        'default' => 'center',
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section .productiveminds_section-header-container .section-intro' => 'text-align: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_header_auxiliary_hr_1',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);

$this->add_control(
    'section_style_header_auxiliary_group_label',
    [
        'label' => esc_html__( 'Auxiliary', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_auxiliary_text_color',
    [
        'label' => esc_html__( 'Color', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .section-heading-auxiliary' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_auxiliary_bg_color',
    [
        'label' => esc_html__( 'Background', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .section-heading-auxiliary' => 'background: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => esc_html__( 'Typography', 'productive-forms' ),
        'name' => 'section_style_auxiliary_typography',
        'selector' => '{{WRAPPER}} .section-heading-auxiliary',
    ]
);

$this->add_control(
    'section_style_header_auxilliary_border_radius',
    [
        'label' => esc_html__( 'Border Radius', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ '%', 'px' ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section .productiveminds_section-header-container .section-heading-auxiliary' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_responsive_control(
    'section_style_header_auxilliary_padding',
    [
        'label' => esc_html__( 'Padding', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'rem', 'px', '%' ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section .productiveminds_section-header-container .section-heading-auxiliary' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_responsive_control(
    'section_style_header_auxilliary_margin',
    [
        'label' => esc_html__( 'Margin', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'rem', 'px', '%' ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section .productiveminds_section-header-container .section-heading-auxiliary' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'section_style_header_auxilliary_border',
        'selector' => '{{WRAPPER}} .productiveminds_section .productiveminds_section-header-container .section-heading-auxiliary',
    ]
);
$this->add_group_control(
    \Elementor\Group_Control_Box_Shadow::get_type(),
    [
        'name' => 'section_style_header_auxilliary_box_shadow',
        'selector' => '{{WRAPPER}} .productiveminds_section .productiveminds_section-header-container .section-heading-auxiliary',
    ]
);

$this->add_control(
    'section_style_content_auxiliary_width',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Width', 'productive-forms' ),
        'options' => [
            'fit-content' => esc_html__( 'Fit Content', 'productive-forms' ),
            '100%' => esc_html__( 'Full Width', 'productive-forms' ),
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section .productiveminds_section-header-container .section-heading-auxiliary' => 'width: {{VALUE}};',
        ],
        'default' => 'fit-content',
    ]
);

$this->add_responsive_control(
    'section_style_auxiliary_align',
    [
        'label' => esc_html__( 'Text Alignment', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::CHOOSE,
        'options' => [
                'left' => [
                        'title' => esc_html__( 'Left', 'productive-forms' ),
                        'icon' => 'eicon-text-align-left',
                ],
                'center' => [
                        'title' => esc_html__( 'Center', 'productive-forms' ),
                        'icon' => 'eicon-text-align-center',
                ],
                'right' => [
                        'title' => esc_html__( 'Right', 'productive-forms' ),
                        'icon' => 'eicon-text-align-right',
                ],
        ],
        'toggle' => true,
        'default' => 'center',
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section .productiveminds_section-header-container .section-heading-auxiliary' => 'text-align: {{VALUE}};',
        ],
    ]
);

$this->add_responsive_control(
    'section_style_auxiliary_justification',
    [
        'label' => esc_html__( 'Justification', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::CHOOSE,
        'options' => [
                'flex-start' => [
                        'title' => esc_html__( 'Left', 'productive-forms' ),
                        'icon' => 'eicon-text-align-left',
                ],
                'center' => [
                        'title' => esc_html__( 'Center', 'productive-forms' ),
                        'icon' => 'eicon-text-align-center',
                ],
                'flex-end' => [
                        'title' => esc_html__( 'Right', 'productive-forms' ),
                        'icon' => 'eicon-text-align-right',
                ],
        ],
        'default' => 'center',
        'toggle' => true,
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section .productiveminds_section-header-container .section-heading-auxiliary' => 'justify-self: {{VALUE}};',
        ],
    ]
);



// Container Settings
$this->add_control(
    'section_content_header_hr_alignments',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
        'condition' => [
            'section_content_header_is_show_section_header' => [ 'yes', ],
        ],
    ]
);

$this->add_control(
    'section_style_header_section_container_group_label',
    [
        'label' => esc_html__( 'Heading Container', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Background::get_type(),
    [
        'name' => 'section_style_header_container_bg_color',
        'types' => [ 'classic', 'gradient' ],
        'selector' => '{{WRAPPER}} .productiveminds_section-header-container',
    ]
);

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

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

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

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'section_style_header_container_border_slider',
        'selector' => '{{WRAPPER}} .productiveminds_section-header-container',
    ]
);
$this->add_group_control(
    \Elementor\Group_Control_Box_Shadow::get_type(),
    [
        'name' => 'section_style_header_container_box_shadow',
        'selector' => '{{WRAPPER}} .productiveminds_section-header-container',
    ]
);

$this->add_responsive_control(
    'section_style_header_width_content_box',
    [
        'label' => esc_html__( 'Width', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px', '%' ],
        'range' => [
            'px' => [
                'min' => 100,
                'max' => 32000,
                'step' => 10,
            ],
            '%' => [
                'min' => 10,
                'max' => 100,
                'step' => 1,
            ],
        ],
        'default' => [
            'unit' => '%',
            'size' => 100,
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section-header-container .productiveminds_section-header-container_uno' => 'width: {{SIZE}}{{UNIT}};',
        ],
    ]
);

$this->add_responsive_control(
    'section_style_header_max_width_content_box',
    [
        'label' => esc_html__( 'Max Width (px)', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px' ],
        'range' => [
            'px' => [
                'min' => 100,
                'max' => 3000,
                'step' => 10,
            ],
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section-header-container .productiveminds_section-header-container_uno' => 'max-width: {{SIZE}}{{UNIT}};',
        ],
    ]
);

$this->add_responsive_control(
    'section_style_header_align_box',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Container Justification', 'productive-forms' ),
        'options' => [
        ] + productive_global_get_horizontal_css_align_options(),
        'default' => 'center',
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section-header-container' => 'justify-content: {{VALUE}}; justify-items: {{VALUE}}',
        ],
    ]
);

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