<?php

namespace Motors_E_W\Pro\Widgets;

use Motors_E_W\MotorsApp;
use STM_E_W\Helpers\Helper;
use STM_E_W\Widgets\Controls\ContentControls\HeadingControl;
use STM_E_W\Widgets\Controls\ContentControls\IconsControl;
use STM_E_W\Widgets\Controls\ContentControls\SelectControl;
use STM_E_W\Widgets\Controls\ContentControls\TextControl;
use STM_E_W\Widgets\Controls\StyleControls\GroupBorderControl;
use STM_E_W\Widgets\Controls\StyleControls\ColorControl;
use STM_E_W\Widgets\Controls\StyleControls\GroupTypographyControl;
use Motors_E_W\Pro\Widgets\WidgetBase;

class Info extends WidgetBase {

	use HeadingControl;
	use TextControl;
	use IconsControl;
	use GroupTypographyControl;
	use ColorControl;
	use SelectControl;
	use GroupBorderControl;

	public function __construct( array $data = array(), array $args = null ) {
		parent::__construct( $data, $args );

		$this->stm_ew_admin_register_ss( $this->get_admin_name(), self::get_name(), MOTORS_ELEMENTOR_WIDGETS_PATH, MOTORS_ELEMENTOR_WIDGETS_URL, MOTORS_ELEMENTOR_WIDGETS_PLUGIN_VERSION );
		$this->stm_ew_enqueue( self::get_name(), MOTORS_ELEMENTOR_WIDGETS_PATH, MOTORS_ELEMENTOR_WIDGETS_URL, MOTORS_ELEMENTOR_WIDGETS_PLUGIN_VERSION, array( 'jquery' ) );
		if ( is_rtl() ) {
			$this->stm_ew_enqueue( self::get_name() . '-rtl', MOTORS_ELEMENTOR_WIDGETS_PATH, MOTORS_ELEMENTOR_WIDGETS_URL, MOTORS_ELEMENTOR_WIDGETS_PLUGIN_VERSION );
		}
	}
	public function get_style_depends(): array {
		$widget_styles   = parent::get_style_depends();
		$widget_styles[] = self::get_name() . '-rtl';

		return $widget_styles;
	}


	public function get_categories() {
		return array( MotorsApp::WIDGET_CATEGORY );
	}

	public function get_name() {
		return MotorsApp::STM_PREFIX . '-info';
	}

	public function get_title() {
		return esc_html__( 'Info', 'motors-elementor-widgets' );
	}

	public function get_icon() {
		return 'stmew-info';
	}

