1#@!#!123s

: / home / realadss / thathagroup.com / wp-content / themes / prooty / elementor / widgets /
Filename : blog.php
back
<?php

use Elementor\Widget_Base;
use Elementor\Controls_Manager;
use \Elementor\Group_Control_Typography;
use Elementor\Utils;

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


class Prooty_Elementor_Blog extends Widget_Base {

	
	public function get_name() {
		return 'prooty_elementor_blog';
	}
	
	public function get_title() {
		return esc_html__( 'Blog', 'prooty' );
	}
	
	public function get_icon() {
		return 'eicon-posts-ticker';
	}
	
	public function get_categories() {
		return [ 'prooty' ];
	}

	public function get_script_depends() {
		return [ '' ];
	}
	
	// Add Your Controll In This Function
	protected function register_controls() {

		$args = array(
			'orderby' => 'name',
			'order' => 'ASC'
		);
  
		$categories 	= get_categories($args);
		$cate_array 	= array( 'all' => esc_html__( 'All categories', 'prooty' ) );
		if ($categories) {
			foreach ( $categories as $cate ) {
				$cate_array[$cate->slug] = $cate->cat_name;
			}
		} else {
			$cate_array[ esc_html__( 'No content Category found', 'prooty' ) ] = 0;
		}
  
		//SECTION CONTENT

		$this->start_controls_section(
			'section_content',
			[
				'label' => esc_html__( 'Content', 'prooty' ),
			]
		);

		  	$this->add_control(
				'version',
				[
					'label' => esc_html__( 'Version', 'prooty' ),
					'type' => Controls_Manager::SELECT,
					'default' => 'version_2',
					'options' => [
						'version_1' => esc_html__( 'Version 1', 'prooty' ),
						'version_2' => esc_html__( 'Version 2', 'prooty' ),
					]
				]
			);
  
			$this->add_control(
				  'category',
				[
					'label' => esc_html__( 'Category', 'prooty' ),
					'type' => Controls_Manager::SELECT,
					'default' => 'all',
					'options' => $cate_array
				]
			);
  
			$this->add_control(
				'total_count',
				[
					'label' => esc_html__( 'Post Total', 'prooty' ),
					'type' => Controls_Manager::NUMBER,
					'default' => 3,
				]
			);
  
			$this->add_control(
				'number_column',
				[
					'label' => esc_html__( 'Columns', 'prooty' ),
					'type' => Controls_Manager::SELECT,
					'default' => 'column_3',
					'options' => [
						'column_2' => esc_html__( '2 Columns', 'prooty' ),
						'column_3' => esc_html__( '3 Columns', 'prooty' ),
						'column_4' => esc_html__( '4 Columns', 'prooty' ),
					  ],
					'condition' => [
					  	'version!' => 'version_2', 
					],
				]
			);
  
  
			$this->add_control(
				'order',
				[
					'label' => esc_html__('Order', 'prooty'),
					'type' => Controls_Manager::SELECT,
					'default' => 'desc',
					'options' => [
						'asc' => esc_html__('Ascending', 'prooty'),
						'desc' => esc_html__('Descending', 'prooty'),
					]
				]
			);

			$this->add_control(
				'order_by',
				[
					'label' 	=> esc_html__('Order By', 'prooty'),
					'type' 		=> \Elementor\Controls_Manager::SELECT,
					'default' 	=> 'ID',
					'options' 	=> [
						'none' => esc_html__('None', 'prooty'),
						'ID' 	=> esc_html__('ID', 'prooty'),
						'title' => esc_html__('Title', 'prooty'),
						'date' 	=> esc_html__('Date', 'prooty'),
						'modified' => esc_html__('Modified', 'prooty'),
						'rand' 	=> esc_html__('Rand', 'prooty'),
					]
				]
			);
  
			$this->add_control(
				'text_readmore',
				[
					'label' => esc_html__( 'Text Read More', 'prooty' ),
					'type' => Controls_Manager::TEXT,
					'default' => esc_html__('Read More', 'prooty'),
					'condition' => [
					  	'version' => 'version_1', 
					],
				]
			);
  
			$this->add_control(
				'show_short_desc',
				[
					'label' => esc_html__( 'Show Short Description', 'prooty' ),
					'type' => \Elementor\Controls_Manager::SWITCHER,
					'label_on' => esc_html__( 'Show', 'prooty' ),
					'label_off' => esc_html__( 'Hide', 'prooty' ),
					'return_value' => 'yes',
					'default' => 'yes',
					   'condition' => [
					  	'version' => 'version_1', 
					],
				]
			);

			$this->add_control(
				'order_text',
				[
					'label' => esc_html__( 'Description Words Total', 'prooty' ),
					'type' => Controls_Manager::NUMBER,
					'default' => 16,
					'condition' => [
					  	'version' => 'version_1', 
					],
				]
			);
  
			$this->add_control(
				'show_comment',
				[
					'label' => esc_html__( 'Show Comment', 'prooty' ),
					'type' => \Elementor\Controls_Manager::SWITCHER,
					'label_on' => esc_html__( 'Show', 'prooty' ),
					'label_off' => esc_html__( 'Hide', 'prooty' ),
					'return_value' => 'yes',
					'default' => 'yes',
				]
			);
  
			$this->add_control(
				  'show_date',
				  [
					  'label' => esc_html__( 'Show Date', 'prooty' ),
					  'type' => \Elementor\Controls_Manager::SWITCHER,
					  'label_on' => esc_html__( 'Show', 'prooty' ),
					  'label_off' => esc_html__( 'Hide', 'prooty' ),
					  'return_value' => 'yes',
					  'default' => 'yes',
				  ]
			);
  
			$this->add_control(
				  'show_author',
				  [
					  'label' => esc_html__( 'Show Author', 'prooty' ),
					  'type' => \Elementor\Controls_Manager::SWITCHER,
					  'label_on' => esc_html__( 'Show', 'prooty' ),
					  'label_off' => esc_html__( 'Hide', 'prooty' ),
					  'return_value' => 'yes',
					  'default' => 'yes',
				  ]
			);
  
  
			$this->add_control(
				  'show_title',
				  [
					  'label' => esc_html__( 'Show Title', 'prooty' ),
					  'type' => \Elementor\Controls_Manager::SWITCHER,
					  'label_on' => esc_html__( 'Show', 'prooty' ),
					  'label_off' => esc_html__( 'Hide', 'prooty' ),
					  'return_value' => 'yes',
					  'default' => 'yes',
				  ]
			);
  
			$this->add_control(
				  'show_read_more',
				  [
					  'label' => esc_html__( 'Show Read More', 'prooty' ),
					  'type' => \Elementor\Controls_Manager::SWITCHER,
					  'label_on' => esc_html__( 'Show', 'prooty' ),
					  'label_off' => esc_html__( 'Hide', 'prooty' ),
					  'return_value' => 'yes',
					  'default' => 'yes',
					  'condition' => [
						'version' => ['version_1'],
					]
				  ]
			);

			$this->add_control(
				  'show_icon',
				  [
					  'label' => esc_html__( 'Show Icon', 'prooty' ),
					  'type' => \Elementor\Controls_Manager::SWITCHER,
					  'label_on' => esc_html__( 'Show', 'prooty' ),
					  'label_off' => esc_html__( 'Hide', 'prooty' ),
					  'return_value' => 'yes',
					  'default' => 'yes',
					  'condition' => [
						'version' => ['version_1'],
					]
				  ]
			);

			$this->add_control(
				'icon_readmore',
				[
					'label' => esc_html__( 'Icon', 'prooty' ),
					'type' => \Elementor\Controls_Manager::ICONS,
					'default' 	=> [
						'value' 	=> 'fas fa-arrow-circle-right',
						'library' 	=> 'all',	
					],
					'condition' => [
						'show_icon' => 'yes',
						'version' => 'version_1',
					]
				]
			);
  
		  $this->end_controls_section();
		  //END SECTION CONTENT
  
  
		  /* Begin General Style */
		  $this->start_controls_section(
			  'general',
			  [
				  'label' => esc_html__( 'General', 'prooty' ),
				  'tab' 	=> Controls_Manager::TAB_STYLE,
			  ]
		  );
  
			  $this->add_responsive_control(
				  'general_align',
				  [
					  'label' 	=> esc_html__( 'Alignment', 'prooty' ),
					  'type' 		=> \Elementor\Controls_Manager::CHOOSE,
					  'options' 	=> [
						  'left' => [
							  'title' => esc_html__( 'Left', 'prooty' ),
							  'icon' 	=> 'eicon-text-align-left',
						  ],
						  'center' => [
							  'title' => esc_html__( 'Center', 'prooty' ),
							  'icon' 	=> 'eicon-text-align-center',
						  ],
						  'right' => [
							  'title' => esc_html__( 'Right', 'prooty' ),
							  'icon' 	=> 'eicon-text-align-right',
						  ],
						  
					  ],
					  'toggle' 	=> true,
					  'selectors' => [
						  '{{WRAPPER}} .ova-blog .item .content' => 'text-align: {{VALUE}};',
						  
					  ],
				  ]
			  );

			  	$this->add_control(
					'general_gap',
					[
						'label' => esc_html__( 'Gap', 'prooty' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 60,
								'step' => 5,
							],
						],
						'selectors' => [
							'{{WRAPPER}} .ova-blog' => 'gap: {{SIZE}}{{UNIT}};',
						],
					]
				);
  
