<?php

namespace AbsoluteAddons\Widgets;

use AbsoluteAddons\Controls\Absp_Control_Styles;
use Elementor\Control_Media;
use Elementor\Controls_Manager;
use AbsoluteAddons\Absp_Widget;
use Elementor\Group_Control_Background;
use Elementor\Group_Control_Border;
use Elementor\Group_Control_Image_Size;
use Elementor\Icons_Manager;
use Elementor\Repeater;
use Elementor\Utils;

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

/**
 * @since 1.1.0
 */
class Absoluteaddons_Style_Service extends Absp_Widget {

	protected $current_style;

	/**
	 * Retrieve the widget name.
	 *
	 * @return string Widget name.
	 * @since 1.1.0
	 *
	 * @access public
	 *
	 */
	public function get_name() {
		return 'absolute-service';
	}

	/**
	 * Retrieve the widget title
	 *
	 * @return string Widget title.
	 * @since 1.1.0
	 *
	 * @access public
	 *
	 */
	public function get_title() {
		return __( 'Service', 'absolute-addons' );
	}

	/**
	 * Retrieve the widget icon.
	 *
	 * @return string Widget icon.
	 * @since 1.1.0
	 *
	 * @access public
	 *
	 */
	public function get_icon() {
		return 'absp eicon-apps';
	}

	/**
	 * Requires css files.
	 *
	 * @return array
	 */
	public function get_style_depends() {
		return array(
			'absolute-addons-btn',
			'absp-service',
			'absp-pro-service',
		);
	}

	/**
	 * Requires js files.
	 *
	 * @return array
	 */
	public function get_script_depends() {
		return array(
			'absolute-addons-service',
		);
	}

	/**
	 * Retrieve the list of categories the widget belongs to.
	 *
	 * Used to determine where to display the widget in the editor.
	 *
	 * Note that currently Elementor supports only one category.
	 * When multiple categories passed, Elementor uses the first one.
	 *
	 * @return array Widget categories.
	 * @since 1.1.0
	 *
	 * @access public
	 *
	 */
	public function get_categories() {
		return [ 'absp-widgets' ];
	}

