<?php
use Elementor\Widget_Base;
use Elementor\Controls_Manager;
use Elementor\Repeater;
use Elementor\Group_Control_Typography;
use Elementor\Scheme_Typography;
use Elementor\Group_Control_Border;
use \Elementor\Group_Control_Background as Group_Control_Background;
use Elementor\Group_Control_Image_Size;
use Elementor\Group_Control_Box_Shadow;
use Elementor\Group_Control_Text_Shadow;
use Elementor\Utils;

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

/**
 * Elementor Perfecto awe Portfolio
 *
 * Elementor widget for awe portfolio
 *
 * @since 1.0.0
 */
class Awe_Filipbox extends Widget_Base {

	public function get_name() {
		return 'awe-flipbox';
	}

	public function get_title() {
		return esc_html__( 'FilpBox', ' aw_elementor' );
	}

	public function get_icon() {
		return 'ad ad-flip-card1';
	}

	public function get_categories() {
		return [ 'awe_elementor' ];
	}

	/**
	 * A list of scripts that the widgets is depended in
	 * @since 1.3.0
	 **/
	public function get_script_depends() {
		return [ 'awe-flipbox' ];
	}

	protected  function get_profile_names() {
		return [
				'apple'          => __( 'Apple', 'aw_elementor' ),
				'behance'        => __( 'Behance', 'aw_elementor' ),
				'bitbucket'      => __( 'BitBucket', 'aw_elementor' ),
				'codepen'        => __( 'CodePen', 'aw_elementor' ),
				'delicious'      => __( 'Delicious', 'aw_elementor' ),
				'deviantart'     => __( 'DeviantArt', 'aw_elementor' ),
				'digg'           => __( 'Digg', 'aw_elementor' ),
				'dribbble'       => __( 'Dribbble', 'aw_elementor' ),
				'email'          => __( 'Email', 'aw_elementor' ),
				'facebook'       => __( 'Facebook', 'aw_elementor' ),
				'flickr'         => __( 'Flicker', 'aw_elementor' ),
				'foursquare'     => __( 'FourSquare', 'aw_elementor' ),
				'github'         => __( 'Github', 'aw_elementor' ),
				'houzz'          => __( 'Houzz', 'aw_elementor' ),
				'instagram'      => __( 'Instagram', 'aw_elementor' ),
				'jsfiddle'       => __( 'JS Fiddle', 'aw_elementor' ),
				'linkedin'       => __( 'LinkedIn', 'aw_elementor' ),
				'medium'         => __( 'Medium', 'aw_elementor' ),
				'pinterest'      => __( 'Pinterest', 'aw_elementor' ),
				'product-hunt'   => __( 'Product Hunt', 'aw_elementor' ),
				'reddit'         => __( 'Reddit', 'aw_elementor' ),
				'slideshare'     => __( 'Slide Share', 'aw_elementor' ),
				'snapchat'       => __( 'Snapchat', 'aw_elementor' ),
				'soundcloud'     => __( 'SoundCloud', 'aw_elementor' ),
				'spotify'        => __( 'Spotify', 'aw_elementor' ),
				'stack-overflow' => __( 'StackOverflow', 'aw_elementor' ),
				'tripadvisor'    => __( 'TripAdvisor', 'aw_elementor' ),
				'tumblr'         => __( 'Tumblr', 'aw_elementor' ),
				'twitch'         => __( 'Twitch', 'aw_elementor' ),
				'twitter'        => __( 'Twitter', 'aw_elementor' ),
				'vimeo'          => __( 'Vimeo', 'aw_elementor' ),
				'vk'             => __( 'VK', 'aw_elementor' ),
				'website'        => __( 'Website', 'aw_elementor' ),
				'whatsapp'       => __( 'WhatsApp', 'aw_elementor' ),
				'wordpress'      => __( 'WordPress', 'aw_elementor' ),
				'xing'           => __( 'Xing', 'aw_elementor' ),
				'yelp'           => __( 'Yelp', 'aw_elementor' ),
				'youtube'        => __( 'YouTube', 'aw_elementor' ),
		];
}