			  	$this->add_responsive_control(
				  	'general_padding',
				  	[
					  	'label' => esc_html__( 'Padding', 'prooty' ),
					  	'type' => Controls_Manager::DIMENSIONS,
					  	'size_units' => [ 'px', 'em', '%' ],
					  	'selectors' => [
						  	'{{WRAPPER}} .ova-blog .item .content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					  	],
				  	]
			  	);
  
			  
			  	$this->add_responsive_control(
				  	'general_margin',
				  	[
					  	'label' => esc_html__( 'Margin', 'prooty' ),
					  	'type' => Controls_Manager::DIMENSIONS,
					  	'size_units' => [ 'px', 'em', '%' ],
					  	'selectors' => [
						  	'{{WRAPPER}} .ova-blog .item .content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					  	],
				  	]
			  	);

			  	$this->start_controls_tabs(
					'general_tabs',
				);

					$this->start_controls_tab(
						'general_normal_tab',
						[
							'label' => esc_html__( 'Normal', 'prooty' ),
							'condition' => [
						  		'version' => 'version_1',
						  	],
						]
					);

					    $this->add_group_control(
							\Elementor\Group_Control_Background::get_type(),
							[
								'name' => 'general_background',
								'types' => [ 'classic', 'gradient'],
								'selector' => '{{WRAPPER}} .ova-blog .item .content',
								'condition' => [
							  		'version' => 'version_1',
							  	],
							]
						);

					$this->end_controls_tab();

					$this->start_controls_tab(
						'general_hover_tab',
						[
							'label' => esc_html__( 'Hover', 'prooty' ),
							'condition' => [
						  		'version' => 'version_1',
						  	],
						]
					);

					    $this->add_group_control(
							\Elementor\Group_Control_Background::get_type(),
							[
								'name' => 'general_background_hover',
								'types' => [ 'classic', 'gradient' ],
								'selector' => '{{WRAPPER}} .ova-blog .item:hover .content',
								'condition' => [
							  		'version' => 'version_1',
							  	],
							]
						);

					$this->end_controls_tab();

				$this->end_controls_tabs();
  
			    

			  	//version 2
				$this->start_controls_tabs(
					'style_tabs_version_2_background',

				);

					$this->start_controls_tab(
						'style_bg_normal_tab',
						[
							'label' => esc_html__( 'Normal', 'prooty' ),
							'condition' => [
						  		'version' => 'version_2',
						  	],
						]
					);
						$this->add_group_control(
							\Elementor\Group_Control_Background::get_type(),
							[
								'name' 		=> 	'background_template_2__item',
								'label' 	=> 	esc_html__( 'Background First Item', 'prooty' ),
								'types' 	=> 	[ 'classic', 'gradient' ],
								'selector' 	=> 	'{{WRAPPER}} .ova-blog.version_2 .item:not(:first-child) .content',
								'condition' => [
							  		'version' => 'version_2',
							  	],
							]
						);

					$this->end_controls_tab();				

					$this->start_controls_tab(
						'style_bg_first_item_tab',
						[
							'label' => esc_html__( 'First Item', 'prooty' ),
							'condition' => [
						  		'version' => 'version_2',
						  	],
						]
					);

						$this->add_group_control(
							\Elementor\Group_Control_Background::get_type(),
							[
								'name' 		=> 	'background_template_2_first_item',
								'label' 	=> 	esc_html__( 'Background First Item', 'prooty' ),
								'types' 	=> 	[ 'classic', 'gradient' ],
								'selector' 	=> 	'{{WRAPPER}} .ova-blog.version_2 .item:first-child .media a:after',
								'condition' => [
							  		'version' => 'version_2',
							  	],
							]
						);

						$this->add_group_control(
							\Elementor\Group_Control_Border::get_type(),
							[
								'name' => 'border_first-item-template-2',
								'label' => esc_html__( 'Border', 'prooty' ),
								'selector' => '{{WRAPPER}} .ova-blog.version_2 .item:first-child',
							]
						);

					$this->end_controls_tab();

				$this->end_controls_tabs();
  
		  	$this->end_controls_section();
		  	/* End General style */

		  	//BEGIN META STYLE
			$this->start_controls_section(
			    'section_meta',
			    [
				    'label' => esc_html__( 'Meta', 'prooty' ),
				    'tab' => \Elementor\Controls_Manager::TAB_STYLE,
			    ]
			);

			    $this->add_responsive_control(
				  	'margin_meta',
				  	[
					  	'label' => esc_html__( 'Margin', 'prooty' ),
					  	'type' => \Elementor\Controls_Manager::DIMENSIONS,
					  	'size_units' => [ 'px', 'em', '%' ],
					  	'selectors' => [
						  	'{{WRAPPER}} .ova-blog .item .content .post-meta' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					  	],
				  	]
				);

				$this->add_responsive_control(
				  	'padding_meta_item',
				  	[
					  	'label' => esc_html__( 'Padding', 'prooty' ),
					 	 'type' => \Elementor\Controls_Manager::DIMENSIONS,
					  	'size_units' => [ 'px', 'em', '%' ],
					  	'selectors' => [
							  '{{WRAPPER}} .ova-blog.version_1 .item .content .post-meta li' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					  	],
					 	 'condition' => [
						  		'version' => 'version_1',
						],
				 	 ]
				);
                
                $this->add_control(
				    'text_heading',
				    [
					    'label' => esc_html__( 'Text', 'prooty' ),
					    'type' => \Elementor\Controls_Manager::HEADING,
					    'separator' => 'before',	
				    ]
				);

				$this->add_group_control(
				    \Elementor\Group_Control_Typography::get_type(),
				    [
					    'name' => 'text_meta_typography',
					    'selector' => '{{WRAPPER}} .ova-blog .item .content .post-meta .item-meta .right .by',
				    ]
				);

				$this->add_control(
				    'text_color_meta',
				    [
					    'label' => esc_html__( 'Color', 'prooty' ),
					    'type' => \Elementor\Controls_Manager::COLOR,
					    'selectors' => [
						    '{{WRAPPER}} .item .content .post-meta .item-meta .right .by' => 'color : {{VALUE}};',
					    ],
				    ]
				);

				$this->add_control(
					'first_item_title_color',
					[
					  'label' => esc_html__( 'First Item Color', 'prooty' ),
					  'type' => \Elementor\Controls_Manager::COLOR,
					  'selectors' => [
						  '{{WRAPPER}} .ova-blog.version_2 .item:first-child .content .post-title a' => 'color : {{VALUE}};',
					  ],
					  'condition' => [
							'version' => 'version_2',
						]
					]
				);

				$this->add_control(
					'first_item_title_color_hover',
					[
					  'label' => esc_html__( 'First Item Color Hover', 'prooty' ),
					  'type' => \Elementor\Controls_Manager::COLOR,
					  'selectors' => [
						  '{{WRAPPER}} .ova-blog.version_2 .item:first-child:hover .content .post-title a' => 'color : {{VALUE}};',
					  ],
					  'condition' => [
							'version' => 'version_2',
						]
					]
				);

				$this->add_control(
				    'link_heading',
				    [
					    'label' => esc_html__( 'Author Name', 'prooty' ),
					    'type' => \Elementor\Controls_Manager::HEADING,
					    'separator' => 'before'
				    ]
				);

				$this->add_group_control(
				    \Elementor\Group_Control_Typography::get_type(),
				    [
					    'name' => 'link_meta_typography',
					    'selector' => '{{WRAPPER}} .ova-blog .item .content .post-meta .item-meta .right a',
				    ]
				);

				$this->add_control(
				    'link_color_meta',
				    [
					    'label' => esc_html__( 'Color', 'prooty' ),
					    'type' => \Elementor\Controls_Manager::COLOR,
					    'selectors' => [
						    '{{WRAPPER}} .ova-blog .item .content .post-meta .item-meta .right a' => 'color : {{VALUE}};',
					    ],
				    ]
				);

				$this->add_control(
				    'link_color_meta_hover',
				    [
					    'label' => esc_html__( 'Color Hover', 'prooty' ),
					    'type' => \Elementor\Controls_Manager::COLOR,
					    'selectors' => [
						    '{{WRAPPER}} .ova-blog .item .post-meta .item-meta .right a:hover' => 'color : {{VALUE}};',
					    ],
				    ]
				);

				$this->add_control(
				    'image_author_heading',
				    [
					    'label' => esc_html__( 'Image', 'prooty' ),
					    'type' => \Elementor\Controls_Manager::HEADING,
					    'separator' => 'before',
					    'condition' => [
							'version' => 'version_1',
						],
				    ]
				);

				$this->add_control(
				    'icon_author_heading',
				    [
					    'label' => esc_html__( 'Icon', 'prooty' ),
					    'type' => \Elementor\Controls_Manager::HEADING,
					    'separator' => 'before',
					    'condition' => [
							'version' => 'version_2',
						],
				    ]
				);

				$this->add_control(
					'author_image_size',
					[
						'label' => esc_html__( 'Size', 'prooty' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px', '%' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 200,
								'step' => 5,
							],
							'%' => [
								'min' => 0,
								'max' => 100,
							],
						],
						'selectors' => [
							'{{WRAPPER}} .ova-blog.version_1 .item .content .post-meta .item-meta.wp-author .author img' => 'width: {{SIZE}}{{UNIT}};',
						],
						'condition' => [
							'version' => 'version_1',
						],
					]
				);

				$this->add_control(
					'author_icon_size',
					[
						'label' => esc_html__( 'Size', 'prooty' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px', '%' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 70,
								'step' => 1,
							],
							'%' => [
								'min' => 0,
								'max' => 100,
							],
						],
						'selectors' => [
							'{{WRAPPER}} .ova-blog .item .content .post-meta .item-meta .left i' => 'font-size: {{SIZE}}{{UNIT}};',
						],
						'condition' => [
							'version' => 'version_2',
						],
					]
				);

