<?php

namespace Aepro\Modules\BgSlider;

use Elementor\Controls_Manager;
use Elementor\Group_Control_Image_Size;
use Elementor\Group_Control_Background;
use Aepro\Aepro_Control_Manager;
use Aepro\Aepro;

class Module
{

	private static $_instance = null;

	public static function instance()
	{
		if (is_null(self::$_instance)) {
			self::$_instance = new self();
		}
		return self::$_instance;
	}

	private function __construct()
	{
		add_action('elementor/element/before_section_start', [$this, '_add_controls'], 10, 3);

		add_action('elementor/frontend/element/before_render', [$this, '_before_render'], 10, 1);

		add_action('elementor/frontend/column/before_render', [$this, '_before_render'], 10, 1);
		add_action('elementor/frontend/section/before_render', [$this, '_before_render'], 10, 1);

		add_action('elementor/element/print_template', [$this, '_print_template'], 10, 2);
		add_action('elementor/section/print_template', [$this, '_print_template'], 10, 2);
		add_action('elementor/column/print_template', [$this, '_print_template'], 10, 2);

		add_action('wp_enqueue_scripts', [$this, '_enqueue_scripts']);
	}

	public function _add_controls($element, $section_id, $args)
	{
		if (('section' === $element->get_name() && 'section_advanced' === $section_id) || ('column' === $element->get_name() && 'section_advanced' === $section_id)) {


			$element->start_controls_section(
				'_aepro_section_bg_slider',
				[
					'label' => __('Background Slider', 'ae-pro'),
					'tab'   => Aepro_Control_Manager::TAB_AE_PRO,
				]
			);

			$ae_bg_gallery_type['default'] = 'Default';

			if (class_exists('acf_pro')) {
				$ae_bg_gallery_type['acf'] = __('ACF Gallery', 'ae-pro');
			}
			if (is_plugin_active('pods/init.php')) {
				$ae_bg_gallery_type['pods'] = __('PODS Gallery', 'ae-pro');
			}

			$element->add_control(
				'ae_bg_gallery_type',
				[
					'label'        => __('Type', 'ae-pro'),
					'type'         => Controls_Manager::SELECT,
					'options'      => $ae_bg_gallery_type,
					'default'      => 'default',
					'prefix_class' => 'ae-bg-gallery-type-',
					'render_type'  => 'template'
				]
			);

			$element->add_control(
				'aepro_bg_slider_images',
				[
					'label'     => __('Add Images', 'ae-pro'),
					'type'      => Controls_Manager::GALLERY,
					'default'   => [],
					'condition' => [
						'ae_bg_gallery_type' => 'default',
					]
				]
			);

			$ae_bg_gallery_source = [];

			if (class_exists('ACF') || class_exists('acf')) {
				$ae_bg_gallery_source['custom_field']      = __('Post Custom Field', 'ae-pro');
				$ae_bg_gallery_source['term_custom_field'] = __('Term Custom Field', 'ae-pro');
				$ae_bg_gallery_source['option_page_custom_field'] = __('Option Page Custom Field', 'ae-pro');
			}

			$element->add_control(
				'ae_bg_gallery_source',
				[
					'label'        => __('Source', 'ae-pro'),
					'type'         => Controls_Manager::SELECT,
					'options'      => $ae_bg_gallery_source,
					'default'      => 'custom_field',
					'prefix_class' => 'ae-featured-bg-source-',
					'condition'    => [
						'ae_bg_gallery_type!' => 'default',
					],
					'render_type'  => 'template'
				]
			);

			$element->add_control(
				'bg_gallery_custom_field_name',
				[
					'label'       => __('Custom Field Name (field slug)', 'ae-pro'),
					'type'        => Controls_Manager::TEXT,
					'label_block' => true,
					'condition'   => [
						'ae_bg_gallery_type!' => 'default',
					]
				]
			);

			$element->add_group_control(
				Group_Control_Image_Size::get_type(),
				[
					'name' => 'thumbnail',
				]
			);

			/*$slides_to_show = range( 1, 10 );
			$slides_to_show = array_combine( $slides_to_show, $slides_to_show );

			$element->add_control(
				'slides_to_show',
				[
					'label' => __( 'Slides to Show', 'ae-pro' ),
					'type' => Controls_Manager::SELECT,
					'default' => '3',
					'options' => $slides_to_show,
				]
			);*/
			/*$element->add_control(
                'slide',
                [
                    'label' => __( 'Initial Slide', 'ae-pro' ),
                    'type' => Controls_Manager::TEXT,
                    'label_block' => true,
					'placeholder' => __( 'Initial Slide', 'ae-pro' ),
					'default' => __( '0', 'ae-pro' ),
                ]
            );*/

			$element->add_control(
				'slider_transition',
				[
					'label'   => __('Transition', 'ae-pro'),
					'type'    => Controls_Manager::SELECT,
					'options' => [
						'fade'        => __('Fade', 'ae-pro'),
						'fade2'       => __('Fade2', 'ae-pro'),
						'slideLeft'   => __('slide Left', 'ae-pro'),
						'slideLeft2'  => __('Slide Left 2', 'ae-pro'),
						'slideRight'  => __('Slide Right', 'ae-pro'),
						'slideRight2' => __('Slide Right 2', 'ae-pro'),
						'slideUp'     => __('Slide Up', 'ae-pro'),
						'slideUp2'    => __('Slide Up 2', 'ae-pro'),
						'slideDown'   => __('Slide Down', 'ae-pro'),
						'slideDown2'  => __('Slide Down 2', 'ae-pro'),
						'zoomIn'      => __('Zoom In', 'ae-pro'),
						'zoomIn2'     => __('Zoom In 2', 'ae-pro'),
						'zoomOut'     => __('Zoom Out', 'ae-pro'),
						'zoomOut2'    => __('Zoom Out 2', 'ae-pro'),
						'swirlLeft'   => __('Swirl Left', 'ae-pro'),
						'swirlLeft2'  => __('Swirl Left 2', 'ae-pro'),
						'swirlRight'  => __('Swirl Right', 'ae-pro'),
						'swirlRight2' => __('Swirl Right 2', 'ae-pro'),
						'burn'        => __('Burn', 'ae-pro'),
						'burn2'       => __('Burn 2', 'ae-pro'),
						'blur'        => __('Blur', 'ae-pro'),
						'blur2'       => __('Blur 2', 'ae-pro'),
						'flash'       => __('Flash', 'ae-pro'),
						'flash2'      => __('Flash 2', 'ae-pro'),
						'random'      => __('Random', 'ae-pro')
					],
					'default' => 'fade',
				]
			);
			$element->add_control(
				'slider_animation',
				[
					'label'   => __('Animation', 'ae-pro'),
					'type'    => Controls_Manager::SELECT,
					'options' => [
						'kenburns'          => __('Kenburns', 'ae-pro'),
						'kenburnsUp'        => __('Kenburns Up', 'ae-pro'),
						'kenburnsDown'      => __('Kenburns Down', 'ae-pro'),
						'kenburnsRight'     => __('Kenburns Right', 'ae-pro'),
						'kenburnsLeft'      => __('Kenburns Left', 'ae-pro'),
						'kenburnsUpLeft'    => __('Kenburns Up Left', 'ae-pro'),
						'kenburnsUpRight'   => __('Kenburns Up Right', 'ae-pro'),
						'kenburnsDownLeft'  => __('Kenburns Down Left', 'ae-pro'),
						'kenburnsDownRight' => __('Kenburns Down Right', 'ae-pro'),
						'random'            => __('Random', 'ae-pro'),
						''                  => __('None', 'ae-pro')
					],
					'default' => 'kenburns',
				]
			);

			$element->add_control(
				'custom_overlay_switcher',
				[
					'label'        => __('Custom Overlay', 'ae-pro'),
					'type'         => Controls_Manager::SWITCHER,
					'default'      => '',
					'label_on'     => __('Show', 'ae-pro'),
					'label_off'    => __('Hide', 'ae-pro'),
					'return_value' => 'yes',
				]
			);
			/*$element->add_control(
				'custom_overlay',
				[
					'label' => __( 'Overlay Image', 'ae-pro' ),
					'type' => Controls_Manager::MEDIA,
					'condition' => [
						'custom_overlay_switcher' => 'yes',
					]
				]
			);*/
			$element->add_group_control(
				Group_Control_Background::get_type(),
				[
					'name'      => 'slider_custom_overlay',
					'label'     => __('Overlay Image', 'ae-pro'),
					'types'     => ['none', 'classic', 'gradient'],
					'selector'  => '{{WRAPPER}} .vegas-overlay',
					'condition' => [
						'custom_overlay_switcher' => 'yes',
					]
				]
			);
			$element->add_control(
				'slider_overlay',
				[
					'label'     => __('Overlay', 'ae-pro'),
					'type'      => Controls_Manager::SELECT,
					'options'   => [
						''   => __('None', 'ae-pro'),
						'01' => __('Style 1', 'ae-pro'),
						'02' => __('Style 2', 'ae-pro'),
						'03' => __('Style 3', 'ae-pro'),
						'04' => __('Style 4', 'ae-pro'),
						'05' => __('Style 5', 'ae-pro'),
						'06' => __('Style 6', 'ae-pro'),
						'07' => __('Style 7', 'ae-pro'),
						'08' => __('Style 8', 'ae-pro'),
						'09' => __('Style 9', 'ae-pro')
					],
					'default'   => '01',
					'condition' => [
						'custom_overlay_switcher' => '',
					]
				]
			);
			$element->add_control(
				'slider_cover',
				[
					'label'   => __('Cover', 'ae-pro'),
					'type'    => Controls_Manager::SELECT,
					'options' => [
						'true'  => __('True', 'ae-pro'),
						'false' => __('False', 'ae-pro')
					],
					'default' => 'true',
				]
			);
			$element->add_control(
				'slider_delay',
				[
					'label'       => __('Delay', 'ae-pro'),
					'type'        => Controls_Manager::TEXT,
					'label_block' => true,
					'placeholder' => __('Delay', 'ae-pro'),
					'default'     => __('5000', 'ae-pro'),
				]
			);
			$element->add_control(
				'slider_timer_bar',
				[
					'label'   => __('Timer', 'ae-pro'),
					'type'    => Controls_Manager::SELECT,
					'options' => [
						'true'  => __('True', 'ae-pro'),
						'false' => __('False', 'ae-pro')
					],
					'default' => 'true',
				]
			);

			$element->add_control(
				'ae_section_column_background_slider_alert',
				[
					'type' => Controls_Manager::RAW_HTML,
					'content_classes' => 'ae_pro_alert',
					'raw' => __(Aepro::$_helper->get_widget_admin_note_html("Know more about Section/Column Background Slider", "https://wpvibes.link/go/background-slider"), 'ae-pro'),
					'separator' => 'none',
				]
			);

			$element->end_controls_section();
		}
	}

