<?php
/**
 * @author  RadiusTheme
 * @since   1.0
 * @version 1.0
 */

namespace radiustheme\Finbuzz_Core;
use Elementor\Controls_Manager;
use Elementor\Group_Control_Typography;
use Elementor\Group_Control_Background;

if ( ! defined( 'ABSPATH' ) ) exit;

class RT_Button extends Custom_Widget_Base{
    public function __construct( $data = [], $args = null ){
		$this->rt_name = esc_html__( 'RT Button', 'finbuzz-core' );
		$this->rt_base = 'button';
		parent::__construct( $data, $args );
	}
    public function rt_fields(){
        $fields = array(
			array(
				'mode'    => 'section_start',
				'id'      => 'sec_general',
				'label'   => esc_html__( 'General', 'finbuzz-core' ),
			),
			array(
				'type'    => Controls_Manager::SELECT2,
				'id'      => 'style',
				'label'   => esc_html__( 'Button Style', 'finbuzz-core' ),
				'options' => array(
					'style1' => esc_html__( 'Button 1' , 'finbuzz-core' ),
					'style2' => esc_html__( 'Button 2', 'finbuzz-core' ),
					'style3' => esc_html__( 'Button 3', 'finbuzz-core' ),
					'style4' => esc_html__( 'Button 4', 'finbuzz-core' ),
				),
				'default' => 'style1',
			),
			array(
				'type' => Controls_Manager::CHOOSE,
				'id'      => 'content_align',
				'mode'	  => 'responsive',
				'label'   => esc_html__( 'Alignment', 'finbuzz-core' ),
				'options' => array(
					'left' => array(
						'title' => __( 'Left', 'elementor' ),
						'icon' => 'eicon-text-align-left',
					),
					'center' => array(
						'title' => __( 'Center', 'elementor' ),
						'icon' => 'eicon-text-align-center',
					),
					'right' => array(
						'title' => __( 'Right', 'elementor' ),
						'icon' => 'eicon-text-align-right',
					),
				),
				'default' => '',
				'selectors' => array(
					'{{WRAPPER}}' => 'text-align: {{VALUE}};',
				),
			),
			array(
				'type'    => Controls_Manager::ICONS,
				'id'      => 'icon_class',
				'label'   => esc_html__( 'Icon', 'finbuzz-core' ),
				'default' => array(
			      'value' => 'fas fa-smile-wink',
			      'library' => 'fa-solid',
				),
				'condition'   => array( 'style' =>array('style1','style2')),	
			),
			array(
				'type'    => Controls_Manager::SELECT2,
				'id'      => 'icon_position',
				'label'   => esc_html__( 'Icon Position', 'finbuzz-core' ),
				'options' => array(
					'icon-left'   => esc_html__( 'Icon Left', 'finbuzz-core' ),
					'icon-right'   => esc_html__( 'Icon Right', 'finbuzz-core' ),
				),
				'default' => 'icon-left',
				'condition'   => array( 'style' =>array('style1','style2')),
			),
			array(
				'type'    	  => Controls_Manager::TEXT,
				'id'      	  => 'buttontext',
				'label'   	  => esc_html__( 'Button Text', 'finbuzz-core' ),
				'default' 	  => esc_html__( 'Read More', 'finbuzz-core' ),
			),
			array(
				'type'    => Controls_Manager::URL,
				'id'      => 'buttonurl',
				'label'   => esc_html__( 'Button URL', 'finbuzz-core' ),
				'placeholder' => 'https://your-link.com',
			),
			array(
				'mode' => 'section_end',
			),

			// Button style 1
			array(
				'mode'    => 'section_start',
				'id'      => 'sec_button_style',
				'label'   => esc_html__( 'Button Style', 'finbuzz-core' ),
				'tab'     => Controls_Manager::TAB_STYLE,
			),
			array (
				'mode'    => 'group',
				'type'    => Group_Control_Typography::get_type(),
				'name'    => 'button_typo',
				'label'   => esc_html__( 'Button Typo', 'finbuzz-core' ),
				'selector' => '{{WRAPPER}} .rt-button .button',
			),
			array(
				'type'    => Controls_Manager::COLOR,
				'id'      => 'button_text_color',
				'label'   => esc_html__( 'Button Text Color', 'finbuzz-core' ),
				'default' => '',
				'selectors' => array(
					'{{WRAPPER}} .rt-button .button' => 'color: {{VALUE}}',
				),
			),
			array(
				'type'    => Controls_Manager::COLOR,
				'id'      => 'button_text_hover_color',
				'label'   => esc_html__( 'Button Text Hover Color', 'finbuzz-core' ),
				'default' => '',
				'selectors' => array(
					'{{WRAPPER}} .rt-button .button:hover' => 'color: {{VALUE}}',
				),
			),
			array(
				'type'    => Controls_Manager::COLOR,
				'id'      => 'button_bg_color',
				'label'   => esc_html__( 'Button Background Color', 'finbuzz-core' ),
				'default' => '',
				'selectors' => array(
					'{{WRAPPER}} .rt-button .button' => 'background-color: {{VALUE}}',
				),
               
			),	
			array(
				'type'    => Controls_Manager::COLOR,
				'id'      => 'button_bg_hover_color',
				'label'   => esc_html__( 'Button Background Hover Color', 'finbuzz-core' ),
				'default' => '',
				'selectors' => array(
					'{{WRAPPER}} .rt-button-style1 .button:hover' => 'background-color: {{VALUE}}',
					'{{WRAPPER}} .rt-button-style3 .button:hover' => 'background-color: {{VALUE}}',
					'{{WRAPPER}} .rt-button-style3 .btn-style3:hover' => 'border-color: {{VALUE}}',
					
				),
                'condition'   => array( 'style' =>array('style1','style3')),
			),
            array(
				'type'    => Controls_Manager::HEADING,
				'id'      => 'heading',
				'label'   => esc_html__( 'Background Hover Color', 'finbuzz-core' ),
				'condition'   => array( 'style' => array('style2') ),
                'separator' => 'before',
			),
            array(
				'name'      => 'btn2_bg_color',
				'mode'     => 'group',
				'type'     => Group_Control_Background::get_type(),
				'label'    => __( 'Background Hover', 'bizcon-core' ),
				'selector' => '{{WRAPPER}} .rt-button-style2 .button::after',
				'condition'   => array(
			    	'style' => array( 'style2' )
				),
			),	
			array(
				'type'    => Controls_Manager::DIMENSIONS,
				'id'      => 'button_space',
				'mode'    => 'responsive',
				'label'   => esc_html__( 'Button Spacing', 'finbuzz-core' ),
				'size_units' => [ 'px', '%' ],
				'selectors' => [
					'{{WRAPPER}} .rt-button .button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
				'separator'  => 'before',
			),
			array(
				'type'    => Controls_Manager::DIMENSIONS,
				'id'      => 'button_radius',
				'mode'    => 'responsive',
				'label'   => esc_html__( 'Button Radius', 'finbuzz-core' ),
				'size_units' => [ 'px', '%' ],
				'selectors' => [
					'{{WRAPPER}} .rt-button .button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
				'separator'  => 'before',
			),
			array(
				'mode' => 'section_end',
			),

			// Button  Icon style 1
			array(
				'mode'    => 'section_start',
				'id'      => 'sec_icon_style',
				'label'   => esc_html__( 'Icon Style', 'finbuzz-core' ),
				'tab'     => Controls_Manager::TAB_STYLE,
				'condition' =>array('style'=>array('style1','style2','style3'))
			),
			array (
				'mode'    => 'group',
				'type'    => Group_Control_Typography::get_type(),
				'name'    => 'Icon_typo',
				'label'   => esc_html__( 'Button Typo', 'finbuzz-core' ),
				'selector' => '{{WRAPPER}} .rt-button .button i',
				'condition' =>array('style'=>array('style1','style2'))
			),
			array(
				'type'    => Controls_Manager::DIMENSIONS,
				'id'      => 'icon_space',
				'mode'    => 'responsive',
				'label'   => esc_html__( 'Icon Spacing', 'finbuzz-core' ),
				'size_units' => [ 'px', '%' ],
				'selectors' => [
					'{{WRAPPER}} .rt-button .button i' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
				'separator'  => 'before',
				'condition' =>array('style'=>array('style1','style2'))
			),
			array(
				'type'    => Controls_Manager::COLOR,
				'id'      => 'icon_svg_color',
				'label'   => esc_html__( 'Icon Color', 'finbuzz-core' ),
				'default' => '',
				'selectors' => array(
					'{{WRAPPER}} .rt-button .button svg path' => 'fill: {{VALUE}}',
				),
				'condition' =>array('style'=>'style3')
			),
			array(
				'type'    => Controls_Manager::COLOR,
				'id'      => 'icon_svg_hover_color',
				'label'   => esc_html__( 'Icon Hover Color', 'finbuzz-core' ),
				'default' => '',
				'selectors' => array(
					'{{WRAPPER}} .rt-button .button:hover svg path' => 'fill: {{VALUE}}',
				),
				'condition' =>array('style'=>'style3')
			),
			array(
				'mode' => 'section_end',
			),

		);
		return $fields;

    }
    protected function render() {
		$data = $this->get_settings();
		switch ( $data['style'] ) {
			case 'style4':
			$template = 'button-3';
			break;
			case 'style3':
			$template = 'button-2';
			break;
			case 'style2':
			$template = 'button';
			break;
			default:
			$template = 'button';
			break;
		}
		return $this->rt_template( $template, $data );
	}
}