				$this->add_control(
				  	'icon_color_meta',
				  	[
					  	'label' => esc_html__( 'Color', 'prooty' ),
					  	'type' => \Elementor\Controls_Manager::COLOR,
					  	'selectors' => [
						  	'{{WRAPPER}} .ova-blog .item .post-meta .item-meta .left' => 'color : {{VALUE}};',
					  	],
					  	'condition' => [
					  		'version' => 'version_2',
					  	],
				  	]
				);

				$this->add_group_control(
					\Elementor\Group_Control_Border::get_type(),
					[
						'name' => 'border_author',
						'selector' => '{{WRAPPER}} .ova-blog.version_1 .item .content .post-meta .item-meta.wp-author .author img',
						'condition' => [
							'version' => 'version_1',
						],
					]
				);
  
		  	$this->end_controls_section();
  
  
		  	//SECTION TAB STYLE TITLE
		  	$this->start_controls_section(
			  	'section_title',
			  	[
				  	'label' => esc_html__( 'Title', 'prooty' ),
				  	'tab' => \Elementor\Controls_Manager::TAB_STYLE,
			  	]
		  	);
  
				$this->add_group_control(
					\Elementor\Group_Control_Typography::get_type(),
					[
						'name' => 'title_typography',
						'selector' => '{{WRAPPER}} .ova-blog .item .content .post-title a',
						  
					]
				);
  
