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


// Start:: Content
$this->start_controls_section(
    'section_content_content',
    [
        'label' => esc_html__( 'Content', 'productive-forms' ),
        'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
    ]
);
$this->add_control(
    'submission_verify_type',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Spam Protection', 'productive-forms' ),
        'options' => [
            'discreet' => esc_html__( 'Discreet Verification', 'productive-forms' ),
            'maths_challenge' => esc_html__( 'Simple Maths Challenge', 'productive-forms' ),
            'productive_g_recaptcha_v3' => esc_html__( 'Google Recaptcha V3', 'productive-forms' ),
        ],
        'default' => 'discreet',
    ]
);

$this->add_control(
    'contact_how_to_display_contact_name_field',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Name Field Option', 'productive-forms' ),
        'options' => [
            'combined_field' => esc_html__( 'Combined Name Fields', 'productive-forms' ),
            'individual_fields' => esc_html__( 'First and Last Name Fields', 'productive-forms' ),
        ],
        'default' => 'combined_field',
    ]
);

$this->add_control(
    'display_contact_form_label',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Display Form Labels', 'productive-forms' ),
        'options' => [
        ] + productive_global_get_yes_or_no_options(),
        'default' => '0',
    ]
);

$this->add_control(
    'contact_ask_for_visitor_phone',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Ask for Phone Number', 'productive-forms' ),
        'options' => [
        ] + productive_global_get_yes_or_no_options(),
        'default' => '0',
    ]
);

$this->add_control(
    'request_data_privacy_consent',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Ask for data privacy consent', 'productive-forms' ),
        'options' => [
        ] + productive_global_get_yes_or_no_options(),
        'default' => '1',
    ]
);

$this->add_control(
    'display_contact_email_address',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Display Email Address', 'productive-forms' ),
        'options' => [
        ] + productive_global_get_yes_or_no_options(),
        'default' => '1',
    ]
);

$this->add_control(
    'display_contact_phone_number',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Display Phone Number', 'productive-forms' ),
        'options' => [
        ] + productive_global_get_yes_or_no_options(),
        'default' => '1',
    ]
);

$this->add_control(
    'display_contact_whatsapp_number',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Display WhatsApp Number', 'productive-forms' ),
        'options' => [
        ] + productive_global_get_yes_or_no_options(),
        'default' => '1',
    ]
);

$this->add_control(
    'display_contact_location',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Display Physical Address', 'productive-forms' ),
        'options' => [
        ] + productive_global_get_yes_or_no_options(),
        'default' => '1',
    ]
);

$this->add_control(
    'display_contact_opening_hours',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Display Opening Hours', 'productive-forms' ),
        'options' => [
        ] + productive_global_get_yes_or_no_options(),
        'default' => '1',
    ]
);

$this->add_control(
    'section_show_social_media_follow',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Display Social Media Icons', 'productive-forms' ),
        'options' => [
        ] + productive_global_get_yes_or_no_options(),
        'default' => '1',
    ]
);

$this->add_control(
    'section_show_social_media_follow_on_copy',
    [
        'label' => esc_html__( 'Social Media Icons Heading', 'productive-forms' ),
        'label_block' => true,
        'type' => \Elementor\Controls_Manager::TEXT,
        'default' => esc_html__( 'Follow Us', 'productive-forms' ),
        'dynamic' => [
            'active' => true,
        ],
        'condition' => [
            'section_show_social_media_follow' => '1',
        ],
    ]
);


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







/**
 * 
 * Start:: Styles
 * 
 */
$this->start_controls_section(
    'section_style_content_form_block',
    [
        'label' => esc_html__( 'Form Fields', 'productive-forms' ),
        'tab' => \Elementor\Controls_Manager::TAB_STYLE,
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => esc_html__( 'Typography', 'productive-forms' ),
        'name' => 'section_style_content_form_block_text_typography',
        'selector' => '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form *',
    ]
);

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

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