	function _before_render(\Elementor\Element_Base $element)
	{

		if ($element->get_name() != 'section' && $element->get_name() != 'column') {
			return;
		}
		$settings = $element->get_settings();

		$post_data = Aepro::$_helper->get_demo_post_data();

		$element->add_render_attribute('_wrapper', 'class', 'has_ae_slider');
		$element->add_render_attribute('aepro-bs-background-slideshow-wrapper', 'class', 'aepro-bs-background-slideshow-wrapper');

		$element->add_render_attribute('aepro-bs-backgroundslideshow', 'class', 'aepro-at-backgroundslideshow');

		$slides = [];

		if ($element->get_settings('ae_bg_gallery_type') == 'default') {

			if (empty($settings['aepro_bg_slider_images'])) {
				return;
			}

			foreach ($settings['aepro_bg_slider_images'] as $attachment) {
				$image_url = Group_Control_Image_Size::get_attachment_image_src($attachment['id'], 'thumbnail', $settings);
				$slides[]  = ['src' => $image_url];
			}
		} elseif ($element->get_settings('ae_bg_gallery_type') == 'acf') {
			//$images = [];

			if ($element->get_settings('ae_bg_gallery_source') == 'custom_field') {

				if (class_exists('acf_pro')) {
					$images = get_field($element->get_settings('bg_gallery_custom_field_name'), $post_data->ID);
				} elseif (class_exists('acf_plugin_photo_gallery')) {
					$images_arr = [];
					$images_arr = acf_photo_gallery($element->get_settings('bg_gallery_custom_field_name'), $post_data->ID);
					$index      = 0;
					foreach ($images_arr as $img) {
						$images[$index]['ID']       = $img['id'];
						$images[$index]['id']       = $img['id'];
						$images[$index]['title']    = $img['title'];
						$images[$index]['filename'] = $img['title'];
						$images[$index]['url']      = $img['full_image_url'];
						$image_sizes                  = Aepro::$_helper->ae_get_intermediate_image_sizes_for_acf_photo_gallery();
						foreach ($image_sizes as $image_size => $size_data) {
							$img_data                                            = wp_get_attachment_image_src($img['id'], $image_size);
							$images[$index]['sizes'][$size_data]             = $img_data[0];
							$images[$index]['sizes'][$size_data . '-width']  = $img_data[1];
							$images[$index]['sizes'][$size_data . '-height'] = $img_data[2];
						}
						$index = $index + 1;
					}
				}
			} elseif ($element->get_settings('ae_bg_gallery_source') == 'term_custom_field') {

				// if (Plugin::instance()->editor->is_edit_mode()) {
				//$term = $helper->get_preview_term_data();
				// } else {
				$term = get_queried_object();
				//}

				$images = get_field($element->get_settings('bg_gallery_custom_field_name'), $term);
			} elseif ($element->get_settings('ae_bg_gallery_source') == 'option_page_custom_field') {
				$images = get_field($element->get_settings('bg_gallery_custom_field_name'), 'option', true);
			}

			if (empty($images)) {
				return;
			}

			foreach ($images as $attachment) {
				$image_url = Group_Control_Image_Size::get_attachment_image_src($attachment['ID'], 'thumbnail', $settings);
				$slides[]  = ['src' => $image_url];
			}
		} elseif ($element->get_settings('ae_bg_gallery_type') == 'pods') {
			$images = get_post_meta($post_data->ID, $element->get_settings('bg_gallery_custom_field_name'));

			if (empty($images)) {
				return;
			}

			foreach ($images as $attachment) {
				$image_url = Group_Control_Image_Size::get_attachment_image_src($attachment['ID'], 'thumbnail', $settings);
				$slides[]  = ['src' => $image_url];
			}
		}

		if (empty($slides)) {
			return;
		}
		//echo '<pre>'; print_r($settings); echo '</pre>';
?>

		<script type="text/javascript">
			jQuery(document).ready(function() {
				jQuery(".elementor-element-<?php echo $element->get_id(); ?>").prepend('<div class="aepro-section-bs"><div class="aepro-section-bs-inner"></div></div>');
				var bgimage = '<?php echo $settings["slider_custom_overlay_image"]['url']; ?>';
				if ('<?php echo $settings["custom_overlay_switcher"]; ?>' == 'yes') {

					//if(bgimage == ''){
					//    var bgoverlay = '<?php echo $settings["slider_custom_overlay_image"]['url']; ?>';
					//}else{
					var bgoverlay = '<?php echo plugins_url() . "/anywhere-elementor-pro/includes/assets/lib/vegas/overlays/00.png"; ?>';
					// }
				} else {
					if ('<?php echo $settings["slider_overlay"]; ?>') {
						var bgoverlay = '<?php echo plugins_url() . "/anywhere-elementor-pro/includes/assets/lib/vegas/overlays/" . $settings["slider_overlay"] . ".png"; ?>';
					} else {
						var bgoverlay = '<?php echo plugins_url() . "/anywhere-elementor-pro/includes/assets/lib/vegas/overlays/00.png"; ?>';
					}
				}


				jQuery(".elementor-element-<?php echo $element->get_id(); ?>").children('.aepro-section-bs').children('.aepro-section-bs-inner').vegas({
					slides: <?php echo json_encode($slides) ?>,
					transition: '<?php echo $settings['slider_transition']; ?>',
					animation: '<?php echo $settings['slider_animation']; ?>',
					overlay: bgoverlay,
					cover: <?php echo $settings['slider_cover']; ?>,
					delay: <?php echo $settings['slider_delay']; ?>,
					timer: <?php echo $settings['slider_timer_bar']; ?>
				});
				if ('<?php echo $settings["custom_overlay_switcher"]; ?>' == 'yes') {
					jQuery(".elementor-element-<?php echo $element->get_id(); ?>").children('.aepro-section-bs').children('.aepro-section-bs-inner').children('.vegas-overlay').css('background-image', '');
				}
			});
		</script>
	<?php
	}

