<?php

namespace Acadlix\Elementor\Widgets;

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

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

class CoursePrice extends BaseAddon
{
    use WidgetsTrait;

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

    public function get_icon()
    {
        return 'eicon-product-price';
    }

    protected function register_content_controls()
    {
        $courses = acadlix()
            ->model()
            ->course()
            ->ofCourse()
            ->pluck('post_title', 'ID')
            ->toArray();

        $this->start_controls_section(
            'course_price_general_settings',
            [
                'label' => __('General Settings', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_CONTENT,
            ]
        );

        $this->add_control(
            'course_price_course',
            array(
                'label' => __('Course', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT2,
                'options' => $courses,
                'default' => array(),
            )
        );

        $this->end_controls_section();

        $this->start_controls_section(
            'course_price_price_settings',
            [
                'label' => __('Price Settings', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_CONTENT,
            ]
        );

        $selector = '{{WRAPPER}} .aelms-course-price';
        $this->add_responsive_control(
            'course_price_display',
            [
                'label' => __('Display', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'block' => __('Block', 'acadlix-addon-for-elementor'),
                    'flex' => __('Flex', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'display: {{VALUE}};',
                ],
                'default' => 'flex',
            ]
        );

        $this->add_responsive_control(
            'course_price_flex_direction',
            [
                'label' => __('Flex Direction', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'row' => __('Row', 'acadlix-addon-for-elementor'),
                    'row-reverse' => __('Row Reverse', 'acadlix-addon-for-elementor'),
                    'column' => __('Column', 'acadlix-addon-for-elementor'),
                    'column-reverse' => __('Column Reverse', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'flex-direction: {{VALUE}};',
                ],
                'default' => 'row',
                'condition' => [
                    'course_price_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_price_justify_content',
            [
                'label' => __('Justify Content', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'flex-start' => __('Flex Start', 'acadlix-addon-for-elementor'),
                    'flex-end' => __('Flex End', 'acadlix-addon-for-elementor'),
                    'center' => __('Center', 'acadlix-addon-for-elementor'),
                    'space-between' => __('Space Between', 'acadlix-addon-for-elementor'),
                    'space-around' => __('Space Around', 'acadlix-addon-for-elementor'),
                    'space-evenly' => __('Space Evenly', 'acadlix-addon-for-elementor'),
                    'stretch' => __('Stretch', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'justify-content: {{VALUE}};',
                ],
                'default' => 'flex-start',
                'condition' => [
                    'course_price_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_price_align_items',
            [
                'label' => __('Align Items', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'flex-start' => __('Flex Start', 'acadlix-addon-for-elementor'),
                    'flex-end' => __('Flex End', 'acadlix-addon-for-elementor'),
                    'center' => __('Center', 'acadlix-addon-for-elementor'),
                    'baseline' => __('Baseline', 'acadlix-addon-for-elementor'),
                    'stretch' => __('Stretch', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'align-items: {{VALUE}};',
                ],
                'default' => 'center',
                'condition' => [
                    'course_price_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_price_gap',
            [
                'label' => __('Gap', 'acadlix-addon-for-elementor'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'size_units' => ['px', '%', 'em', 'rem', 'custom'],
                'range' => [
                    'px' => [
                        'min' => 0,
                        'max' => 100,
                        'step' => 1,
                    ],
                    '%' => [
                        'min' => 0,
                        'max' => 100,
                    ],
                ],
                'default' => [
                    'unit' => 'px',
                    'size' => 2,
                ],
                'selectors' => [
                    "{$selector}" => 'gap: {{SIZE}}{{UNIT}};',
                ],
                'condition' => [
                    'course_price_display' => 'flex',
                ],
            ]
        );

        $this->end_controls_section();

        $this->start_controls_section(
            'course_price_discount_settings',
            [
                'label' => __('Discount Settings', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_CONTENT,
            ]
        );

        $this->add_control(
            'course_price_discounted',
            [
                'label' => __('Show Discounted %', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SWITCHER,
                'label_on' => __('Show', 'acadlix-addon-for-elementor'),
                'label_off' => __('Hide', 'acadlix-addon-for-elementor'),
                'return_value' => 'yes',
                'default' => 'yes',
            ]
        );

        $selector = '{{WRAPPER}} .aelms-course-price-with-discount';
        $this->add_responsive_control(
            'course_price_with_discount_display',
            [
                'label' => __('Display', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'block' => __('Block', 'acadlix-addon-for-elementor'),
                    'flex' => __('Flex', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'display: {{VALUE}};',
                ],
                'default' => 'flex',
            ]
        );

        $this->add_responsive_control(
            'course_price_with_discount_flex_direction',
            [
                'label' => __('Flex Direction', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'row' => __('Row', 'acadlix-addon-for-elementor'),
                    'row-reverse' => __('Row Reverse', 'acadlix-addon-for-elementor'),
                    'column' => __('Column', 'acadlix-addon-for-elementor'),
                    'column-reverse' => __('Column Reverse', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'flex-direction: {{VALUE}};',
                ],
                'default' => 'row',
                'condition' => [
                    'course_price_with_discount_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_price_with_discount_justify_content',
            [
                'label' => __('Justify Content', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'flex-start' => __('Flex Start', 'acadlix-addon-for-elementor'),
                    'flex-end' => __('Flex End', 'acadlix-addon-for-elementor'),
                    'center' => __('Center', 'acadlix-addon-for-elementor'),
                    'space-between' => __('Space Between', 'acadlix-addon-for-elementor'),
                    'space-around' => __('Space Around', 'acadlix-addon-for-elementor'),
                    'space-evenly' => __('Space Evenly', 'acadlix-addon-for-elementor'),
                    'stretch' => __('Stretch', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'justify-content: {{VALUE}};',
                ],
                'default' => 'space-between',
                'condition' => [
                    'course_price_with_discount_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_price_with_discount_align_items',
            [
                'label' => __('Align Items', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'flex-start' => __('Flex Start', 'acadlix-addon-for-elementor'),
                    'flex-end' => __('Flex End', 'acadlix-addon-for-elementor'),
                    'center' => __('Center', 'acadlix-addon-for-elementor'),
                    'baseline' => __('Baseline', 'acadlix-addon-for-elementor'),
                    'stretch' => __('Stretch', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'align-items: {{VALUE}};',
                ],
                'default' => 'center',
                'condition' => [
                    'course_price_with_discount_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_price_with_discount_gap',
            [
                'label' => __('Gap', 'acadlix-addon-for-elementor'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'size_units' => ['px', '%', 'em', 'rem', 'custom'],
                'range' => [
                    'px' => [
                        'min' => 0,
                        'max' => 100,
                        'step' => 1,
                    ],
                    '%' => [
                        'min' => 0,
                        'max' => 100,
                    ],
                ],
                'default' => [
                    'unit' => 'px',
                    'size' => 2,
                ],
                'selectors' => [
                    "{$selector}" => 'gap: {{SIZE}}{{UNIT}};',
                ],
                'condition' => [
                    'course_price_with_discount_display' => 'flex',
                ],
            ]
        );

        $this->end_controls_section();

        $this->start_controls_section(
            'course_price_interval_settings',
            [
                'label' => __('Interval Settings', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_CONTENT,
            ]
        );

        $this->add_control(
            'course_price_interval',
            [
                'label' => __('Show Interval', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SWITCHER,
                'label_on' => __('Show', 'acadlix-addon-for-elementor'),
                'label_off' => __('Hide', 'acadlix-addon-for-elementor'),
                'return_value' => 'yes',
                'default' => 'yes',
            ]
        );

        $selector = '{{WRAPPER}} .aelms-course-price-with-interval';
        $this->add_responsive_control(
            'course_price_interval_display',
            [
                'label' => __('Display', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'block' => __('Block', 'acadlix-addon-for-elementor'),
                    'flex' => __('Flex', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'display: {{VALUE}};',
                ],
                'default' => 'flex',
            ]
        );

        $this->add_responsive_control(
            'course_price_interval_flex_direction',
            [
                'label' => __('Flex Direction', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'row' => __('Row', 'acadlix-addon-for-elementor'),
                    'row-reverse' => __('Row Reverse', 'acadlix-addon-for-elementor'),
                    'column' => __('Column', 'acadlix-addon-for-elementor'),
                    'column-reverse' => __('Column Reverse', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'flex-direction: {{VALUE}};',
                ],
                'default' => 'row',
                'condition' => [
                    'course_price_interval_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_price_interval_justify_content',
            [
                'label' => __('Justify Content', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'flex-start' => __('Flex Start', 'acadlix-addon-for-elementor'),
                    'flex-end' => __('Flex End', 'acadlix-addon-for-elementor'),
                    'center' => __('Center', 'acadlix-addon-for-elementor'),
                    'space-between' => __('Space Between', 'acadlix-addon-for-elementor'),
                    'space-around' => __('Space Around', 'acadlix-addon-for-elementor'),
                    'space-evenly' => __('Space Evenly', 'acadlix-addon-for-elementor'),
                    'stretch' => __('Stretch', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'justify-content: {{VALUE}};',
                ],
                'default' => 'flex-start',
                'condition' => [
                    'course_price_interval_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_price_interval_align_items',
            [
                'label' => __('Align Items', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'flex-start' => __('Flex Start', 'acadlix-addon-for-elementor'),
                    'flex-end' => __('Flex End', 'acadlix-addon-for-elementor'),
                    'center' => __('Center', 'acadlix-addon-for-elementor'),
                    'baseline' => __('Baseline', 'acadlix-addon-for-elementor'),
                    'stretch' => __('Stretch', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'align-items: {{VALUE}};',
                ],
                'default' => 'center',
                'condition' => [
                    'course_price_interval_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_price_interval_gap',
            [
                'label' => __('Gap', 'acadlix-addon-for-elementor'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'size_units' => ['px', '%', 'em', 'rem', 'custom'],
                'range' => [
                    'px' => [
                        'min' => 0,
                        'max' => 100,
                        'step' => 1,
                    ],
                    '%' => [
                        'min' => 0,
                        'max' => 100,
                    ],
                ],
                'default' => [
                    'unit' => 'px',
                    'size' => 2,
                ],
                'selectors' => [
                    "{$selector}" => 'gap: {{SIZE}}{{UNIT}};',
                ],
                'condition' => [
                    'course_price_interval_display' => 'flex',
                ],
            ]
        );

        $this->end_controls_section();

        // Purchase Type
        $this->start_controls_section(
            'course_price_purchase_type_settings',
            [
                'label' => __('Purchase Type', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_CONTENT,
            ]
        );

        $selector = '{{WRAPPER}} .aelms-purchase-type-radio-label';
        $this->add_responsive_control(
            'course_purchase_type_display',
            [
                'label' => __('Display', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'block' => __('Block', 'acadlix-addon-for-elementor'),
                    'flex' => __('Flex', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'display: {{VALUE}};',
                ],
                'default' => 'flex',
            ]
        );

        $this->add_responsive_control(
            'course_purchase_type_flex_direction',
            [
                'label' => __('Flex Direction', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'row' => __('Row', 'acadlix-addon-for-elementor'),
                    'row-reverse' => __('Row Reverse', 'acadlix-addon-for-elementor'),
                    'column' => __('Column', 'acadlix-addon-for-elementor'),
                    'column-reverse' => __('Column Reverse', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'flex-direction: {{VALUE}};',
                ],
                'default' => 'row',
                'condition' => [
                    'course_purchase_type_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_purchase_type_justify_content',
            [
                'label' => __('Justify Content', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'flex-start' => __('Flex Start', 'acadlix-addon-for-elementor'),
                    'flex-end' => __('Flex End', 'acadlix-addon-for-elementor'),
                    'center' => __('Center', 'acadlix-addon-for-elementor'),
                    'space-between' => __('Space Between', 'acadlix-addon-for-elementor'),
                    'space-around' => __('Space Around', 'acadlix-addon-for-elementor'),
                    'space-evenly' => __('Space Evenly', 'acadlix-addon-for-elementor'),
                    'stretch' => __('Stretch', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'justify-content: {{VALUE}};',
                ],
                'default' => 'flex-start',
                'condition' => [
                    'course_purchase_type_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_purchase_type_align_items',
            [
                'label' => __('Align Items', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'flex-start' => __('Flex Start', 'acadlix-addon-for-elementor'),
                    'flex-end' => __('Flex End', 'acadlix-addon-for-elementor'),
                    'center' => __('Center', 'acadlix-addon-for-elementor'),
                    'baseline' => __('Baseline', 'acadlix-addon-for-elementor'),
                    'stretch' => __('Stretch', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'align-items: {{VALUE}};',
                ],
                'default' => 'center',
                'condition' => [
                    'course_purchase_type_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_purchase_type_gap',
            [
                'label' => __('Gap', 'acadlix-addon-for-elementor'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'size_units' => ['px', '%', 'em', 'rem', 'custom'],
                'range' => [
                    'px' => [
                        'min' => 0,
                        'max' => 100,
                        'step' => 1,
                    ],
                    '%' => [
                        'min' => 0,
                        'max' => 100,
                    ],
                ],
                'default' => [
                    'unit' => 'px',
                    'size' => 2,
                ],
                'selectors' => [
                    "{$selector}" => 'gap: {{SIZE}}{{UNIT}};',
                ],
                'condition' => [
                    'course_purchase_type_display' => 'flex',
                ],
            ]
        );

        $this->end_controls_section();

        // Subscription Plan
        $this->start_controls_section(
            'course_price_subscription_plan_settings',
            [
                'label' => __('Subscription Plan', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_CONTENT,
            ]
        );

        $selector = '{{WRAPPER}} .aelms-subscription-plan-radio-title-price-info';
        $this->add_responsive_control(
            'course_subscription_plan_display',
            [
                'label' => __('Display', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'block' => __('Block', 'acadlix-addon-for-elementor'),
                    'flex' => __('Flex', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'display: {{VALUE}};',
                ],
                'default' => 'flex',
            ]
        );

        $this->add_responsive_control(
            'course_subscription_plan_flex_direction',
            [
                'label' => __('Flex Direction', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'row' => __('Row', 'acadlix-addon-for-elementor'),
                    'row-reverse' => __('Row Reverse', 'acadlix-addon-for-elementor'),
                    'column' => __('Column', 'acadlix-addon-for-elementor'),
                    'column-reverse' => __('Column Reverse', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'flex-direction: {{VALUE}};',
                ],
                'default' => 'row',
                'condition' => [
                    'course_subscription_plan_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_subscription_plan_justify_content',
            [
                'label' => __('Justify Content', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'flex-start' => __('Flex Start', 'acadlix-addon-for-elementor'),
                    'flex-end' => __('Flex End', 'acadlix-addon-for-elementor'),
                    'center' => __('Center', 'acadlix-addon-for-elementor'),
                    'space-between' => __('Space Between', 'acadlix-addon-for-elementor'),
                    'space-around' => __('Space Around', 'acadlix-addon-for-elementor'),
                    'space-evenly' => __('Space Evenly', 'acadlix-addon-for-elementor'),
                    'stretch' => __('Stretch', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'justify-content: {{VALUE}};',
                ],
                'default' => 'flex-start',
                'condition' => [
                    'course_subscription_plan_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_subscription_plan_align_items',
            [
                'label' => __('Align Items', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'flex-start' => __('Flex Start', 'acadlix-addon-for-elementor'),
                    'flex-end' => __('Flex End', 'acadlix-addon-for-elementor'),
                    'center' => __('Center', 'acadlix-addon-for-elementor'),
                    'baseline' => __('Baseline', 'acadlix-addon-for-elementor'),
                    'stretch' => __('Stretch', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'align-items: {{VALUE}};',
                ],
                'default' => 'center',
                'condition' => [
                    'course_subscription_plan_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_subscription_plan_gap',
            [
                'label' => __('Gap', 'acadlix-addon-for-elementor'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'size_units' => ['px', '%', 'em', 'rem', 'custom'],
                'range' => [
                    'px' => [
                        'min' => 0,
                        'max' => 100,
                        'step' => 1,
                    ],
                    '%' => [
                        'min' => 0,
                        'max' => 100,
                    ],
                ],
                'default' => [
                    'unit' => 'px',
                    'size' => 2,
                ],
                'selectors' => [
                    "{$selector}" => 'gap: {{SIZE}}{{UNIT}};',
                ],
                'condition' => [
                    'course_subscription_plan_display' => 'flex',
                ],
            ]
        );

        $this->end_controls_section();

        // Subscription Plan Detail
        $this->start_controls_section(
            'course_price_subscription_plan_detail_settings',
            [
                'label' => __('Subscription Plan Detail', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_CONTENT,
            ]
        );

        $this->add_control(
            'course_subscription_plan_detail_icon',
            [
                'label' => __('Add Icon', 'acadlix-addon-for-elementor'),
                'type' => \Elementor\Controls_Manager::ICONS,
                'default' => [
                    'value' => 'fas fa-check',
                    'library' => 'fa-solid',
                ],
            ]
        );

        $this->add_control(
            'course_subscription_plan_detail',
            [
                'label' => __('Show Subscription Plan Detail', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SWITCHER,
                'label_on' => __('Show', 'acadlix-addon-for-elementor'),
                'label_off' => __('Hide', 'acadlix-addon-for-elementor'),
                'return_value' => 'yes',
                'default' => 'yes',
            ]
        );

        $selector = '{{WRAPPER}} .aelms-subscription-plan-detail';
        $this->add_responsive_control(
            'course_subscription_plan_detail_display',
            [
                'label' => __('Display', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'block' => __('Block', 'acadlix-addon-for-elementor'),
                    'flex' => __('Flex', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'display: {{VALUE}};',
                ],
                'default' => 'flex',
            ]
        );

        $this->add_responsive_control(
            'course_subscription_plan_detail_flex_direction',
            [
                'label' => __('Flex Direction', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'row' => __('Row', 'acadlix-addon-for-elementor'),
                    'row-reverse' => __('Row Reverse', 'acadlix-addon-for-elementor'),
                    'column' => __('Column', 'acadlix-addon-for-elementor'),
                    'column-reverse' => __('Column Reverse', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'flex-direction: {{VALUE}};',
                ],
                'default' => 'row',
                'condition' => [
                    'course_subscription_plan_detail_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_subscription_plan_detail_justify_content',
            [
                'label' => __('Justify Content', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'flex-start' => __('Flex Start', 'acadlix-addon-for-elementor'),
                    'flex-end' => __('Flex End', 'acadlix-addon-for-elementor'),
                    'center' => __('Center', 'acadlix-addon-for-elementor'),
                    'space-between' => __('Space Between', 'acadlix-addon-for-elementor'),
                    'space-around' => __('Space Around', 'acadlix-addon-for-elementor'),
                    'space-evenly' => __('Space Evenly', 'acadlix-addon-for-elementor'),
                    'stretch' => __('Stretch', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'justify-content: {{VALUE}};',
                ],
                'default' => 'flex-start',
                'condition' => [
                    'course_subscription_plan_detail_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_subscription_plan_detail_align_items',
            [
                'label' => __('Align Items', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'flex-start' => __('Flex Start', 'acadlix-addon-for-elementor'),
                    'flex-end' => __('Flex End', 'acadlix-addon-for-elementor'),
                    'center' => __('Center', 'acadlix-addon-for-elementor'),
                    'baseline' => __('Baseline', 'acadlix-addon-for-elementor'),
                    'stretch' => __('Stretch', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'align-items: {{VALUE}};',
                ],
                'default' => 'center',
                'condition' => [
                    'course_subscription_plan_detail_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_subscription_plan_detail_gap',
            [
                'label' => __('Gap', 'acadlix-addon-for-elementor'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'size_units' => ['px', '%', 'em', 'rem', 'custom'],
                'range' => [
                    'px' => [
                        'min' => 0,
                        'max' => 100,
                        'step' => 1,
                    ],
                    '%' => [
                        'min' => 0,
                        'max' => 100,
                    ],
                ],
                'default' => [
                    'unit' => 'px',
                    'size' => 2,
                ],
                'selectors' => [
                    "{$selector}" => 'gap: {{SIZE}}{{UNIT}};',
                ],
                'condition' => [
                    'course_subscription_plan_detail_display' => 'flex',
                ],
            ]
        );

        $this->end_controls_section();

        $this->start_controls_section(
            'course_featured_settings',
            array(
                'label' => __('Featured Setting', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_CONTENT,
            )
        );

        $selector = '{{WRAPPER}} .aelms-subscription-plan-title-featured-info';
        $this->add_control(
            'course_featured_icon',
            [
                'label' => __('Add Icon', 'acadlix-addon-for-elementor'),
                'type' => \Elementor\Controls_Manager::ICONS,
                'default' => [
                    'value' => 'fas fa-star',
                    'library' => 'fa-solid',
                ],
            ]
        );

        $this->add_control(
            'course_featured_icon_show',
            [
                'label' => __('Show featured icon', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SWITCHER,
                'label_on' => __('Show', 'acadlix-addon-for-elementor'),
                'label_off' => __('Hide', 'acadlix-addon-for-elementor'),
                'return_value' => 'yes',
                'default' => 'yes',
            ]
        );

        $this->add_responsive_control(
            'course_featured_icon_display',
            [
                'label' => __('Display', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'block' => __('Block', 'acadlix-addon-for-elementor'),
                    'flex' => __('Flex', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'display: {{VALUE}};',
                ],
                'default' => 'flex',
            ]
        );

        $this->add_responsive_control(
            'course_featured_icon_flex_direction',
            [
                'label' => __('Flex Direction', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'row' => __('Row', 'acadlix-addon-for-elementor'),
                    'row-reverse' => __('Row Reverse', 'acadlix-addon-for-elementor'),
                    'column' => __('Column', 'acadlix-addon-for-elementor'),
                    'column-reverse' => __('Column Reverse', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'flex-direction: {{VALUE}};',
                ],
                'default' => 'row',
                'condition' => [
                    'course_featured_icon_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_featured_icon_justify_content',
            [
                'label' => __('Justify Content', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'flex-start' => __('Flex Start', 'acadlix-addon-for-elementor'),
                    'flex-end' => __('Flex End', 'acadlix-addon-for-elementor'),
                    'center' => __('Center', 'acadlix-addon-for-elementor'),
                    'space-between' => __('Space Between', 'acadlix-addon-for-elementor'),
                    'space-around' => __('Space Around', 'acadlix-addon-for-elementor'),
                    'space-evenly' => __('Space Evenly', 'acadlix-addon-for-elementor'),
                    'stretch' => __('Stretch', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'justify-content: {{VALUE}};',
                ],
                'default' => 'flex-start',
                'condition' => [
                    'course_featured_icon_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_featured_icon_align_items',
            [
                'label' => __('Align Items', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'flex-start' => __('Flex Start', 'acadlix-addon-for-elementor'),
                    'flex-end' => __('Flex End', 'acadlix-addon-for-elementor'),
                    'center' => __('Center', 'acadlix-addon-for-elementor'),
                    'baseline' => __('Baseline', 'acadlix-addon-for-elementor'),
                    'stretch' => __('Stretch', 'acadlix-addon-for-elementor'),
                ],
                'selectors' => [
                    $selector => 'align-items: {{VALUE}};',
                ],
                'default' => 'center',
                'condition' => [
                    'course_featured_icon_display' => 'flex',
                ],
            ]
        );

        $this->add_responsive_control(
            'course_featured_icon_gap',
            [
                'label' => __('Gap', 'acadlix-addon-for-elementor'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'size_units' => ['px', '%', 'em', 'rem', 'custom'],
                'range' => [
                    'px' => [
                        'min' => 0,
                        'max' => 100,
                        'step' => 1,
                    ],
                    '%' => [
                        'min' => 0,
                        'max' => 100,
                    ],
                ],
                'default' => [
                    'unit' => 'px',
                    'size' => 2,
                ],
                'selectors' => [
                    "{$selector}" => 'gap: {{SIZE}}{{UNIT}};',
                ],
                'condition' => [
                    'course_featured_icon_display' => 'flex',
                ],
            ]
        );

        $this->end_controls_section();
    }

    protected function register_style_controls()
    {
        $sale_price_selector = '{{WRAPPER}} .aelms-course-sale_price';

        $this->start_controls_section(
            'course_sale_price_style_section',
            [
                'label' => __('Sale Price', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_STYLE,
            ]
        );

        $this->add_responsive_control(
            'course_sale_price_color',
            [
                'label' => __('Color', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::COLOR,
                'selectors' => [
                    $sale_price_selector => 'color: {{VALUE}};',
                ],
                'default' => '#161616',
            ]
        );
        $this->add_group_control(
            Group_Control_Typography::get_type(),
            array(
                'name' => 'course_sale_price_typography',
                'label' => __('Typography', 'acadlix-addon-for-elementor'),
                'selector' => $sale_price_selector,
                'fields_options' => [
                    'typography' => [
                        'default' => 'yes'
                    ],
                    'font_size' => [
                        'default' => [
                            'size' => 22,
                            'unit' => 'px',
                        ],
                    ],
                ],
            )
        );

        $this->end_controls_section();

        $regular_price_selector = '{{WRAPPER}} .aelms-course-regular-price';

        $this->start_controls_section(
            'course_regular_price_style_section',
            [
                'label' => __('Regular Price', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_responsive_control(
            'course_regular_price_color',
            [
                'label' => __('Color', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::COLOR,
                'selectors' => [
                    $regular_price_selector => 'color: {{VALUE}};',
                ],
                'default' => '#818998',
            ]
        );

        $this->add_group_control(
            Group_Control_Typography::get_type(),
            [
                'name' => 'course_regular_price_typography',
                'label' => __('Typography', 'acadlix-addon-for-elementor'),
                'selector' => $regular_price_selector,
                'fields_options' => [
                    'typography' => [
                        'default' => 'yes'
                    ],
                    'font_size' => [
                        'default' => [
                            'size' => 16,
                            'unit' => 'px',
                        ],
                    ],
                    'text_decoration' => [
                        'default' => 'line-through'
                    ]
                ],
            ]
        );

        $this->end_controls_section();

        $discount_selector = '{{WRAPPER}} .aelms-course-discount-percent';

        $this->start_controls_section(
            'course_discount_style_section',
            [
                'label' => __('Discount Percent', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_responsive_control(
            'course_discount_color',
            [
                'label' => __('Color', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::COLOR,
                'selectors' => [
                    $discount_selector => 'color: {{VALUE}};',
                ],
                'default' => '#fff',
            ]
        );

        $this->add_responsive_control(
            'course_discount_background_color',
            [
                'label' => __('Background Color', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::COLOR,
                'selectors' => [
                    $discount_selector => 'background-color: {{VALUE}};',
                ],
                'default' => '#0073e6',
            ]
        );

        $this->add_responsive_control(
            'course_discount_padding',
            [
                'label' => __('Padding', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%'],
                'selectors' => [
                    $discount_selector => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'default' => [
                    'unit' => 'px',
                    'top' => 4,
                    'right' => 4,
                    'bottom' => 4,
                    'left' => 4,
                ],
            ]
        );

        $this->add_group_control(
            Group_Control_Typography::get_type(),
            [
                'name' => 'course_discount_typography',
                'label' => __('Typography', 'acadlix-addon-for-elementor'),
                'selector' => $discount_selector,
            ]
        );

        $this->end_controls_section();

        $this->start_controls_section(
            'course_purchase_type_style_section',
            [
                'label' => __('Purchase type', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_STYLE,
            ]
        );

        $purchase_type_selector = '{{WRAPPER}} .aelms-purchase-option';

        $this->add_responsive_control(
            'course_purchase_type_color',
            [
                'label' => __('Color', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::COLOR,
                'selectors' => [
                    "{$purchase_type_selector} label" => 'color: {{VALUE}};',
                ],
                'default' => '#161616',
            ]
        );
        $this->add_group_control(
            Group_Control_Typography::get_type(),
            array(
                'name' => 'course_purchase_type_typography',
                'label' => __('Typography', 'acadlix-addon-for-elementor'),
                'selector' => "{$purchase_type_selector} label",
                'fields_options' => [
                    'typography' => [
                        'default' => 'yes'
                    ],
                    'font_size' => [
                        'default' => [
                            'size' => 18,
                            'unit' => 'px',
                        ],
                    ],
                    'font_weight' => [
                        'default' => '600'
                    ]
                ],
            )
        );

        $this->add_responsive_control(
            'course_purchase_type_padding',
            [
                'label' => __('Padding', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%'],
                'selectors' => [
                    $purchase_type_selector => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'default' => [
                    'unit' => 'px',
                    'top' => 4,
                    'right' => 4,
                    'bottom' => 4,
                    'left' => 4,
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Border::get_type(),
            [
                'name' => 'course_purchase_type_border',
                'label' => __('Border', 'acadlix-addon-for-elementor'),
                'selector' => "{{WRAPPER}} .aelms-one-time-and-subscription-price",
            ]
        );

        $this->add_responsive_control(
            'course_purchase_type_border_radius',
            [
                'label' => __('Border Radius', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%'],
                'selectors' => [
                    "{{WRAPPER}} .aelms-one-time-and-subscription-price" => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'default' => [
                    'top' => 6,
                    'right' => 6,
                    'bottom' => 6,
                    'left' => 6,
                    'unit' => 'px',
                    'isLinked' => true
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Box_Shadow::get_type(),
            [
                'name' => 'course_purchase_type_box_shadow',
                'label' => __('Box Shadow', 'acadlix-addon-for-elementor'),
                'selector' => "{{WRAPPER}} .aelms-one-time-and-subscription-price",
            ]
        );

        $this->end_controls_section();

        $this->start_controls_section(
            'course_subscription_plan_style_section',
            [
                'label' => __('Subscription Plan', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_STYLE,
            ]
        );

        $subscription_plan_selector = '{{WRAPPER}} .aelms-subscription-plan';

        $this->add_responsive_control(
            'course_subscription_plan_color',
            [
                'label' => __('Color', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::COLOR,
                'selectors' => [
                    "{$subscription_plan_selector} .aelms-subscription-plan-title" => 'color: {{VALUE}};',
                ],
                'default' => '#161616',
            ]
        );
        $this->add_group_control(
            Group_Control_Typography::get_type(),
            array(
                'name' => 'course_subscription_plan_typography',
                'label' => __('Typography', 'acadlix-addon-for-elementor'),
                'selector' => "{$subscription_plan_selector} .aelms-subscription-plan-title",
                'fields_options' => [
                    'typography' => [
                        'default' => 'yes'
                    ],
                    'font_size' => [
                        'default' => [
                            'size' => 16,
                            'unit' => 'px',
                        ],
                    ],
                    'font_weight' => [
                        'default' => '500'
                    ]
                ],
            )
        );

        $this->add_responsive_control(
            'course_subscription_plan_padding',
            [
                'label' => __('Padding', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%'],
                'selectors' => [
                    $subscription_plan_selector => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'default' => [
                    'unit' => 'px',
                    'top' => 4,
                    'right' => 4,
                    'bottom' => 4,
                    'left' => 4,
                ],
            ]
        );

        $this->add_responsive_control(
            'course_subscription_plan_margin',
            [
                'label' => __('Margin', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%'],
                'selectors' => [
                    $subscription_plan_selector => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Border::get_type(),
            [
                'name' => 'course_subscription_plan_border',
                'label' => __('Border', 'acadlix-addon-for-elementor'),
                'selector' => "{{WRAPPER}} .aelms-subscription-plan",
            ]
        );

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

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

        $this->end_controls_section();

        // Feature Icon
        $this->start_controls_section(
            'course_feature_icon_style_settings',
            array(
                'label' => __('Feature Icon', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_STYLE,
            )
        );

        $icon_selector = '{{WRAPPER}} .aelms-subscription-plan-featured i';
        $this->add_responsive_control(
            'course_feature_icon_color',
            [
                'label' => __('Color', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::COLOR,
                'selectors' => [
                    $icon_selector => 'color: {{VALUE}};',
                ],
                'default' => '#161616',
            ]
        );
        $this->add_group_control(
            Group_Control_Typography::get_type(),
            array(
                'name' => 'course_feature_icon_typography',
                'label' => __('Typography', 'acadlix-addon-for-elementor'),
                'selector' => $icon_selector,
                'fields_options' => [
                    'typography' => [
                        'default' => 'yes'
                    ],
                    'font_size' => [
                        'default' => [
                            'size' => 16,
                            'unit' => 'px',
                        ],
                    ],
                ],
            )
        );

        $this->end_controls_section();

        // Subscription Plan Detail Icon
        $this->start_controls_section(
            'course_subscription_detail_icon_style_settings',
            array(
                'label' => __('Subscription Plan Detail Icon', 'acadlix-addon-for-elementor'),
                'tab' => Controls_Manager::TAB_STYLE,
            )
        );

        $icon_selector = '{{WRAPPER}} .aelms-subscription-plan-detail i';
        $this->add_responsive_control(
            'course_subscription_detail_icon_color',
            [
                'label' => __('Color', 'acadlix-addon-for-elementor'),
                'type' => Controls_Manager::COLOR,
                'selectors' => [
                    $icon_selector => 'color: {{VALUE}};',
                ],
                'default' => '#161616',
            ]
        );
        $this->add_group_control(
            Group_Control_Typography::get_type(),
            array(
                'name' => 'course_subscription_detail_icon_typography',
                'label' => __('Typography', 'acadlix-addon-for-elementor'),
                'selector' => $icon_selector,
                'fields_options' => [
                    'typography' => [
                        'default' => 'yes'
                    ],
                    'font_size' => [
                        'default' => [
                            'size' => 16,
                            'unit' => 'px',
                        ],
                    ],
                ],
            )
        );

        $this->end_controls_section();
    }

    protected function render()
    {
        $course = aelms_get_course();
        if ($course) {
            ob_start();
            $settings = $this->get_settings_for_display();
            include AELMS_PLUGIN_DIR . 'templates/course/price.php';
            $html = ob_get_clean();
            echo wp_kses($html, aelms_allowed_html());
        }
    }
}