	/**
	 * Register the widget controls.
	 *
	 * Adds different input fields to allow the user to change and customize the widget settings.
	 *
	 * @since 1.1.0
	 *
	 * @access protected
	 */
	protected function register_controls() {
		/**
		 * Fires after controllers are registered.
		 *
		 * @param Absoluteaddons_Style_Service $this Current instance of WP_Network_Query (passed by reference).
		 *
		 * @since 1.0.0
		 *
		 */
		do_action_ref_array( $this->get_prefixed_hook( 'controllers/starts' ), [ &$this ] );

		$this->start_controls_section(
			'section_template',
			array(
				'label' => __( 'Template', 'absolute-addons' ),
			)
		);

		$layouts = apply_filters( $this->get_prefixed_hook( 'styles' ), [
			'one'             => __( 'Style One', 'absolute-addons' ),
			'two'             => __( 'Style Two', 'absolute-addons' ),
			'three'           => __( 'Style Three', 'absolute-addons' ),
			'four'            => __( 'Style Four', 'absolute-addons' ),
			'five-pro'        => __( 'Style Five (Pro)', 'absolute-addons' ),
			'six-pro'         => __( 'Style Six (Pro)', 'absolute-addons' ),
			'seven-pro'       => __( 'Style Seven (Upcoming)', 'absolute-addons' ),
			'eight-pro'       => __( 'Style Eight (Upcoming)', 'absolute-addons' ),
			'nine'            => __( 'Style Nine', 'absolute-addons' ),
			'ten'             => __( 'Style Ten', 'absolute-addons' ),
			'eleven'          => __( 'Style Eleven (Upcoming)', 'absolute-addons' ),
			'twelve'          => __( 'Style Twelve', 'absolute-addons' ),
			'thirteen'        => __( 'Style Thirteen', 'absolute-addons' ),
			'fourteen'        => __( 'Style Fourteen', 'absolute-addons' ),
			'fifteen'         => __( 'Style Fifteen (Upcoming)', 'absolute-addons' ),
			'sixteen'         => __( 'Style Sixteen (Upcoming)', 'absolute-addons' ),
			'seventeen'       => __( 'Style Seventeen (Upcoming)', 'absolute-addons' ),
			'eighteen'        => __( 'Style Eighteen (Upcoming)', 'absolute-addons' ),
			'nineteen-pro'    => __( 'Style Nineteen (Pro)', 'absolute-addons' ),
			'twenty'          => __( 'Style Twenty (Upcoming)', 'absolute-addons' ),
			'twenty-one'      => __( 'Style Twenty One (Upcoming)', 'absolute-addons' ),
			'twenty-two'      => __( 'Style Twenty Two (Upcoming)', 'absolute-addons' ),
			'twenty-three'    => __( 'Style Twenty Three (Upcoming)', 'absolute-addons' ),
			'twenty-four'     => __( 'Style Twenty Four (Upcoming)', 'absolute-addons' ),
			'twenty-five-pro' => __( 'Style Twenty Five (Pro)', 'absolute-addons' ),
			'twenty-six'      => __( 'Style Twenty Six (Upcoming)', 'absolute-addons' ),
			'twenty-seven'    => __( 'Style Twenty Seven (Upcoming)', 'absolute-addons' ),
			'twenty-eight'    => __( 'Style Twenty Eight (Upcoming)', 'absolute-addons' ),
			'twenty-nine-pro' => __( 'Style Twenty Nine (Pro)', 'absolute-addons' ),
			'thirty'          => __( 'Style Thirty (Upcoming)', 'absolute-addons' ),
			'thirty-one'      => __( 'Style Thirty One (Upcoming)', 'absolute-addons' ),
			'thirty-two'      => __( 'Style Thirty Two (Upcoming)', 'absolute-addons' ),
			'thirty-three'    => __( 'Style Thirty Three (Upcoming)', 'absolute-addons' ),
			'thirty-four'     => __( 'Style Thirty Four (Upcoming)', 'absolute-addons' ),
			'thirty-five'     => __( 'Style Thirty Five (Upcoming)', 'absolute-addons' ),
			'thirty-six'      => __( 'Style Thirty Six (Upcoming)', 'absolute-addons' ),
			'thirty-seven'    => __( 'Style Thirty Seven (Upcoming)', 'absolute-addons' ),
			'thirty-eight'    => __( 'Style Thirty Eight (Upcoming)', 'absolute-addons' ),
		] );

		$pro_styles = [
			'five-pro',
			'six-pro',
			'seven-pro',
			'eight-pro',
			'nineteen-pro',
			'twenty-five-pro',
			'twenty-nine-pro',
		];

		$this->add_control(
			'absolute_service',
			array(
				'label'       => __( 'Service Style', 'absolute-addons' ),
				'label_block' => true,
				'type'        => Absp_Control_Styles::TYPE,
				'options'     => $layouts,
				'disabled'    => [
					'seven-pro',
					'eight-pro',
					'eleven',
					'fifteen',
					'sixteen',
					'seventeen',
					'eighteen',
					'twenty',
					'twenty-one',
					'twenty-two',
					'twenty-three',
					'twenty-four',
					'twenty-six',
					'twenty-seven',
					'twenty-eight',
					'thirty',
					'thirty-one',
					'thirty-two',
					'thirty-three',
					'thirty-four',
					'thirty-five',
					'thirty-six',
					'thirty-seven',
					'thirty-eight',
				],
				'default'     => 'one',
			)
		);

		$this->init_pro_alert( $pro_styles );

		$this->end_controls_section();


		// Content Controllers
		$this->render_controller( 'content-controller-service-style' );


		// Style Controllers
		$this->content_section( 'one' );
		$this->content_section( 'two' );
		$this->content_section( 'three' );
		$this->content_section( 'four' );
		$this->content_section( 'five' );
		$this->content_section( 'six' );
		$this->content_section( 'nine' );
		$this->content_section( 'ten' );
		$this->content_section( 'twelve' );
		$this->content_section( 'thirteen' );
		$this->content_section( 'fourteen' );
		$this->content_section( 'nineteen' );
		$this->content_section( 'twenty-five' );
		$this->content_section( 'twenty-nine' );

		$this->read_more_button_section( $this );


		/**
		 * Fires after controllers are registered.
		 *
		 * @param Absoluteaddons_Style_Service $this Current instance of WP_Network_Query (passed by reference).
		 *
		 * @since 1.0.0
		 *
		 */
		do_action_ref_array( $this->get_prefixed_hook( 'controllers/ends' ), [ &$this ] );

	}