$this->add_responsive_control(
    'section_style_content_form_block_spacing',
    [
        'label' => esc_html__( 'Gap Between Fields', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px', 'rem' ],
        'range' => [
            'px' => [
                'min' => 0,
                'max' => 100,
                'step' => 1,
            ],
            'rem' => [
                'min' => 0,
                'max' => 5.0,
                'step' => 0.1,
            ],
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form' => 'row-gap: {{SIZE}}{{UNIT}};',
        ],
    ]
);

$this->add_control(
    'section_style_contact_info_hr_labels',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
$this->add_control(
    'section_style_contact_info_group_label_labels',
    [
        'label' => esc_html__( 'Form Labels', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_content_form_block_label_text_color',
    [
        'label' => esc_html__( 'Labels Color', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form label' => 'color: {{VALUE}};',
            '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form .required-field-asterik' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_contact_info_hr_input_boxes',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
$this->add_control(
    'section_style_contact_info_group_label_input_boxes',
    [
        'label' => esc_html__( 'Input Boxes', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_content_form_block_fields_input_text_color',
    [
        'label' => esc_html__( 'Color', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form input' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_form_block_bg',
    [
        'label' => esc_html__( 'Background', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form input' => 'background: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'section_style_form_block_border',
        'selector' => '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form input',
    ]
);

$this->add_control(
    'section_style_contact_info_hr_textarea',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
$this->add_control(
    'section_style_contact_info_group_label_textarea',
    [
        'label' => esc_html__( 'Textareas', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_control(
    'section_style_content_form_block_fields_textarea_text_color',
    [
        'label' => esc_html__( 'Color', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form textarea' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_form_block_textarea_bg',
    [
        'label' => esc_html__( 'Background', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form textarea' => 'background: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'section_style_form_block_textarea_border',
        'selector' => '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form textarea',
    ]
);

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






/**
 * 
 * Start:: Styles
 * 
 */
$this->start_controls_section(
    'section_style_content_form_button',
    [
        'label' => esc_html__( 'From Button', 'productive-forms' ),
        'tab' => \Elementor\Controls_Manager::TAB_STYLE,
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => esc_html__( 'Typography', 'productive-forms' ),
        'name' => 'section_style_content_button_typography',
        'selector' => '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form button',
    ]
);

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

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

    $this->add_control(
        'section_style_content_button_text_color',
        [
            'label' => esc_html__( 'Text Color', 'productive-forms' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
                '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form button' => 'color: {{VALUE}};',
            ],
        ]
    );

    $this->add_control(
        'section_style_content_button_bg_color',
        [
            'label' => esc_html__( 'Background', 'productive-forms' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
                '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form button' => 'background: {{VALUE}};',
                '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form button' => 'background-color: {{VALUE}};',
            ],
        ]
    );
    $this->end_controls_tab();
    // End:: Content button Normal Styles

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

    $this->add_control(
        'section_style_content_button_text_color_hover',
        [
            'label' => esc_html__( 'Text Color', 'productive-forms' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
                '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form button:hover' => 'color: {{VALUE}};',
            ],
        ]
    );

    $this->add_control(
        'section_style_content_button_bg_color_hover',
        [
            'label' => esc_html__( 'Background', 'productive-forms' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
                '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form button:hover' => 'background: {{VALUE}};',
                '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form button:hover' => 'background-color: {{VALUE}};',
            ],
        ]
    );
    
    $this->add_control(
        'section_style_content_button_hover_animation',
        [
            'label' => esc_html__( 'Hover Animation', 'productive-forms' ),
            'type' => \Elementor\Controls_Manager::HOVER_ANIMATION,
        ]
    );
    $this->end_controls_tab();
    // End:: Content button Hover Styles

$this->end_controls_tabs();

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'section_style_content_button_border',
        'selector' => '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form button',
    ]
);

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

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

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

$this->add_control(
    'section_style_content_button_width',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Button Width', 'productive-forms' ),
        'options' => [
            'fit-content' => esc_html__( 'Fit Content', 'productive-forms' ),
            '100%' => esc_html__( 'Full Width', 'productive-forms' ),
        ],
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form button' => 'width: {{VALUE}};',
        ],
        'default' => 'fit-content',
    ]
);

// Button Alignment
$this->add_responsive_control(
    'section_style_content_button_alignment',
    [
        'label' => esc_html__( 'Button 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,
        'selectors' => [
            '{{WRAPPER}} .productiveminds_section.contact-us-page .productive_forms_form_contact_form .productiveminds_form_field_box.action' => 'justify-items: {{VALUE}};',
        ],
        'condition' => [
            'section_style_content_button_width' => [ 'fit-content', ],
        ],
    ]
);
// End:: Form Button

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








/**
 * 
 * Start:: Styles
 * 
 */
$this->start_controls_section(
    'section_style_infoblock',
    [
        'label' => esc_html__( 'Other Info', 'productive-forms' ),
        'tab' => \Elementor\Controls_Manager::TAB_STYLE,
        'condition' => [
            'is_formonly' => [ '0', ],
        ],
    ]
);

$this->add_control(
    'section_style_content_main_title_color',
    [
        'label' => esc_html__( 'Title Color', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-heading-container *' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => 'Title Typography',
        'name' => 'section_style_content_info_title_typography',
        'selector' => '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-heading-container *',
    ]
);

$this->add_control(
    'section_style_content_info_heading_icon',
    [
        'label' => esc_html__( 'Icon Color', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-container-email svg path' => 'fill: {{VALUE}};',
            '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-container-phone svg path' => 'fill: {{VALUE}};',
            '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-container-physical-address svg path' => 'fill: {{VALUE}};',
            '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-container-opening-hours svg path' => 'fill: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_main_text_color',
    [
        'label' => esc_html__( 'Text Color', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container div' => 'color: {{VALUE}};',
            '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container a' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => esc_html__( 'Typography', 'productive-forms' ),
        'name' => 'section_style_content_info_typography',
        'selector' => '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container div div',
    ]
);

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

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

$this->add_group_control(
    \Elementor\Group_Control_Background::get_type(),
    [
        'name' => 'section_content_info_bg',
        'types' => [ 'classic', 'gradient' ],
        'selector' => '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container > div',
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'section_style_form_info_border',
        'selector' => '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container > div',
    ]
);

// End:: Content main text

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


/**
 * 
 * Start:: Styles
 * 
 */
$this->start_controls_section(
    'section_style_social_media_icons',
    [
        'label' => esc_html__( 'Social Media Icons', 'productive-forms' ),
        'tab' => \Elementor\Controls_Manager::TAB_STYLE,
        'condition' => [
            'is_formonly' => [ '0', ],
        ],
    ]
);

$this->add_control(
    'section_style_content_social_media_icons_title_color',
    [
        'label' => esc_html__( 'Title Color', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-container-social-media .contact-and-address-heading-container *' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => 'Title Typography',
        'name' => 'section_style_content_social_media_icons_typography',
        'selector' => '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-container-social-media .contact-and-address-heading-container *',
    ]
);

$this->add_control(
    'display_contact_social_media_icons_style',
    [
        'type' => \Elementor\Controls_Manager::SELECT,
        'label' => esc_html__( 'Icons Style', 'productive-forms' ),
        'options' => [
                'brand_color_around_white_icon' => esc_html__( 'Official background with white icon', 'productive-forms' ),
                'brand_color_as_icon_color' => esc_html__( 'Official icon colour', 'productive-forms' ),
                'selected_color_as_icon_color' => esc_html__( 'Selected color (in admin)', 'productive-forms' ),
                'selected_color_custom' => esc_html__( 'Custom', 'productive-forms' ),
        ],
        'default' => 'brand_color_around_white_icon',
    ]
);

$this->add_responsive_control(
    'section_style_media_icons_icons_size',
    [
        'label' => esc_html__( 'Icons Size', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::SLIDER,
        'size_units' => [ 'px' ],
        'range' => [
            'px' => [
                'min' => 5,
                'max' => 500,
                'step' => 1,
            ],
        ],
        'default' => [
            'unit' => 'px',
            'size' => 21,
        ],
        'selectors' => [
            '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-container-social-media svg' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_social_media_icons_color',
    [
        'label' => esc_html__( 'Icon Color', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-container-social-media svg path' => 'fill: {{VALUE}};',
        ],
        'condition' => [
            'display_contact_social_media_icons_style' => [ 'selected_color_custom' ],
        ],
    ]
);

$this->add_control(
    'section_style_content_social_media_icons_bg',
    [
        'label' => esc_html__( 'Icon Background', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-container-social-media a' => 'background: {{VALUE}};',
        ],
        'condition' => [
            'display_contact_social_media_icons_style' => [ 'brand_color_as_icon_color', 'selected_color_as_icon_color', 'selected_color_custom' ],
        ],
    ]
);

$this->add_control(
    'section_style_content_social_media_icons_bg_hover',
    [
        'label' => esc_html__( 'Icon Background (on Hover)', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-container-social-media a:hover' => 'background: {{VALUE}};',
        ],
        'condition' => [
            'display_contact_social_media_icons_style' => [ 'brand_color_as_icon_color', 'selected_color_as_icon_color', 'selected_color_custom' ],
        ],
    ]
);

$this->add_responsive_control(
    'section_style_content_social_media_icons_padding',
    [
        'label' => esc_html__( 'Padding', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'rem', 'px', '%' ],
        'selectors' => [
            '{{WRAPPER}} .contact-and-address-container > div.contact-and-address-container-social-media a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_control(
    'section_style_content_social_media_icons_border_radius',
    [
        'label' => esc_html__( 'Border Radius', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ '%', 'px' ],
        'selectors' => [
            '{{WRAPPER}} .contact-and-address-container > div.contact-and-address-container-social-media a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_control(
    'section_style_contact_info_hr_social_media_icons_container',
    [
        'type' => \Elementor\Controls_Manager::DIVIDER,
    ]
);
$this->add_control(
    'section_style_contact_info_group_label_social_media_icons_container',
    [
        'label' => esc_html__( 'Social Media Icons Container', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::RAW_HTML,
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Background::get_type(),
    [
        'name' => 'section_content_social_media_icons_bg',
        'types' => [ 'classic', 'gradient' ],
        'selector' => '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-container-social-media',
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'section_style_social_media_icons_border',
        'selector' => '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-container-social-media',
    ]
);

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

$this->add_control(
    'section_style_content_social_media_container_border_radius',
    [
        'label' => esc_html__( 'Border Radius', 'productive-forms' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ '%', 'px' ],
        'selectors' => [
            '{{WRAPPER}} .productive_forms_form_contact_container .contact-and-address-container .contact-and-address-container-social-media' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);
// End:: Icon 

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