<?php

namespace Acadlix\Elementor\Widgets;

use Acadlix\Elementor\Traits\WidgetsTrait;
use Elementor\Controls_Manager;


defined('ABSPATH') || die();


class CourseThumbnail extends BaseAddon
{
    use WidgetsTrait;


    public function get_title()
    {
        return __('Course Thumbnail', 'acadlix-addon-for-elementor');
    }

    public function get_icon() {
		return 'eicon-featured-image';
	}

    protected function register_content_controls()
    {

    }

    protected function register_style_controls()
    {
        $selector = '{{WRAPPER}} .aelms-course-thumbnail img';
        $this->start_controls_section(
            'course_thumbnail_style_section',
            array(
                'label' => __('Style', 'acadlix-addon-for-elementor'),
            )
        );
        $this->start_controls_tabs('course_thumbnail_tabs');
        $this->start_controls_tab(
            'course_thumbnail_normal_tab',
            [
                'label' => __('Normal', 'acadlix-addon-for-elementor'),
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Css_Filter::get_type(),
            [
                'name' => 'course_thumbnail_filters',
                'selector' => "{$selector}",
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Border::get_type(),
            [
                'name' => 'course_thumbnail_border',
                'selector' => "{$selector}",
            ]
        );

        $this->add_responsive_control(
            'course_thumbnail_border_radius',
            [
                'label' => __('Border Radius', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%'],
                'selectors' => [
                    "{$selector}" => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'default' => [
                    'top' => 8,
                    'right' => 8,
                    'bottom' => 8,
                    'left' => 8,
                    'unit' => 'px',
                    'isLinked' => true
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Box_Shadow::get_type(),
            [
                'name' => 'course_thumbnail_box_shadow',
                'label' => __('Box Shadow', 'acadlix-addon-for-elementor'),
                'selector' => "{$selector}",
            ]
        );


        $this->end_controls_tab();
        $hover_selector = '{{WRAPPER}} .aelms-course-thumbnail img:hover';
        $this->start_controls_tab(
            'course_thumbnail_hover_tab',
            [
                'label' => __('Hover', 'acadlix-addon-for-elementor'),
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Css_Filter::get_type(),
            [
                'name' => 'course_thumbnail_hover_filters',
                'selector' => "{$hover_selector}",
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Border::get_type(),
            [
                'name' => 'course_thumbnail_hover_border',
                'selector' => "{$hover_selector}",
            ]
        );

        $this->add_responsive_control(
            'course_thumbnail_hover_border_radius',
            [
                'label' => __('Border Radius', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%'],
                'selectors' => [
                    "{$hover_selector}" => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'default' => [
                    'top' => 8,
                    'right' => 8,
                    'bottom' => 8,
                    'left' => 8,
                    'unit' => 'px',
                    'isLinked' => true
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Box_Shadow::get_type(),
            [
                'name' => 'course_thumbnail_hover_box_shadow',
                'label' => __('Box Shadow', 'acadlix-addon-for-elementor'),
                'selector' => "{$hover_selector}",
            ]
        );

        $this->end_controls_tab();
        $this->end_controls_tabs();

        $this->end_controls_section();

    }

    protected function render()
    {
        $course = aelms_get_course();
        if ($course) {
            ob_start();
            include AELMS_PLUGIN_DIR . 'templates/course/thumbnail.php';
            $html = ob_get_clean();
            echo wp_kses_post($html);
        }
    }
}