				$this->add_control(
					  'color_title',
					  [
						  'label' => esc_html__( 'Color', 'prooty' ),
						  'type' => \Elementor\Controls_Manager::COLOR,
						  'selectors' => [
							  '{{WRAPPER}} .ova-blog .item .content .post-title a' => 'color : {{VALUE}};',
						  ],
					  ]
				);
		  
				$this->add_control(
					  'color_title_hover',
					  [
						  'label' => esc_html__( 'Color Hover', 'prooty' ),
						  'type' => \Elementor\Controls_Manager::COLOR,
						  'selectors' => [
							  '{{WRAPPER}} .ova-blog .item:hover .content .post-title a' => 'color : {{VALUE}};',
						  ],
					  ]
				);
		  
				$this->add_responsive_control(
					  'margin_title',
					  [
						  'label' => esc_html__( 'Margin', 'prooty' ),
						  'type' => \Elementor\Controls_Manager::DIMENSIONS,
						  'size_units' => [ 'px', 'em', '%' ],
						  'selectors' => [
							  '{{WRAPPER}} .ova-blog .item .content .post-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						  ],
					  ]
				);
		  
				$this->add_responsive_control(
					'padding_title',
					[
						'label' => esc_html__( 'Padding', 'prooty' ),
						'type' => \Elementor\Controls_Manager::DIMENSIONS,
						'size_units' => [ 'px', 'em', '%' ],
						'selectors' => [
							'{{WRAPPER}} .ova-blog .item .content .post-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						],
					]
				);
  
		    $this->end_controls_section();
		    //END SECTION TAB STYLE TITLE
  
  
			$this->start_controls_section(
				'section_short_desc',
				[
					'label' => esc_html__( 'Short Description', 'prooty' ),
					'tab' => \Elementor\Controls_Manager::TAB_STYLE,
					'condition' => [
					  	'version' => ['version_1'],
					]
				]
			);
	  
				$this->add_group_control(
					\Elementor\Group_Control_Typography::get_type(),
					[
						'name' => 'short_descypography',
						'selector' => '{{WRAPPER}} .ova-blog .item .content .short_desc p',
						  
					]
				);
		  
				$this->add_control(
					'color_short_desc',
					[
						'label' => esc_html__( 'Color', 'prooty' ),
						'type' => \Elementor\Controls_Manager::COLOR,
						'selectors' => [
							  '{{WRAPPER}} .ova-blog .short_desc p' => 'color : {{VALUE}};',
						],
					]
				);
		  
				$this->add_responsive_control(
					'margin_short_desc',
					[
						'label' => esc_html__( 'Margin', 'prooty' ),
						'type' => \Elementor\Controls_Manager::DIMENSIONS,
						'size_units' => [ 'px', 'em', '%' ],
						'selectors' => [
							'{{WRAPPER}} .ova-blog .item .content .short_desc' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						],
					]
				);
		  
				$this->add_responsive_control(
					'padding_short_desc',
					[
						'label' => esc_html__( 'Padding', 'prooty' ),
						'type' => \Elementor\Controls_Manager::DIMENSIONS,
						'size_units' => [ 'px', 'em', '%' ],
						'selectors' => [
							'{{WRAPPER}} .ova-blog .item .content .short_desc' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						],
					]
				);  
	  
			$this->end_controls_section();
			//END SECTION TAB STYLE TITLE
  
			
		  // DATE TAB
		  $this->start_controls_section(
			  'date_section',
			  [
				  'label' => esc_html__( 'Date', 'prooty' ),
				  'tab' => \Elementor\Controls_Manager::TAB_STYLE,
			  ]
		  );

		  		$this->add_control(
					'date_position',
					[
						'label' => esc_html__( 'Alignment', 'prooty' ),
						'type' => \Elementor\Controls_Manager::CHOOSE,
						'options' => [
							'left' => [
								'title' => esc_html__( 'Left', 'prooty' ),
								'icon' => 'eicon-text-align-left',
							],
							'right' => [
								'title' => esc_html__( 'Right', 'prooty' ),
								'icon' => 'eicon-text-align-right',
							],
						],
						'default' => 'right',
						'toggle' => true,
						'selectors' => [
							'{{WRAPPER}} .ova-blog .item .media .post-date' => ' right:unset ; {{VALUE}} : 20px',
						],
						'condition' => [
							'version' => 'version_1',
						]
					]
				);

				$this->add_control(
				'date_position_version2',
					[
						'label' => esc_html__( 'Date Alignment', 'prooty' ),
						'type' => \Elementor\Controls_Manager::CHOOSE,
						'options' => [
							'left' => [
								'title' => esc_html__( 'Left', 'prooty' ),
								'icon' => 'eicon-text-align-left',
							],
							'right' => [
								'title' => esc_html__( 'Right', 'prooty' ),
								'icon' => 'eicon-text-align-right',
							],
						],
						'default' => 'right',
						'toggle' => true,
						'selectors' => [
							'{{WRAPPER}} .ova-blog.version_2 .item .media .post-date' => ' right : unset ; {{VALUE}} : 30px',
						],
						'condition' => [
							'version' => 'version_2',
						]
					]
				);

				$this->add_control(
				  'date_cat_color',
				  [
					  'label' => esc_html__( 'Background', 'prooty' ),
					  'type' => \Elementor\Controls_Manager::COLOR,
					  'selectors' => [
						  '{{WRAPPER}} .ova-blog .item .post-date, {{WRAPPER}} .ova-blog .item .post-date:before, {{WRAPPER}} .ova-blog .item .post-date:after' => 'background-color : {{VALUE}};',
					  ],
				  ]
			  );
	  
				$this->add_control(
					  'bg_date_color_hover',
					  [
						  'label' => esc_html__( 'Background Hover', 'prooty' ),
						  'type' => \Elementor\Controls_Manager::COLOR,
						  'selectors' => [
							  '{{WRAPPER}} .ova-blog .item:hover .post-date, {{WRAPPER}} .ova-blog .item:hover .post-date:before, {{WRAPPER}} .ova-blog .item:hover .post-date:after' => 'background-color : {{VALUE}};',
						  ],
					  ]
				);

		  		$this->add_control(
				    'day_heading',
				    [
					    'label' => esc_html__( 'Day', 'prooty' ),
					    'type' => \Elementor\Controls_Manager::HEADING,
					    'separator' => 'before'
				    ]
				);

  
			  $this->add_group_control(
				  \Elementor\Group_Control_Typography::get_type(),
				  [
					  'name' => 'date_top_typography',
					  'selector' => '{{WRAPPER}} .ova-blog .item .post-date span:first-child', 
				  ]
			  );

			  
	  
			  $this->add_control(
				  'date_color',
				  [
					  'label' => esc_html__( 'Color', 'prooty' ),
					  'type' => \Elementor\Controls_Manager::COLOR,
					  'selectors' => [
						  '{{WRAPPER}} .ova-blog .item .media .post-date .date-j' => 'color : {{VALUE}};',
					  ],
				  ]
			  );
	  
			  $this->add_control(
				  'date_color_hover',
				  [
					  'label' => esc_html__( 'Color Hover', 'prooty' ),
					  'type' => \Elementor\Controls_Manager::COLOR,
					  'selectors' => [
						  '{{WRAPPER}} .ova-blog .item:hover .media .post-date .date-j' => 'color : {{VALUE}};',
					  ],
				  ]
			  );
	  
				$this->add_control(
				    'month_heading',
				    [
					    'label' => esc_html__( 'Month', 'prooty' ),
					    'type' => \Elementor\Controls_Manager::HEADING,
					    'separator' => 'before'
				    ]
				);

				$this->add_group_control(
				    \Elementor\Group_Control_Typography::get_type(),
				    [
				   	    'name' => 'month_typography',
					    'selector' => '{{WRAPPER}} .ova-blog .item .post-date span:last-child', 
				    ]
			    );


				  $this->add_control(
					  'month_color',
					  [
						  'label' => esc_html__( 'Color', 'prooty' ),
						  'type' => \Elementor\Controls_Manager::COLOR,
						  'selectors' => [
							  '{{WRAPPER}} .ova-blog .item .media .post-date .date-f' => 'color : {{VALUE}};',
						  ],
					  ]
				  );
		  
				  $this->add_control(
					  'month_color_hover',
					  [
						  'label' => esc_html__( 'Color Hover', 'prooty' ),
						  'type' => \Elementor\Controls_Manager::COLOR,
						  'selectors' => [
							  '{{WRAPPER}} .ova-blog .item:hover .media .post-date .date-f' => 'color : {{VALUE}};',
						  ],
					  ]
				  );
		  
			$this->end_controls_section(); 
			// END Category Tab
	  
		    //SECTION TAB STYLE READMORE
		    $this->start_controls_section(
			    'section_readmore',
			    [
				    'label' => esc_html__( 'Read More', 'prooty' ),
				    'tab' => \Elementor\Controls_Manager::TAB_STYLE,
				    'condition' => [
				  	'version' => [
				  		'version_1',
				  	    ],
				    ]
			    ]
		    );
  
				$this->add_group_control(
					\Elementor\Group_Control_Typography::get_type(),
					[
					  'name' => 'readmore_typography',
					  'selector' => '{{WRAPPER}} .ova-blog .item .content .read-more a',
						  
					]
				);

				$this->add_control(
					'read_more_icon_size',
					[
						'label' => esc_html__( 'Icon Size', 'prooty' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px', '%' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 40,
								'step' => 1,
							],
							'%' => [
								'min' => 0,
								'max' => 100,
							],
						],
						'selectors' => [
							'{{WRAPPER}} .ova-blog .item .content .read-more i' => 'font-size: {{SIZE}}{{UNIT}};',
						],
					]
				);

				$this->add_responsive_control(
				  	'padding_read_more',
					[
						'label' => esc_html__( 'Padding', 'prooty' ),
						'type' => \Elementor\Controls_Manager::DIMENSIONS,
						'size_units' => [ 'px', 'em', '%' ],
						'selectors' => [
							'{{WRAPPER}} .ova-blog .item .content .read-more' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						],
					]
				);
  
	  
			  	$this->add_responsive_control(
				  	'margin_read_more',
					[
						'label' => esc_html__( 'Margin', 'prooty' ),
						'type' => \Elementor\Controls_Manager::DIMENSIONS,
						'size_units' => [ 'px', 'em', '%' ],
						'selectors' => [
							'{{WRAPPER}} .ova-blog .item .content .read-more' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						],
					]
				);

			  	$this->start_controls_tabs(
					'read_more_tabs'
				);

					$this->start_controls_tab(
						'style_normal_tab',
						[
							'label' => esc_html__( 'Normal', 'prooty' ),
						]
					);

						$this->add_control(
							'color_link_read_more',
							[
								'label' => esc_html__( 'Link Color', 'prooty' ),
								'type' => \Elementor\Controls_Manager::COLOR,
								'selectors' => [
									'{{WRAPPER}} .ova-blog .item .content .read-more a' => 'color : {{VALUE}};',
								],
							]
						);

						$this->add_control(
							'color_icon_read_more',
							[
								'label' => esc_html__( 'Icon Color', 'prooty' ),
								'type' => \Elementor\Controls_Manager::COLOR,
								'selectors' => [
									'{{WRAPPER}} .ova-blog .item .content .read-more i' => 'color : {{VALUE}};',
								],
							]
						);

						$this->add_group_control(
							\Elementor\Group_Control_Background::get_type(),
							[
								'name' => 'background_button_read_more',
								'types' => [ 'classic', 'gradient'],
								'selector' => '{{WRAPPER}} .ova-blog.version_1 .item .content .read-more',
							]
						);

					$this->end_controls_tab();

					$this->start_controls_tab(
						'style_hover_tab',
						[
							'label' => esc_html__( 'Hover', 'prooty' ),
						]
					);

						$this->add_control(
							'color_link_read_more_hover',
							[
								'label' => esc_html__( 'Link Color', 'prooty' ),
								'type' => \Elementor\Controls_Manager::COLOR,
								'selectors' => [
									'{{WRAPPER}} .ova-blog .item .content .read-more a:hover' => 'color : {{VALUE}};',
								],
							]
						);

						$this->add_control(
							'color_icon_read_more_hover',
							[
								'label' => esc_html__( 'Icon Color', 'prooty' ),
								'type' => \Elementor\Controls_Manager::COLOR,
								'selectors' => [
									'{{WRAPPER}} .ova-blog .item .content .read-more:hover i' => 'color : {{VALUE}};',
								],
							]
						);

						$this->add_group_control(
							\Elementor\Group_Control_Background::get_type(),
							[
								'name' => 'background_button_read_more_hover',
								'types' => [ 'classic', 'gradient'],
								'selector' => '{{WRAPPER}} .ova-blog.version_1 .item:hover .content .read-more',
							]
						);

					$this->end_controls_tab();

				$this->end_controls_tabs();
  
		  $this->end_controls_section();
		  //END SECTION TAB STYLE READMORE
	  }
  
