<?php

namespace Layerdrops\Noile\Widgets;


class About extends \Elementor\Widget_Base
{
	public function get_name()
	{
		return 'noile-about';
	}

	public function get_title()
	{
		return __('About', 'noile-addon');
	}

	public function get_icon()
	{
		return 'eicon-cogs';
	}

	public function get_categories()
	{
		return ['noile-category'];
	}

	protected function register_controls()
	{
		$this->start_controls_section(
			'layout_section',
			[
				'label' => __('Layout', 'noile-addon'),
				'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
			]
		);

		$this->add_control(
			'layout_type',
			[
				'label' => __('Select Layout', 'noile-addon'),
				'type' => \Elementor\Controls_Manager::SELECT2,
				'default' => 'layout_one',
				'options' => [
					'layout_one' => __('Layout One', 'noile-addon'),
					'layout_two' => __('Layout Two', 'noile-addon'),
					
				]
			]
		);

		$this->end_controls_section();

		include noile_get_elementor_option('about-one-option.php');
		include noile_get_elementor_option('about-two-option.php');
		

		//General style
		$this->start_controls_section(
			'general_style',
			[
				'label' => esc_html__('Content Style', 'noile-addon'),
				'tab' => \Elementor\Controls_Manager::TAB_STYLE,
			]
		);

		noile_elementor_general_style_options($this, 'Section Sub Title', '{{WRAPPER}} .sec-title__top', ['layout_one', 'layout_two', 'layout_three', 'layout_four', 'layout_five', 'layout_six', 'layout_seven']);
		noile_elementor_general_style_options($this, 'Section Title', '{{WRAPPER}} .sec-title__heading', ['layout_one', 'layout_two', 'layout_three', 'layout_four', 'layout_five', 'layout_six', 'layout_seven']);

		noile_elementor_general_style_options($this, 'Summary Text', '{{WRAPPER}} .about-one__desc,{{WRAPPER}} .about-two__desc, {{WRAPPER}} .about-two__text2,{{WRAPPER}} .about-three__text, {{WRAPPER}} .feature-three__text,{{WRAPPER}} .about-four__content__text', ['layout_one', 'layout_two', 'layout_three', 'layout_four', 'layout_five', 'layout_seven']);

		noile_elementor_general_style_options($this, 'Highlighted Text', '{{WRAPPER}} .about-one__consulting-title,{{WRAPPER}} .about-four__content__heading', ['layout_one', 'layout_seven']);

		noile_elementor_general_style_options($this, 'Img Text', '{{WRAPPER}} .about-one__img-one-title', ['layout_one', 'layout_two']);

		noile_elementor_general_style_options($this, 'Feature Title', '{{WRAPPER}} .about-two__consulting-title', ['layout_two']);
		noile_elementor_general_style_options($this, 'Feature Info', '{{WRAPPER}} .about-two__consulting-desc', ['layout_two']);
 
		$this->end_controls_section();

		//Button style
		$this->start_controls_section(
			'button_style',
			[
				'label' => esc_html__('Button Style', 'noile-addon'),
				'tab' => \Elementor\Controls_Manager::TAB_STYLE,
				'condition' => [
					'layout_type' => 'gg'
				]
			]
		);

		noile_elementor_button_style_options($this, 'Button', '{{WRAPPER}} .noile-btn', '{{WRAPPER}} .noile-btn:hover', ['layout_two', 'layout_three', 'layout_four', 'layout_seven']);

		$this->end_controls_section();
	}

	protected function render()
	{
		$settings = $this->get_settings_for_display();
		include noile_get_template('about-one.php');
		include noile_get_template('about-two.php');
	}
}