	private function content_section( $style = '' ) {
		$this->start_controls_section(
			'service_content_section_' . $style,
			[
				'label'     => __( 'Content Section', 'absolute-addons' ),
				'tab'       => Controls_Manager::TAB_CONTENT,
				'condition' => [
					'absolute_service' => $style,
				],
			]
		);

		if ( ! in_array( $style, [ 'five', 'thirteen' ] ) ) {
			$this->add_responsive_control(
				'service_column_' . $style,
				[
					'label'           => __( 'Service Column', 'absolute-addons' ),
					'type'            => Controls_Manager::SELECT,
					'options'         => [
						'1' => __( '1 Column', 'absolute-addons' ),
						'2' => __( '2 Column', 'absolute-addons' ),
						'3' => __( '3 Column', 'absolute-addons' ),
						'4' => __( '4 Column', 'absolute-addons' ),
						'5' => __( '5 Column', 'absolute-addons' ),
						'6' => __( '6 Column', 'absolute-addons' ),
					],
					'default'         => '3',
					'devices'         => [ 'desktop', 'tablet', 'mobile' ],
					'desktop_default' => 3,
					'tablet_default'  => 3,
					'mobile_default'  => 2,
					'prefix_class'    => 'absp-service-grid%s-',
					'selectors'       => [
						'(desktop+){{WRAPPER}} .absp-service .absp-service-grid-col' => 'grid-template-columns: repeat({{service_column_' . $style . '.VALUE}}, 1fr);',
						'(tablet){{WRAPPER}} .absp-service .absp-service-grid-col'   => 'grid-template-columns: repeat({{service_column_' . $style . '_tablet.VALUE}}, 1fr);',
						'(mobile){{WRAPPER}} .absp-service .absp-service-grid-col'   => 'grid-template-columns: repeat({{service_column_' . $style . '_mobile.VALUE}}, 1fr);',
					],
					'condition' => [
						'absolute_service!' => 'thirteen',
					],
				]
			);
		}

		if ( 'thirteen' === $style ) {
			$this->add_responsive_control(
				'service_column_' . $style,
				[
					'label'           => __( 'Service Column', 'absolute-addons' ),
					'type'            => Controls_Manager::SELECT,
					'options'         => [
						'1' => __( '1 Column', 'absolute-addons' ),
						'2' => __( '2 Column', 'absolute-addons' ),
					],
					'default'         => '2',
					'devices'         => [ 'desktop', 'tablet', 'mobile' ],
					'desktop_default' => 2,
					'tablet_default'  => 2,
					'mobile_default'  => 1,
					'prefix_class'    => 'absp-service-grid%s-',
					'selectors'       => [
						'(desktop+){{WRAPPER}} .absp-service .absp-service-grid-col' => 'grid-template-columns: repeat({{service_column_' . $style . '.VALUE}}, 1fr);',
						'(tablet){{WRAPPER}} .absp-service .absp-service-grid-col'   => 'grid-template-columns: repeat({{service_column_' . $style . '_tablet.VALUE}}, 1fr);',
						'(mobile){{WRAPPER}} .absp-service .absp-service-grid-col'   => 'grid-template-columns: repeat({{service_column_' . $style . '_mobile.VALUE}}, 1fr);',
					],
					'condition' => [
						'absolute_service' => 'thirteen',
					],
				]
			);
		}

		if ( 'five' === $style ) {
			$this->add_control(
				'absp_service_item_alignment',
				[
					'label'   => __( 'Item Alignment', 'absolute-addons' ),
					'type'    => Controls_Manager::CHOOSE,
					'options' => [
						'absp-item-left' => [
							'title' => __( 'Left', 'absolute-addons' ),
							'icon'  => 'eicon-h-align-left',
						],
						'absp-item-top'  => [
							'title' => __( 'Top', 'absolute-addons' ),
							'icon'  => 'eicon-v-align-top',
						],
					],
					'default' => 'absp-item-left',
				]
			);

			$this->add_control(
				'service_number', [
					'label'       => __( 'Service Number', 'absolute-addons' ),
					'type'        => Controls_Manager::TEXT,
					'default'     => __( '1', 'absolute-addons' ),
					'label_block' => true,
				]
			);

			$this->add_control(
				'service_title_tag',
				[
					'label'     => __( 'Title HTML Tag', 'absolute-addons' ),
					'type'      => Controls_Manager::SELECT,
					'options'   => [
						'h1'  => 'H1',
						'h2'  => 'H2',
						'h3'  => 'H3',
						'h4'  => 'H4',
						'h5'  => 'H5',
						'h6'  => 'H6',
						'div' => 'div',
					],
					'default'   => 'h3',
					'separator' => 'before',
				]
			);

			$this->add_control(
				'service_title', [
					'label'       => __( 'Service Title', 'absolute-addons' ),
					'type'        => Controls_Manager::TEXT,
					'default'     => __( 'Service Title #1', 'absolute-addons' ),
					'label_block' => true,
				]
			);

			$this->add_control(
				'absp_service_content_option',
				[
					'label'   => __( 'Show Content', 'absolute-addons' ),
					'type'    => Controls_Manager::SELECT,
					'options' => [
						'yes' => __( 'Show', 'absolute-addons' ),
						'no'  => __( 'Hide', 'absolute-addons' ),
					],
					'default' => 'yes',
				]
			);

			$this->add_control(
				'service_content',
				[
					'label'     => __( 'Choose a icon', 'absolute-addons' ),
					'type'      => Controls_Manager::WYSIWYG,
					'default'   => __( 'Your content Here', 'absolute-addons' ),
					'condition' => [
						'absp_service_content_option' => 'yes'
					]
				]
			);
		}

		$repeater = new Repeater();

		if ( in_array( $style, [ 'one', 'two', 'three', 'four', 'six' ] ) ) {
			$repeater->add_control(
				'service_number', [
					'label'       => __( 'Service Number', 'absolute-addons' ),
					'type'        => Controls_Manager::TEXT,
					'default'     => __( '1', 'absolute-addons' ),
					'label_block' => true,
				]
			);
		}

		if ( 'nineteen' === $style ) {
			$repeater->add_control(
				'absp_service_alignment',
				[
					'label'   => __( 'Item Alignment', 'absolute-addons' ),
					'type'    => Controls_Manager::CHOOSE,
					'options' => [
						'absp-item-left'  => [
							'title' => __( 'Left', 'absolute-addons' ),
							'icon'  => 'eicon-text-align-left',
						],
						'absp-item-right' => [
							'title' => __( 'Right', 'absolute-addons' ),
							'icon'  => 'eicon-text-align-right',
						],
					],
					'default' => 'absp-item-left',
				]
			);
		}

		if ( 'five' !== $style ) {
			$repeater->add_control(
				'service_title_tag',
				[
					'label'     => __( 'Title HTML Tag', 'absolute-addons' ),
					'type'      => Controls_Manager::SELECT,
					'options'   => [
						'h1'  => 'H1',
						'h2'  => 'H2',
						'h3'  => 'H3',
						'h4'  => 'H4',
						'h5'  => 'H5',
						'h6'  => 'H6',
						'div' => 'div',
					],
					'default'   => 'h3',
					'separator' => 'before',
				]
			);

			$repeater->add_control(
				'service_title', [
					'label'       => __( 'Service Title', 'absolute-addons' ),
					'type'        => Controls_Manager::TEXT,
					'default'     => __( 'Service Title #1', 'absolute-addons' ),
					'label_block' => true,
				]
			);
		}

		if (  in_array( $style, [ 'thirteen', 'twenty-five'] ) ) {
			$repeater->add_control(
				'service_sub_title_tag',
				[
					'label'     => __( 'Sub Title HTML Tag', 'absolute-addons' ),
					'type'      => Controls_Manager::SELECT,
					'options'   => [
						'h1'   => 'H1',
						'h2'   => 'H2',
						'h3'   => 'H3',
						'h4'   => 'H4',
						'h5'   => 'H5',
						'h6'   => 'H6',
						'span' => 'span',
						'div'  => 'div',
					],
					'default'   => 'h4',
					'separator' => 'before',
				]
			);

			$repeater->add_control(
				'service_sub_title', [
					'label'       => __( 'Service Sub Title', 'absolute-addons' ),
					'type'        => Controls_Manager::TEXT,
					'default'     => __( 'Sub Title #1', 'absolute-addons' ),
					'label_block' => true,
				]
			);
		}

		if ( in_array( $style, [ 'one', 'nine', 'ten', 'twelve', 'thirteen', 'fourteen', 'nineteen' ] ) ) {
			$repeater->add_control(
				'service_icon',
				[
					'label'   => __( 'Choose a icon', 'absolute-addons' ),
					'type'    => Controls_Manager::ICONS,
					'default' => [
						'value'   => 'fas fa-palette',
						'library' => 'solid',
					],
				]
			);
		}

		if ( in_array( $style, [ 'twenty-five', 'twenty-nine' ] ) ) {
			$repeater->add_control(
				'service_image',
				[
					'label'   => __( 'Item Image', 'absolute-addons' ),
					'type'    => Controls_Manager::MEDIA,
					'default' => [
						'url' => Utils::get_placeholder_image_src(),
					],
				]
			);

			$repeater->add_group_control(
				Group_Control_Image_Size::get_type(),
				[
					'name'           => 'thumbnail',
					'fields_options' => [
						'size' => [
							'label' => __( 'Image Size', 'absolute-addons' ),
						],
					],
					'exclude'        => [ 'custom' ],
					// phpcs:ignore WordPressVIPMinimum.Performance.WPQueryParams.PostNotIn_exclude
					'default'        => 'large',
				]
			);
		}

		if ( 'five' !== $style ) {
			$repeater->add_control(
				'service_content',
				[
					'label'   => __( 'Service Content', 'absolute-addons' ),
					'type'    => Controls_Manager::WYSIWYG,
					'default' => __( 'Your content Here', 'absolute-addons' ),
				]
			);
		}

		if ( 'one' === $style ) {
			$repeater->add_group_control(
				Group_Control_Background::get_type(),
				[
					'name'           => 'service_item_background',
					'fields_options' => [
						'background' => [
							'label' => __( 'Item Background', 'absolute-addons' ),
						],
					],
					'types'          => [ 'classic', 'gradient' ],
					'selector'       => '{{WRAPPER}} .absp-service {{CURRENT_ITEM}}',
				]
			);

			$repeater->add_group_control(
				Group_Control_Background::get_type(),
				[
					'name'           => 'service_item_hover_background',
					'fields_options' => [
						'background' => [
							'label' => __( 'Item Background Hover', 'absolute-addons' ),
						],
					],
					'types'          => [ 'classic', 'gradient' ],
					'selector'       => '{{WRAPPER}} .absp-service {{CURRENT_ITEM}}:hover',
				]
			);
		}

		if ( 'one' === $style ) {
			$repeater->add_group_control(
				Group_Control_Background::get_type(),
				[
					'name'           => 'service_number_bg',
					'fields_options' => [
						'background' => [
							'label' => __( 'Number Background Color', 'absolute-addons' ),
						],
					],
					'types'          => [ 'classic', 'gradient' ],
					'selector'       => '{{WRAPPER}} .absp-service  {{CURRENT_ITEM}} .absp-service-number',
				]
			);

			$repeater->add_group_control(
				Group_Control_Background::get_type(),
				[
					'name'           => 'service_number_hover_bg',
					'fields_options' => [
						'background' => [
							'label' => __( 'Number BG Hover Color', 'absolute-addons' ),
						],
					],
					'types'          => [ 'classic', 'gradient' ],
					'selector'       => '{{WRAPPER}} .absp-service  {{CURRENT_ITEM}}.absp-service-item:hover .absp-service-number',
				]
			);

			$repeater->add_control(
				'service_number_hover_color',
				array(
					'label'     => __( 'Number Hover Color', 'absolute-addons' ),
					'type'      => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} .absp-service  {{CURRENT_ITEM}}.absp-service-item:hover .absp-service-number' => 'color: {{VALUE}}',
					],
				)
			);