	  /**
	   * Render the 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();
			$version 			=	$settings['version'];
			$category 			= 	$settings['category'];
			$total_count 		= 	$settings['total_count'];
			$order 				= 	$settings['order'];
			$order_by 			= 	$settings['order_by'];
			$number_column 		= 	$settings['number_column'];
			$order_text	 		= 	$settings['order_text'] ? $settings['order_text'] : '16';

			$show_date 			= 	$settings['show_date'];
			$show_author 		= 	$settings['show_author'];
			$show_title 		= 	$settings['show_title'];
			$show_short_desc 	= 	$settings['show_short_desc'];
			$show_comment 		= 	$settings['show_comment'];
			$show_read_more		= 	$settings['show_read_more'];
			$text_readmore 		= 	$settings['text_readmore'];
			$show_icon 			=	$settings['show_icon'];
			$icon_readmore 		=	$settings['icon_readmore'];



			if ( $version == 'version_2') {
				$number_column = 'column';
			}
  
			$args = [];
			
			if ($category == 'all') {
			  	$args = [
				  	'post_type' 		=> 'post',
				  	'post_status'       => 'publish',
				  	'posts_per_page' 	=> $total_count,
				  	'order' 			=> $order,
				  	'orderby' 			=> $order_by,
			  	];
			} else {
			  	$args = [
				  	'post_type' 		=> 	'post',
				  	'post_status'       => 'publish',
				  	'category_name'		=>	$category,
				  	'posts_per_page' 	=> 	$total_count,
				  	'order' 			=> 	$order,
				  	'orderby' 			=> $order_by,
				  	'fields'			=> 	'ids'
			  	];
			}

			$blog = new \WP_Query($args);

			?>

			<ul class="ova-blog ova-<?php echo esc_attr( $number_column ); ?> <?php echo esc_attr( $version); ?>">
			  	<?php
				  	if($blog->have_posts()) : while($blog->have_posts()) : $blog->the_post();
			  	?>
				  <li class="item">

				  	<div class="media">

					  	<?php
					  	    $post_id   = get_the_ID();
					  		$size_img  = $version == 'version_2' ? 'large' : 'prooty_thumbnail' ;
						  	$thumbnail = wp_get_attachment_image_url(get_post_thumbnail_id() , $size_img );
						  	$url_thumb = $thumbnail ? $thumbnail : \Elementor\Utils::get_placeholder_image_src();
					  	?>
					  	<div class="box-img">
					  		<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
							  	<img src="<?php echo esc_url( $url_thumb ) ?>" alt="<?php the_title(); ?>">
						  	</a>
					  	</div>

						<?php if( $show_date == 'yes' ){ ?>
							<div class="post-date">
								<span class="date-j"><?php the_time('j' );?></span>
								<span class="date-f"><?php the_time('M' );?></span>
							</div>
						<?php  } ?>

				  	</div>

				  	<div class="content">
							
					  	<ul class="post-meta">
							
						  	<?php if( $show_author == 'yes' ){ ?>
							  <li class="item-meta wp-author">
								  <span class="left author">
								  		<?php if($version == 'version_2') : ?>
									   		<i class="fas fa-user-circle"></i>
									   	<?php endif; ?>
									   <?php if($version == 'version_1') echo get_avatar(get_the_author_meta('ID')); ?>
								  </span>
								  <span class="right post-author">
								  		<span class="by">
								  			<?php if($version == 'version_1') { 
								  				echo esc_html__('posted by', 'prooty'); 
								  			}else{
								  				echo esc_html__('by', 'prooty');
								  			}  ?>

								  		</span>
								  		
									  	<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>">
										  	<?php the_author_meta( 'display_name' ); ?>
									  	</a>
								  </span>
							  </li>
					  		<?php } ;?>


						  	<?php if($show_comment == 'yes' && $version != 'version_1' ): ?>
							  	<li class="item-meta  post-comment">
								  	<span class="left comment">
									  	<i class="fas fa-comments"></i>
								  	</span>
								  	<span class="right comment">
									  	<?php
									  		comments_popup_link(
										  	esc_html__('0', 'prooty'), 
										  	esc_html__('1', 'prooty'), 
										  	'%',
										  	'',
										  	esc_html__( 'Comment off', 'prooty' ) )
									  	; ?> 
								  	</span>            
							  	</li>
						  	<?php endif; ?>

					  	</ul>
					  
						  <?php if( $show_title == 'yes' ){ ?>
							  <h2 class="post-title">
								  <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
									<?php the_title(); ?>
								  </a>
							  </h2>
						  <?php } ?>

						  <?php if( $show_short_desc == 'yes' && (($version == 'version_1')) ) { ?> 
							  	<div class="short_desc">
								  	<p><?php echo prooty_custom_text(get_the_excerpt(), $order_text); ?></p>
							  	</div>
						  <?php } ?>

						  <?php if( $show_read_more == 'yes' && $version == 'version_1'){ ?>	
							  <div class="read-more" >
							  		<div class="read-more-link">
							  			<?php 
									        \Elementor\Icons_Manager::render_icon( $icon_readmore, [ 'aria-hidden' => 'true' ] );
									    ?>
									  	<a href="<?php the_permalink(); ?>"><?php  echo esc_html( $text_readmore ); ?></a>
							  		</div>

								    <?php if($show_comment == 'yes'): ?>
								    	<div class="read-more-comment">
										  	<span class="left comment">
											  	<i class="fas fa-comments"></i>
										  	</span>
										  	<span class="right comment">
											  	<?php
											  		comments_popup_link(
												  	esc_html__('0', 'prooty'), 
												  	esc_html__('1', 'prooty'), 
												  	'%',
												  	'',
												  	esc_html__( 'Comment off', 'prooty' ) )
											  	; ?> 
										  	</span>              
										 </div>
								  	<?php endif; ?>
							  </div>
						  <?php }?>	

					  </div>
					  
				  </li>	
			  <?php
				  endwhile; endif; wp_reset_postdata();
			  ?>
			</ul>

		<?php
	}

	
}
$widgets_manager->register( new Prooty_Elementor_Blog() );