<?php
namespace Elementor;

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

class Themo_Widget_Image_Gallery extends Widget_Base {

	public function get_name() {
		return 'themo-image-gallery';
	}

	public function get_title() {
		return __( 'Image Gallery', 'th-widget-pack' );
	}

	public function get_icon() {
		return 'th-editor-icon-image-gallery';
	}

    public function get_categories() {
        return [ 'themo-elements' ];
    }

    public function get_help_url() {
		return 'https://help.themovation.com/' . $this->get_name();
	}
	
	protected function _register_controls() {
		$this->start_controls_section(
			'section_gallery',
			[
				'label' => __( 'Image Gallery', 'th-widget-pack' ),
			]
		);

		$this->add_control(
			'wp_gallery',
			[
				'label' => __( 'Add Images', 'th-widget-pack' ),
				'type' => Controls_Manager::GALLERY,
				'dynamic' => [
                    'active' => true,
                ],
			]
		);

		$this->add_group_control(
			Group_Control_Image_Size::get_type(),
			[
                'name' => 'thumbnail',
                'default' => 'th_img_sm_square',
				'exclude' => [ 'custom','themo-logo','th_img_xs','th_img_lg','th_img_xl','th_img_xxl','themo_team','themo_brands','full'],
			]
		);

		$gallery_columns = range( 1, 6 );
		$gallery_columns = array_combine( $gallery_columns, $gallery_columns );

		$this->add_control(
			'gallery_columns',
			[
				'label' => __( 'Columns', 'th-widget-pack' ),
				'type' => Controls_Manager::SELECT,
				'default' => 3,
				'options' => $gallery_columns,
			]
		);

		$this->add_control(
			'gallery_link',
			[
				'label' => __( 'Link to', 'th-widget-pack' ),
				'type' => Controls_Manager::SELECT,
				'default' => 'file',
				'options' => [
					'file' => __( 'Media File', 'th-widget-pack' ),
					'attachment' => __( 'Attachment Page', 'th-widget-pack' ),
					'none' => __( 'None', 'th-widget-pack' ),
				],
			]
		);

		$this->add_control(
			'gallery_rand',
			[
				'label' => __( 'Ordering', 'th-widget-pack' ),
				'type' => Controls_Manager::SELECT,
				'options' => [
					'' => __( 'Default', 'th-widget-pack' ),
					'rand' => __( 'Random', 'th-widget-pack' ),
				],
				'default' => '',
			]
		);

        $this->add_control(
            'image_stretch',
            [
                'label' => __( 'Image Stretch', 'th-widget-pack' ),
                'type' => Controls_Manager::SELECT,
                'default' => 'yes',
                'options' => [
                    'no' => __( 'No', 'th-widget-pack' ),
                    'yes' => __( 'Yes', 'th-widget-pack' ),
                ],
            ]
        );

		$this->add_control(
			'view',
			[
				'label' => __( 'View', 'th-widget-pack' ),
				'type' => Controls_Manager::HIDDEN,
				'default' => 'traditional',
			]
		);

		$this->end_controls_section();

		$this->start_controls_section(
			'section_caption',
			[
				'label' => __( 'Content', 'th-widget-pack' ),
				'tab' => Controls_Manager::TAB_STYLE,
			]
		);

        $this->add_responsive_control(
            'title_and_caption',
            [
                'label' => __( 'Titles & Captions', 'th-widget-pack' ),
                'type' => Controls_Manager::SELECT,
                'default' => 'none',
                'options' => [
                    'block' => __( 'Show', 'th-widget-pack' ),
                    'none' => __( 'Hide', 'th-widget-pack' ),
                ],
                'selectors' => [
                    '{{WRAPPER}} .elementor-image-gallery .gallery .gallery-text' => 'display: {{VALUE}};',
                ],
            ]
        );

        $this->add_responsive_control(
            'align',
            [
                'label' => __( 'Alignment', 'th-widget-pack' ),
                'type' => Controls_Manager::CHOOSE,
                'options' => [
                    'left' => [
                        'title' => __( 'Left', 'th-widget-pack' ),
                        'icon' => 'fa fa-align-left',
                    ],
                    'center' => [
                        'title' => __( 'Center', 'th-widget-pack' ),
                        'icon' => 'fa fa-align-center',
                    ],
                    'right' => [
                        'title' => __( 'Right', 'th-widget-pack' ),
                        'icon' => 'fa fa-align-right',
                    ],
                    'justify' => [
                        'title' => __( 'Justified', 'th-widget-pack' ),
                        'icon' => 'fa fa-align-justify',
                    ],
                ],
                'default' => 'center',
                'selectors' => [
                    '{{WRAPPER}} .image-title' => 'text-align: {{VALUE}};',
                    '{{WRAPPER}} .caption' => 'text-align: {{VALUE}};',
                ],
                'separator' => 'before',
            ]
        );

        $this->add_control(
            'section_gallery_image',
            [
                'label' => __( 'Images', 'elementor' ),
                'type' => Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_control(
            'gallery_filter_switcher',
            [
                'label' => __( 'Hover Effect', 'th-widget-pack' ),
                'type' => Controls_Manager::SWITCHER,
                'default' => 'no',
                'label_on' => __( 'Yes', 'th-widget-pack' ),
                'label_off' => __( 'No', 'th-widget-pack' ),
                'selectors' => [
                    '{{WRAPPER}} .gallery a.img-thumbnail:hover img' => 'filter: none',
                    '{{WRAPPER}} .gallery a.img-thumbnail:hover' => 'opacity: 1',
                ],
            ]
        );

        $this->add_group_control(
            Group_Control_Css_Filter::get_type(),
            [
                'name' => 'gallery_css_filters',
                'label'	=> __( 'CSS Filters', 'elementor' ),
                'selector' => '{{WRAPPER}} .gallery a.img-thumbnail img',
                'condition' => [
                    'gallery_filter_switcher' => 'yes',
                ],
            ]
        );



        /*$this->add_control(
            'gallery_hover_opacity',
            [
                'label' => __( 'Hover Opacity (%)', 'elementor' ),
                'type' => Controls_Manager::SLIDER,
                'default' => [
                    'unit' => 'px',
                    'size' => 0.7,
                ],
                'range' => [
                    'px' => [
                        'max' => 1,
                        'min' => 0.10,
                        'step' => 0.01,
                    ],
                ],
                'selectors' => [

                ],
            ]
        );*/


		$this->add_control(
            'section_gallery_heading',
            [
                'label' => __( 'Title', 'elementor' ),
                'type' => Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

		$this->add_control(
			'text_color',
			[
				'label' => __( 'Color', 'th-widget-pack' ),
				'type' => Controls_Manager::COLOR,
				'default' => '',
				'selectors' => [
					'{{WRAPPER}} .image-title' => 'color: {{VALUE}};',
				],

			]
		);

		$this->add_group_control(
			Group_Control_Typography::get_type(),
			[
				'name' => 'text_title_typography',
				'selector' => '{{WRAPPER}} .image-title',
				

			]
		);

        $this->add_responsive_control(
            'gallery_display_title',
            [
                'label' => __( 'Display', 'th-widget-pack' ),
                'type' => Controls_Manager::SELECT,
                'default' => 'none',
                'options' => [
                    'block' => __( 'Show', 'th-widget-pack' ),
                    'none' => __( 'Hide', 'th-widget-pack' ),
                ],
                'selectors' => [
                    '{{WRAPPER}} .image-title' => 'display: {{VALUE}};',
                ],

            ]
        );

		$this->add_control(
            'section_gallery_caption',
            [
                'label' => __( 'Caption', 'elementor' ),
                'type' => Controls_Manager::HEADING,
                'separator' => 'before',

            ]
        );

		$this->add_control(
			'caption_text_color',
			[
				'label' => __( 'Color', 'th-widget-pack' ),
				'type' => Controls_Manager::COLOR,
				'default' => '',
				'selectors' => [
					'{{WRAPPER}} .caption' => 'color: {{VALUE}};',
				],

			]
		);

		$this->add_group_control(
			Group_Control_Typography::get_type(),
			[
				'name' => 'caption_title_typography',
				'selector' => '{{WRAPPER}} .caption',
				

			]
		);

        $this->add_responsive_control(
            'gallery_display_caption',
            [
                'label' => __( 'Display', 'th-widget-pack' ),
                'type' => Controls_Manager::SELECT,
                'default' => 'none',
                'options' => [
                    'block' => __( 'Show', 'th-widget-pack' ),
                    'none' => __( 'Hide', 'th-widget-pack' ),
                ],
                'selectors' => [
                    '{{WRAPPER}} .gallery-text .caption' => 'display: {{VALUE}};',
                ],

            ]
        );


		$this->end_controls_section();
	}

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

		if ( ! $settings['wp_gallery'] ) {
			return;
		}

        $gallery_class = false;
        if ( 'yes' === $settings['image_stretch'] ) {
            $gallery_class = 'th-image-stretch';
        }

		$ids = wp_list_pluck( $settings['wp_gallery'], 'id' );

		$this->add_render_attribute( 'shortcode', 'ids', esc_attr(implode( ',', $ids )) );
		$this->add_render_attribute( 'shortcode', 'size', esc_attr( $settings['thumbnail_size'] ) );

		if ( $settings['gallery_columns'] ) {
			$this->add_render_attribute( 'shortcode', 'columns', esc_attr( $settings['gallery_columns'] ) );
		}

		if ( $settings['gallery_link'] ) {
			$this->add_render_attribute( 'shortcode', 'link', esc_attr( $settings['gallery_link'] ) );
		}

		if ( ! empty( $settings['gallery_rand'] ) ) {
			$this->add_render_attribute( 'shortcode', 'orderby', esc_attr( $settings['gallery_rand'] ) );
		}
		?>
		<div class="elementor-image-gallery <?php echo esc_attr( $gallery_class ); ?>">
			<?php echo do_shortcode( '[gallery ' . sanitize_text_field( $this->get_render_attribute_string( 'shortcode' ) ) . ']' ); ?>
		</div>
		<?php
	}

	protected function content_template() {}
}

Plugin::instance()->widgets_manager->register_widget_type( new Themo_Widget_Image_Gallery() );