			$repeater->add_control(
				'service_icon_hover_color',
				array(
					'label'     => __( 'Service Icon Hover Color', 'absolute-addons' ),
					'type'      => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} .absp-service  {{CURRENT_ITEM}}.absp-service-item:hover .absp-service-icon' => 'color: {{VALUE}}',
						'{{WRAPPER}} .absp-service {{CURRENT_ITEM}}:hover .absp-service-right'                   => 'border-color: {{VALUE}}',
					],
				)
			);

			$repeater->add_control(
				'service_title_hover_color',
				array(
					'label'     => __( 'Service Title Hover Color', 'absolute-addons' ),
					'type'      => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} .absp-service  {{CURRENT_ITEM}}.absp-service-item:hover .absp-service-title' => 'color: {{VALUE}}',
					],
				)
			);
		}

		if ( 'four' === $style ) {
			$repeater->add_group_control(
				Group_Control_Background::get_type(),
				[
					'name'           => 'service_number_bg',
					'fields_options' => [
						'background' => [
							'label' => __( 'Number Background Color', 'absolute-addons' ),
						],
					],
					'types'          => [ 'classic', 'gradient' ],
					'selector'       => '{{WRAPPER}} .absp-service  {{CURRENT_ITEM}} .absp-service-number',
				]
			);

			$repeater->add_group_control(
				Group_Control_Background::get_type(),
				[
					'name'           => 'service_number_hover_bg',
					'fields_options' => [
						'background' => [
							'label' => __( 'Number BG Hover Color', 'absolute-addons' ),
						],
					],
					'types'          => [ 'classic', 'gradient' ],
					'selector'       => '{{WRAPPER}} .absp-service  {{CURRENT_ITEM}}.absp-service-item:hover .absp-service-number',
				]
			);

			$repeater->add_group_control(
				Group_Control_Border::get_type(),
				[
					'name'     => 'service_number_border_hover',
					'label'    => __( 'Border', 'absolute-addons' ),
					'selector' => '{{WRAPPER}} .absp-service  {{CURRENT_ITEM}}.absp-service-item:hover .absp-service-number',
				]
			);

			$repeater->add_control(
				'service_title_hover_color',
				array(
					'label'     => __( 'Service Title Hover Color', 'absolute-addons' ),
					'type'      => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} .absp-service  {{CURRENT_ITEM}}.absp-service-item:hover .absp-service-title' => 'color: {{VALUE}}',
					],
				)
			);
		}

		if ( 'nineteen' === $style ) {
			$repeater->add_group_control(
				Group_Control_Background::get_type(),
				[
					'name'           => 'service_icon_bg',
					'fields_options' => [
						'background' => [
							'label' => __( 'Icon Background Color', 'absolute-addons' ),
						],
					],
					'types'          => [ 'classic', 'gradient' ],
					'selector'       => '{{WRAPPER}} .absp-service  {{CURRENT_ITEM}} .absp-service-icon',
				]
			);
		}

		if ( in_array( $style, [ 'nine', 'ten', 'nineteen' ] ) ) {
			$repeater->add_control(
				'service_icon_color',
				array(
					'label'     => __( 'Service Icon Color', 'absolute-addons' ),
					'type'      => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} .absp-service  {{CURRENT_ITEM}} .absp-service-icon' => 'color: {{VALUE}}',
					],
				)
			);
		}

		if ( 'twenty-five' === $style ) {
			$repeater->add_group_control(
				Group_Control_Background::get_type(),
				[
					'name'           => 'service_subtitle_background',
					'fields_options' => [
						'background' => [
							'label' => __( 'Subtitle Background Color', 'absolute-addons' ),
						],
					],
					'types'          => [ 'classic', 'gradient' ],
					'selector'       => '{{WRAPPER}} .absp-service {{CURRENT_ITEM}} .absp-service-subtitle',
				]
			);

			$repeater->add_control(
				'service_subtitle_color',
				array(
					'label'     => __( 'Subtitle Color', 'absolute-addons' ),
					'type'      => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} .absp-service {{CURRENT_ITEM}} .absp-service-subtitle' => 'color: {{VALUE}}',
					],
				)
			);

			$repeater->add_control(
				'service_subtitle_border_color',
				array(
					'label'     => __( 'Subtitle Border Color', 'absolute-addons' ),
					'type'      => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} .absp-service {{CURRENT_ITEM}}.absp-service-item' => 'border-color: {{VALUE}}',
					],
				)
			);
		}

		if ( in_array( $style, [ 'one', 'two', 'three', 'four', 'five', 'six', 'seven' ] ) ) {
			$repeater->add_control(
				'service_number_color',
				array(
					'label'     => __( 'Service Number Color', 'absolute-addons' ),
					'type'      => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} .absp-service {{CURRENT_ITEM}} .absp-service-number' => 'color: {{VALUE}}',
					],
				)
			);
		}

		if ( 'six' === $style ) {
			$repeater->add_control(
				'service_number_hover_color',
				array(
					'label'     => __( 'Service Number Hover Color', 'absolute-addons' ),
					'type'      => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} .absp-service {{CURRENT_ITEM}}:hover .absp-service-number' => 'color: {{VALUE}}',
					],
				)
			);
		}

		if ( 'six' === $style ) {
			$repeater->add_control(
				'service_title_hover_color',
				array(
					'label'     => __( 'Service Title Hover Color', 'absolute-addons' ),
					'type'      => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} .absp-service {{CURRENT_ITEM}}:hover .absp-service-title' => 'color: {{VALUE}}',
					],
				)
			);
		}

		if ( 'five' !== $style ) {
			$repeater->add_control(
				'service_title_color',
				array(
					'label'     => __( 'Service Title Color', 'absolute-addons' ),
					'type'      => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} .absp-service {{CURRENT_ITEM}} .absp-service-title'          => 'color: {{VALUE}}',
						'{{WRAPPER}} .absp-service .absp-service-twenty-nine {{CURRENT_ITEM}} hr' => 'background-color: {{VALUE}}',
					],
				)
			);
		}

		if ( in_array( $style, [ 'six', 'nine', 'ten' ] ) ) {
			$this->read_more_button_controller( $repeater );
		}

		if ( 'five' !== $style ) {
			$this->add_control(
				'service_' . $style,
				[
					'label'       => __( 'Service Item', 'absolute-addons' ),
					'type'        => Controls_Manager::REPEATER,
					'fields'      => $repeater->get_controls(),
					'default'     => [
						[
							'service_number'  => __( '1', 'absolute-addons' ),
							'service_title'   => __( 'Creative </br> Design', 'absolute-addons' ),
							'service_icon'    => [
								'value' => 'fas fa-palette',
							],
							'service_content' => __( 'At Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. Lorem ipsum dolor sit amet, ', 'absolute-addons' ),
						],
						[
							'service_number'  => __( '2', 'absolute-addons' ),
							'service_title'   => __( 'Illustration</br> & Artwork', 'absolute-addons' ),
							'service_icon'    => [
								'value' => 'fas fa-cloud',
							],
							'service_content' => __( 'At Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. Lorem ipsum dolor sit amet, ', 'absolute-addons' ),
						],
						[
							'service_number'  => __( '3', 'absolute-addons' ),
							'service_title'   => __( 'UI/UX</br> Design', 'absolute-addons' ),
							'service_icon'    => [
								'value' => 'fas fa-rocket',
							],
							'service_content' => __( 'At Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. Lorem ipsum dolor sit amet, ', 'absolute-addons' ),
						],
					],
					'title_field' => '{{{ service_title }}}',
				]
			);
		}

		$this->end_controls_section();
	}

	protected function read_more_button_controller( $settings ) {
		$settings->add_control(
			'absp_service_btn_switch',
			[
				'label'     => __( 'Show Button', 'absolute-addons' ),
				'type'      => Controls_Manager::SWITCHER,
				'default'   => 'yes',
				'label_on'  => __( 'Yes', 'absolute-addons' ),
				'label_off' => __( 'No', 'absolute-addons' ),
			]
		);

		$settings->add_responsive_control(
			'absp_service_btn_align',
			[
				'label'     => __( 'Alignment', 'absolute-addons' ),
				'type'      => Controls_Manager::CHOOSE,
				'options'   => [
					'left'   => [
						'title' => __( 'Left', 'absolute-addons' ),
						'icon'  => 'eicon-text-align-left',
					],
					'center' => [
						'title' => __( 'Center', 'absolute-addons' ),
						'icon'  => 'eicon-text-align-center',
					],
					'right'  => [
						'title' => __( 'Right', 'absolute-addons' ),
						'icon'  => 'eicon-text-align-right',
					],
				],
				'selectors' => [
					'{{WRAPPER}} .absp-service-btn' => 'text-align: {{VALUE}};',
				],
				'default'   => 'left',
				'condition' => [
					'absp_service_btn_switch' => 'yes',
				]
			]
		);

		$settings->add_control(
			'absp_service_btn_text',
			[
				'label'       => __( 'Button Text', 'absolute-addons' ),
				'type'        => Controls_Manager::TEXT,
				'default'     => __( 'Read more ', 'absolute-addons' ),
				'placeholder' => __( 'Read more ', 'absolute-addons' ),
				'condition'   => [
					'absp_service_btn_switch' => 'yes',
				]
			]
		);

		$settings->add_control(
			'absp_service_btn_link',
			[
				'label'         => __( 'Link', 'plugin-domain' ),
				'type'          => Controls_Manager::URL,
				'placeholder'   => __( 'https://your-link.com', 'absolute-addons' ),
				'show_external' => true,
				'default'       => [
					'url'         => '',
					'is_external' => true,
					'nofollow'    => true,
				],
				'condition'     => [
					'absp_service_btn_switch' => 'yes',
				]
			]
		);

		$settings->add_control(
			'absp_service_btn_icons_switch',
			[
				'label'     => __( 'Add icon? ', 'absolute-addons' ),
				'type'      => Controls_Manager::SWITCHER,
				'default'   => 'no',
				'label_on'  => __( 'Yes', 'absolute-addons' ),
				'label_off' => __( 'No', 'absolute-addons' ),
				'condition' => [
					'absp_service_btn_switch' => 'yes',
				]
			]
		);

		$settings->add_control(
			'absp_service_btn_icons',
			[
				'label'       => __( 'Icon', 'absolute-addons' ),
				'type'        => Controls_Manager::ICONS,
				'default'     => [
					'value' => '',
				],
				'label_block' => true,
				'condition'   => [
					'absp_service_btn_switch'       => 'yes',
					'absp_service_btn_icons_switch' => 'yes'
				]
			]
		);

		$settings->add_control(
			'absp_service_btn_icon_align',
			[
				'label'     => __( 'Icon Position', 'absolute-addons' ),
				'type'      => Controls_Manager::SELECT,
				'options'   => [
					'left'  => __( 'Before', 'absolute-addons' ),
					'right' => __( 'After', 'absolute-addons' ),
				],
				'default'   => 'right',
				'condition' => [
					'absp_service_btn_switch'       => 'yes',
					'absp_service_btn_icons_switch' => 'yes'
				]
			]
		);
	}

	protected function read_more_button_section( $settings ) {
		$this->start_controls_section(
			'absp_service_read_more_section',
			[
				'label'     => __( 'Read More Button', 'absolute-addons' ),
				'condition' => [
					'absolute_service' => 'five',
				]
			]
		);

		$this->read_more_button_controller( $settings );

		$this->end_controls_section();
	}

	/**
	 * Render the widget output on the frontend.
	 *
	 * Written in PHP and used to generate the final HTML.
	 *
	 * @since 1.1.0
	 *
	 * @access protected
	 */
	protected function render() {
		$settings            = $this->get_settings_for_display();
		$style               = $settings['absolute_service'];
		$this->current_style = $style;

		$this->add_inline_editing_attributes( 'service_number', 'basic' );
		$this->add_render_attribute( 'service_number', 'class', 'service-number' );

		$this->add_inline_editing_attributes( 'service_title', 'basic' );
		$this->add_render_attribute( 'service_title', 'class', 'absp-service-title', true );

		$this->add_inline_editing_attributes( 'service_sub_title', 'basic' );
		$this->add_render_attribute( 'service_sub_title', 'class', 'absp-service-subtitle', true );

		?>
        <div class="absp-wrapper absp-widget">
            <div class="absp-wrapper-inside">
                <div class="absp-wrapper-content">
                    <!-- absp-service -->
                    <div class="absp-service element-<?php echo esc_attr( $style ) ?>">
                        <div class="absp-service-<?php echo esc_attr( $style ) ?>" >
                            <div class="absp-service-grid-col">
								<?php if ( 'five' === $style ) { ?>
                                    <div class="absp-service-item <?php echo esc_attr( $settings['absp_service_item_alignment'] ); ?>"  style="align-items: <?php echo esc_attr( $settings['service_alignment'] );  ?>">
										<?php $this->render_template( $style ); ?>
                                    </div>
								<?php } else {
									foreach ( $settings[ 'service_' . $style ] as $service ) {
										$alignment = ( 'nineteen' === $style ) ? $service['absp_service_alignment'] : "";
										?>
                                        <div class="absp-service-item <?php echo esc_attr( $alignment ); ?> elementor-repeater-item-<?php echo esc_attr( $service['_id'] ); ?>" style="align-items: <?php echo esc_attr( $settings['service_alignment'] );  ?>">
											<?php if ( 'one' === $style ) { ?>
												<?php $this->service_number( $service ); ?>

                                                <div class="absp-service-left">
													<?php
													$this->service_icon( $service );

													if ( ! empty( $service['service_title'] ) ) {
														$this->service_title( $service );
													} ?>
                                                </div>
                                                <div class="absp-service-right">
													<?php if ( ! empty( $service['service_content'] ) ) {
														$this->service_content( $service );
													} ?>
                                                </div>
											<?php } else {
												$this->render_template( $style, [ 'service' => $service ] );
											} ?>
                                        </div>
									<?php }
								} ?>
                            </div>
                        </div>
                    </div>
                    <!-- absp-service -->
                </div>
            </div>
        </div>
		<?php
	}

	protected function service_icon( $settings ) {
		?>
        <div class="absp-service-icon">
			<?php Icons_Manager::render_icon( $settings['service_icon'], [ 'aria-hidden' => 'true' ] ); ?>
        </div>
		<?php
	}

	protected function service_image( $settings ) {
		$image_url  = Group_Control_Image_Size::get_attachment_image_src( $settings['service_image']['id'], 'thumbnail', $settings );
		$image_html = '<img src="' . esc_url( $image_url ) . '" alt="' . esc_attr( Control_Media::get_image_alt( $settings ) ) . '">';
		?>
        <div class="absp-service-image">
			<?php echo $image_html; ?>
        </div>
		<?php
	}

	protected function service_number( $settings ) {
		?>
        <div class="absp-service-number">
            <span><?php echo esc_html( $settings['service_number'] ); ?></span>
        </div>
		<?php
	}

	protected function service_content( $settings ) {
		?>
        <div class="absp-service-content">
            <p><?php echo wp_kses_post( $settings['service_content'] ); ?></p>
        </div>
		<?php
	}

	protected function service_sub_title( $settings ) {
		$subtitle_before = $subtitle_after = '';

		absp_tag_start( $settings['service_sub_title_tag'], 'service_sub_title', $this );

		absp_render_title( $settings['service_sub_title'], $subtitle_before, $subtitle_after );

		absp_tag_end( $settings['service_sub_title_tag'] );
	}

	protected function service_title( $settings ) {
		$title_before = $title_after = '';

		absp_tag_start( $settings['service_title_tag'], 'service_title', $this );

		absp_render_title( $settings['service_title'], $title_before, $title_after );

		absp_tag_end( $settings['service_title_tag'] );
	}

	protected function read_more_button( $settings, $className ) {
		if ( 'yes' === $settings['absp_service_btn_switch'] ) {
			$target   = $settings['absp_service_btn_link']['is_external'] ? ' target="_blank"' : '';
			$nofollow = $settings['absp_service_btn_link']['nofollow'] ? ' rel="nofollow"' : '';
			?>
            <div class="absp-service-btn absp-btn-<?php echo esc_attr( $settings['absp_service_btn_align'] ); ?>">
                <a href="<?php echo esc_url( $settings['absp_service_btn_link']['url'] ) ?>" class="absp-btn <?php
				echo esc_attr( $className ); ?>" <?php echo esc_attr( $target );
				echo esc_attr( $nofollow ); ?>>
					<?php
					if ( 'left' === $settings['absp_service_btn_icon_align'] ) {
						if ( 'yes' === $settings['absp_service_btn_icons_switch'] ) {
							Icons_Manager::render_icon( $settings['absp_service_btn_icons'], [ 'aria-hidden' => 'true' ] );
						}
						echo esc_html( $settings['absp_service_btn_text'] );
					} else {
						echo esc_html( $settings['absp_service_btn_text'] );
						if ( 'yes' === $settings['absp_service_btn_icons_switch'] ) {
							Icons_Manager::render_icon( $settings['absp_service_btn_icons'], [ 'aria-hidden' => 'true' ] );
						}
					}
					?>
                </a>
            </div>
		<?php }
	}
}