	protected function _register_controls() {
		
		$this->start_controls_section(
			'_section_info',
			[
				'label' => __( 'FlipBox', ' aw_elementor' ),
				'tab'   => Controls_Manager::TAB_CONTENT,
			]
		);

		/*-------------------------------------
			Visual Style
		-------------------------------------*/
        $this->add_control(
            'style',
            [
                'label'   => __( 'Visual Style', ' aw_elementor' ),
                'type'    => Controls_Manager::SELECT,
                'default' => 'style1',
                'options' => [
										'style1' => __( 'Style 1', ' aw_elementor' ),
                ],
            ]
        );
			
			$this->add_control(
				'content',
						[
							'label'       => __( 'Content', ' aw_elementor' ),
							'type'        => Controls_Manager::TEXTAREA,
							'placeholder' => __( 'Enter Content', ' aw_elementor' ),
							'default'     => __( 'The Nike Epic React Flyknit foam cushioning is responsive yet light-weight, durable yet soft. ', ' aw_elementor' ),
							'label_block' => true,
							'condition'   => [
								'style' => [ 'style1'],
								],
						]
		);
			
			$this->add_control(
				'image',
				[
						'label'   => __( 'Image', 'aw_elementor' ),
						'type'    => Controls_Manager::MEDIA,
						'default' => [
								'url' => Utils::get_placeholder_image_src(),
						],
						'condition'   => [
							'style' => [ 'style1'],
							],
					 
				]
		);
			$this->add_control(
				'link',
						[
							'label'   => __( 'Link', 'aw_elementor' ),
							'type'    => Controls_Manager::URL,
							'dynamic' => [
								'active' => true,
							],
							'placeholder' => __( 'https://your-link.com', 'aw_elementor' ),
							'default'     => [
								'url' => '#',
							],
							'condition'   => [
								'style' => [ 'style1'],
								],
						]
					);
					$this->add_responsive_control(
						'align',
						[
								'label'   => __( 'Alignment', 'aw_elementor' ),
								'type'    => Controls_Manager::CHOOSE,
								'options' => [
										'left' => [
												'title' => __( 'Left', 'aw_elementor' ),
												'icon'  => 'fa fa-align-left',
										],
										'center' => [
												'title' => __( 'Center', 'aw_elementor' ),
												'icon'  => 'fa fa-align-center',
										],
										'right' => [
												'title' => __( 'Right', 'aw_elementor' ),
												'icon'  => 'fa fa-align-right',
										],
										'justify' => [
												'title' => __( 'Justify', 'aw_elementor' ),
												'icon'  => 'fa fa-align-justify',
										],
								],
								'toggle'    => true,
								'selectors' => [
										'{{WRAPPER}} .advanced_blocks_flip_box_back h3,.advanced_blocks_flip_box_back p' => 'text-align: {{VALUE}} !important'
								]
						]
				);

$this->end_controls_section();

$this->start_controls_section(
	'_section_style_common',
		[
				'label' => __( 'Common Style', ' aw_elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
		]
);

		$this->add_responsive_control(
			'padding',
					[
							'label'      => __( 'Padding', ' aw_elementor'),
							'type'       => Controls_Manager::DIMENSIONS,
							'size_units' => ['px', 'em', '%'],
							'selectors'  => [
									'{{WRAPPER}} .advanced_blocks_flip_box' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
							],
					]
		);

		$this->add_responsive_control(
		'margin',
				[
						'label'      => __( 'Margin', ' aw_elementor'),
						'type'       => Controls_Manager::DIMENSIONS,
						'size_units' => ['px', 'em', '%'],
						'selectors'  => [
								'{{WRAPPER}} .advanced_blocks_flip_box' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						],
				]
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			[
					'name'      => 'p_background',
					'label'     => __( 'Background Color', ' aw_elementor' ),
					'types'     => [ 'classic', 'gradient'],
					'selector'  => '{{WRAPPER}} .advanced_blocks_flip_box_back',
					'condition' => [
						'style' => [ 'style1'],
						],
			]
	);


	$this->add_group_control(
			Group_Control_Border:: get_type(),
			[
					'name'     => 'links_border',
					'selector' => '{{WRAPPER}} .advanced_blocks_flip_box_back',
					'condition'   => [
						'style' => [ 'style1'],
						],
			]
	);

	$this->add_responsive_control(
		'border_radius',
			[
					'label'      => __( 'Border Radius', ' aw_elementor' ),
					'type'       => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%' ],
					'selectors'  => [
							'{{WRAPPER}} .advanced_blocks_flip_box_back' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
					'condition'   => [
						'style' => [ 'style1'],
						],
			]
	);
		
$this->end_controls_section();

$this->start_controls_section(
	'_section_style_text',
		[
				'label' => __( 'Text Section Style', ' aw_elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
		]
);

$this->add_group_control(
	Group_Control_Typography:: get_type(),
			[
					'name'     => 'text_typography',
					'selector' => '{{WRAPPER}} .advanced_blocks_flip_box_back p',
					'scheme'   => Scheme_Typography::TYPOGRAPHY_2,
			]
	);

	$this->add_control(
		'text_color',
				[
						'label'     => __( 'Text Color', 'aw_elementor' ),
						'type'      => Controls_Manager::COLOR,
						'selectors' => [
								'{{WRAPPER}} .advanced_blocks_flip_box_back p' => 'color: {{VALUE}}',
						],
				]
	);

	
$this->end_controls_section();

}

	protected function render() {
		require AWE_PATH . '/modules/flipbox/template/view.php';
	}

	// protected function _content_template() {
	// 	require AWE_PATH . '/modules/flipbox/template/content-template.php';
	// }

}