<?php
namespace Elementor;

/**
 * Elementor Widget
 * @package Geroz
 * @since 1.0.0
 */ 
 
class Home3_Aboutme extends Widget_Base {

	/**
	 * Get widget name.
	 * Retrieve button widget name.
	 *
	 * @since  1.0.0
	 * @access public
	 * @return string Widget name.
	 */
	public function get_name() {
		return 'geroz-home3-aboutme-widget';
	}

	/**
	 * Get widget title.
	 * Retrieve button widget title.
	 *
	 * @since  1.0.0
	 * @access public
	 * @return string Widget title.
	 */
	public function get_title() {
		return esc_html__( 'Home 3 About Me', 'geroz-core' );
	}

	/**
	 * Get widget icon.
	 * Retrieve button widget icon.
	 *
	 * @since  1.0.0
	 * @access public
	 * @return string Widget icon.
	 */
	public function get_icon() {
		return 'eicon-flash';
	}

	/**
	 * Get widget categories.
	 * Retrieve the list of categories the button widget belongs to.
	 * Used to determine where to display the widget in the editor.
	 *
	 * @since  2.0.0
	 * @access public
	 * @return array Widget categories.
	 */
	public function get_categories()
    {
        return ['geroz_widgets'];
    }
	
	/**
	 * Register button widget controls.
	 * Adds different input fields to allow the user to change and customize the widget settings.
	 *
	 * @since  1.0.0
	 * @access protected
	 */
	protected function register_controls() {

		$this->start_controls_section(
			'home3-aboutme-content',
			[
				'label' => esc_html__( 'About Me Content', 'geroz-core' ),
			]
		);	

		$this->add_control(
			'subtitle',
			[
				'label' => esc_html__( 'Subtitle', 'geroz-core' ),
				'type' => Controls_Manager::TEXT,
				'default' => esc_html__( 'About Me', 'geroz-core' ),
				'placeholder' => esc_html__( 'Type your subtitle here', 'geroz-core' ),
			]
		);

		$this->add_control(
			'title',
			[
				'label' => esc_html__( 'Title', 'geroz-core' ),
				'type' => Controls_Manager::TEXTAREA,
				'default' => esc_html__( 'I am a Web Designer', 'geroz-core' ),
				'placeholder' => esc_html__( 'Type your title here', 'geroz-core' ),
			]
		);

		$this->add_control(
			'text',
			[
				'label' => esc_html__( 'Text', 'geroz-core' ),
				'type' => Controls_Manager::TEXTAREA,
				'default' => esc_html__( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'geroz-core' ),
				'placeholder' => esc_html__( 'Type your text here', 'geroz-core' ),
			]
		);

		$this->add_control(
			'button',
			[
				'label' => esc_html__( 'Button Text', 'geroz-core' ),
				'type' => Controls_Manager::TEXT,
				'default' => esc_html__( 'Read More', 'geroz-core' ),
				'placeholder' => esc_html__( 'Type your button text here', 'geroz-core' ),
			]
		);

		$this->add_control(
			'button_link',
			[
				'label' => esc_html__( 'Button Link', 'geroz-core' ),
				'type' => Controls_Manager::URL,
				'default' => [
					'url' => '#',
					'is_external' => '',
					'nofollow' => '',
				],
				'show_external' => true,
			]
		);

		$this->add_control(
			'image',
			[
				'label' => esc_html__( 'Image', 'geroz-core' ),
				'type' => Controls_Manager::MEDIA,
				'default' => [
					'url' => Utils::get_placeholder_image_src(),
				],
			]
		);

		$this->add_control(
			'image2',
			[
				'label' => esc_html__( 'Image 2', 'geroz-core' ),
				'type' => Controls_Manager::MEDIA,
				'default' => [
					'url' => Utils::get_placeholder_image_src(),
				],
			]
		);

		$this->end_controls_section();

	
		}

	/**
	 * Render button widget output on the frontend.
	 * Written in PHP and used to generate the final HTML.
	 *
	 * @since  1.0.0
	 * @access protected
	 */
	protected function render() {
		$settings = $this->get_settings_for_display();
		$allowed_tags = wp_kses_allowed_html('post');
		?>

    <section class="about-wrapper about-3">
		<div class="shape">
			<?php  if ( !empty(esc_url($settings['image']['id']) )) : ?>   
				<img class="shape-1" src="<?php echo wp_get_attachment_url($settings['image']['id']);?>" alt=""/>
			<?php endif;?>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-xl-9 col-lg-12 ms-xl-4 me-xl-5">
					<div class="section-title">
						<div class="sub-title">
							<div class="dot"></div> <span><?php echo $settings['subtitle'];?></span>
						</div>
						<h2 class="has_text_reveal_anim"><?php echo $settings['title'];?></h2>
					</div>
				</div>

			</div>
			<div class="content">
				<div class="arrow wow fadeInLeft" data-wow-delay="400ms">
					<svg width="224" height="224" viewBox="0 0 224 224" fill="none"
						xmlns="http://www.w3.org/2000/svg">
						<path class="arrow-path"
							d="M224 9.53969V154.441C224 159.709 219.729 163.98 214.46 163.98C209.192 163.98 204.921 159.709 204.921 154.441V32.5723L16.2859 221.207C14.4226 223.069 11.9818 224 9.54012 224C7.09844 224 4.65763 223.069 2.79431 221.207C-0.931437 217.481 -0.931437 211.44 2.79431 207.715L191.429 19.0794H69.5594C64.2911 19.0794 60.0198 14.8081 60.0198 9.53969C60.0198 4.27131 64.2911 3.36026e-08 69.5594 3.36026e-08H214.46C219.729 -0.000437466 224 4.27131 224 9.53969Z"
							fill="white" fill-opacity="0.08" />
					</svg>
				</div>
				<div class="text has_text_move_anim">
					<p><?php echo $settings['text'];?></p>
					<a href="<?php echo esc_url($settings['button_link']['url']);?>"><?php echo $settings['button'];?> <i class="far fa-long-arrow-right"></i></a>
				</div>
				<div class="image tp_img_reveal">
					<?php  if ( !empty(esc_url($settings['image2']['id']) )) : ?>   
						<img src="<?php echo wp_get_attachment_url($settings['image2']['id']);?>" alt=""/>
					<?php endif;?>
				</div>
			</div>
		</div>
	</section>

             
		<?php 
	}


}

Plugin::instance()->widgets_manager->register_widget_type(new Home3_Aboutme());