	protected function register_controls() {
		$this->stm_start_content_controls_section( 'li_content', __( 'General', 'motors-elementor-widgets' ) );

		$this->stm_ew_add_text(
			'li_title',
			array(
				'label' => __( 'Title', 'motors-elementor-widgets' ),
			)
		);

		$this->stm_ew_add_select(
			'li_tag',
			array(
				'label'   => __( 'Title Tag', 'motors-elementor-widgets' ),
				'default' => 'h5',
				'options' => array(
					'h1'   => 'H1',
					'h2'   => 'H2',
					'h3'   => 'H3',
					'h4'   => 'H4',
					'h5'   => 'H5',
					'h6'   => 'H6',
					'span' => 'span',
					'div'  => 'div',
				),
			)
		);

		$this->stm_ew_add_icons(
			'li_icon',
			array(
				'label'            => __( 'Icon', 'motors-elementor-widgets' ),
				'skin'             => 'inline',
				'fa4compatibility' => 'icon',
			)
		);

		$repeater = new \Elementor\Repeater();

		$repeater->add_control(
			'li_item_title',
			array(
				'label'       => esc_html__( 'Title', 'motors-elementor-widgets' ),
				'type'        => \Elementor\Controls_Manager::TEXT,
				'label_block' => true,
			)
		);

		$repeater->add_control(
			'li_item_desc',
			array(
				'label'       => esc_html__( 'Value', 'motors-elementor-widgets' ),
				'type'        => \Elementor\Controls_Manager::TEXT,
				'label_block' => true,
			)
		);

		$this->add_control(
			'listing_info',
			array(
				'label'       => esc_html__( 'Info Data', 'motors-elementor-widgets' ),
				'fields'      => $repeater->get_controls(),
				'type'        => \Elementor\Controls_Manager::REPEATER,
				'title_field' => '{{{ li_item_title }}}',
			)
		);

		$this->stm_end_control_section();

		$this->stm_start_style_controls_section( 'li_style', __( 'General', 'motors-elementor-widgets' ) );

		$this->stm_ew_add_group_typography(
			'li_typography',
			array(
				'label'          => __( 'Title Typography', 'motors-elementor-widgets' ),
				'exclude'        => array(
					'font_family',
					'font_style',
					'text_transform',
					'text_decoration',
					'letter_spacing',
					'word_spacing',
				),
				'fields_options' => array(
					'font_size'   => array(
						'default' => array(
							'unit' => 'px',
							'size' => 16,
						),
					),
					'font_weight' => array(
						'default' => '400',
					),
					'line_height' => array(
						'default' => array(
							'unit' => 'px',
							'size' => 22,
						),
					),
				),
				'selector'       => '{{WRAPPER}} .listing-infos-wrap .title_wrap .title',
			)
		);

		$this->stm_ew_add_text(
			'icon_size',
			array(
				'label'     => __( 'Icon Size', 'motors-elementor-widgets' ),
				'default'   => 27,
				'selectors' => array(
					'{{WRAPPER}} .listing-infos-wrap .title_wrap i'   => 'font-size: {{VALUE}}px;',
					'{{WRAPPER}} .listing-infos-wrap .title_wrap img' => 'width: {{VALUE}}px;',
				),
			)
		);

		$this->stm_ew_add_color(
			'li_icon_color',
			array(
				'label'     => __( 'Icon Solor', 'motors-elementor-widgets' ),
				'selectors' => array(
					'{{WRAPPER}} .listing-infos-wrap .title_wrap i' => 'color: {{VALUE}};',
					'{{WRAPPER}} .listing-infos-wrap .title_wrap svg' => 'fill: {{VALUE}};',
				),
			)
		);

		$this->stm_ew_add_heading(
			'item_heading',
			array(
				'label' => __( 'Info', 'motors-elementor-widgets' ),
			)
		);

		$this->stm_ew_add_group_typography(
			'item_title_typography',
			array(
				'label'          => __( 'Title Typography', 'motors-elementor-widgets' ),
				'exclude'        => array(
					'font_family',
					'font_style',
					'text_decoration',
					'letter_spacing',
					'word_spacing',
					'line_height',
				),
				'fields_options' => array(
					'font_size'      => array(
						'default' => array(
							'unit' => 'px',
							'size' => 12,
						),
					),
					'font_weight'    => array(
						'default' => '400',
					),
					'text_transform' => array(
						'default' => 'uppercase',
					),
				),
				'selector'       => '{{WRAPPER}} .listing-infos-wrap .item-title',
			)
		);

		$this->stm_ew_add_color(
			'item_title_color',
			array(
				'label'     => __( 'Title Color', 'motors-elementor-widgets' ),
				'default'   => '#888888',
				'selectors' => array(
					'{{WRAPPER}} .listing-infos-wrap .item-title' => 'color: {{VALUE}};',
				),
			)
		);

		$this->stm_ew_add_group_typography(
			'item_desc_typography',
			array(
				'label'          => __( 'Value Typography', 'motors-elementor-widgets' ),
				'exclude'        => array(
					'font_family',
					'font_style',
					'text_decoration',
					'letter_spacing',
					'word_spacing',
					'line_height',
				),
				'fields_options' => array(
					'font_size'      => array(
						'default' => array(
							'unit' => 'px',
							'size' => 14,
						),
					),
					'font_weight'    => array(
						'default' => '400',
					),
					'text_transform' => array(
						'default' => 'normal',
					),
				),
				'selector'       => '{{WRAPPER}} .listing-infos-wrap .item-value',
			)
		);

		$this->stm_ew_add_color(
			'item_desc_color',
			array(
				'label'     => __( 'Value Color', 'motors-elementor-widgets' ),
				'default'   => '#888888',
				'selectors' => array(
					'{{WRAPPER}} .listing-infos-wrap .item-value' => 'color: {{VALUE}};',
				),
			)
		);

		$this->stm_ew_add_border(
			'item_border',
			array(
				'label'          => __( 'Item Border', 'motors-elementor-widgets' ),
				'fields_options' => array(
					'border' => array(
						'default' => 'solid',
					),
					'width'  => array(
						'default' => array(
							'top'      => '0',
							'right'    => '0',
							'bottom'   => '1',
							'left'     => '0',
							'isLinked' => false,
						),
					),
					'color'  => array(
						'default' => '#d5d9e0',
					),
				),
				'selector'       => '{{WRAPPER}} .listing-infos-wrap li',
			)
		);

		$this->stm_end_control_section();
	}

	protected function render() {
		$settings = $this->get_settings_for_display();

		$settings['li_icon'] = $this->stm_ew_get_rendered_icon( 'li_icon', $settings );

		Helper::stm_ew_load_template( 'pro/widgets/info', MOTORS_ELEMENTOR_WIDGETS_PATH, $settings );
	}

	protected function content_template() {}
}