	function _print_template($template, $widget)
	{	
		if ($widget->get_name() != 'section' && $widget->get_name() != 'column') {
			return $template;
		}

		$old_template = $template;
		ob_start();
	?>
		<# 
			var rand_id=Math.random().toString(36).substring(7); 
			var slides_path_string = '' ; 
			var aepro_transition = settings.slider_transition; 
			var aepro_animation = settings.slider_animation; 
			var aepro_custom_overlay = settings.custom_overlay_switcher; 
			var aepro_overlay='' ; 
			var aepro_cover = settings.slider_cover; 
			var aepro_delay = settings.slider_delay; 
			var aepro_timer = settings.slider_timer_bar; 
			
			if(!_.isUndefined(settings.aepro_bg_slider_images) && settings.aepro_bg_slider_images.length){ 
				var slider_data=[]; 
				slides = settings.aepro_bg_slider_images; 
				
				for(var i in slides){ 
					slider_data[i]=slides[i].url; 
				} 
				slides_path_string = slider_data.join(); 
			} 
			
			if(settings.custom_overlay_switcher=='yes' ){ 
				//if(settings.slider_custom_overlay_image.url){ 
				//	aepro_overlay=settings.slider_custom_overlay_image.url; 
				//}else{ 
					aepro_overlay='00.png' ; 
				//} }else{ 
					if(settings.slider_overlay){ 
						aepro_overlay=settings.slider_overlay + '.png' ; 
					}else{ aepro_overlay='00.png' ; 
					} 
				} if(settings.ae_bg_gallery_type=='acf' || settings.ae_bg_gallery_type=='pods' ){ 
					slides_path_string=['<?php echo plugins_url('anywhere-elementor-pro') . '/includes/assets/images/aep-placeholder.jpg' ?>', '<?php echo plugins_url('anywhere-elementor-pro') . '/includes/assets/images/aep-placeholder.jpg' ?>' ].join(); 
					
				} 
				
			#>

			<div class="aepro-section-bs">
				<div class="aepro-section-bs-inner" data-aepro-bg-slider="{{ slides_path_string }}" data-aepro-bg-slider-transition="{{ aepro_transition }}" data-aepro-bg-slider-animation="{{ aepro_animation }}" data-aepro-bg-custom-overlay="{{ aepro_custom_overlay }}" data-aepro-bg-slider-overlay="{{ aepro_overlay }}" data-aepro-bg-slider-cover="{{ aepro_cover }}" data-aepro-bs-slider-delay="{{ aepro_delay }}" data-aepro-bs-slider-timer="{{ aepro_timer }}"></div>
			</div>

	<?php
		$slider_content = ob_get_contents();
		ob_end_clean();
		$template = $slider_content . $old_template;

		return $template;
	}

	function _enqueue_scripts()
	{
		wp_enqueue_style('vegas-css');
		wp_enqueue_script('vegas');
	}
}