<?php
namespace AcademyEA\Widgets;

use \Elementor\Widget_Base;
use \Elementor\Controls_Manager;
use Elementor\Group_Control_Border;
use Elementor\Group_Control_Background;
use AcademyEA\Traits\CommonStyle;

class Dashboard extends Widget_Base {
	use CommonStyle;

	public function get_name() {
		return 'academyea-dashboard';
	}

	public function get_title() {
		return esc_html__( 'User Dashboard', 'academy-elementor-addons' );
	}

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

	public function get_categories() {
		return [ 'academyea-widgets' ];
	}

	public function get_keywords() {
		return [ 'course', 'dashboard', 'academy', 'lms' ];
	}

	protected function register_controls() {

		// Dashboard Menu
		$this->start_controls_section(
			'dashboard_menu',
			[
				'label' => __( 'Dashboard Menu Wrap', 'academy-elementor-addons' ),
				'tab' => Controls_Manager::TAB_STYLE,
			]
		);
        $this->normal_element(
            'dashboard_menu_bg_style',
            '{{WRAPPER}} .academy-container .academy-row .academy-col-lg-12 .academy-frontend-dashboard__sidebar , .academy-dashboard-menu',
            [ 'background']
        );
		$this->normal_element(
			'dashboard_menu_normal_style',
			'{{WRAPPER}} .academy-dashboard-menu, {{WRAPPER}} .academy-container .academy-row .academy-col-lg-12 .academy-frontend-dashboard__sidebar',
			[ 'background', 'border', 'radius', 'box_shadow', 'padding', 'margin' ]
		);

		$this->end_controls_section();

		// User Info
		$this->start_controls_section(
			'dashboard_user_info',
			[
				'label' => __( 'Dashboard Menu User Info', 'academy-elementor-addons' ),
				'tab' => Controls_Manager::TAB_STYLE,
			]
		);

		$this->add_control(
			'dashboard_user_thumbnail',
			[
				'label' => esc_html__( 'User Thumbnail', 'academy-elementor-addons' ),
				'type' => \Elementor\Controls_Manager::HEADING,
				'separator' => 'after',
			]
		);

		$this->normal_element(
			'dashboard_user_thumbnail_style',
			'{{WRAPPER}} .academy-frontend-dashboard__user .user-title img',
			[ 'border', 'radius' ]
		);

		$this->size_element(
			'dashboard_user_thumbnail_style',
			'_dashboard_user_thumbnail_style',
			'{{WRAPPER}} .academy-frontend-dashboard__user .user-title img',
			[ 'width', 'height' ]
		);

		$this->add_control(
			'user_name_typography',
			[
				'label' => esc_html__( 'User Name', 'academy-elementor-addons' ),
				'type' => \Elementor\Controls_Manager::HEADING,
				'separator' => 'after',
			]
		);

		$this->normal_element(
			'user_name_typography_style',
			'{{WRAPPER}} .academy-frontend-dashboard__user .user-title .academy-dashboard-menu__item-label, {{WRAPPER}} .academy-frontend-dashboard__user .academy-frontend-dashboard__user-dropdown .academy-user-info .academy-entry-right .academy-user-name',
			[ 'typography', 'color' ]
		);

		$this->add_control(
			'user_designation_typography',
			[
				'label' => esc_html__( 'User Information', 'academy-elementor-addons' ),
				'type' => \Elementor\Controls_Manager::HEADING,
				'separator' => 'after',
			]
		);

		$this->normal_element(
			'user_designation_typography_style',
			'{{WRAPPER}} .academy-frontend-dashboard__user .academy-frontend-dashboard__user-dropdown li a, {{WRAPPER}} .academy-frontend-dashboard__user .academy-frontend-dashboard__user-dropdown li a .academy-icon:before',
			[ 'typography', 'color' ]
		);
		

		$this->end_controls_section();

		// Menu Item
		$this->start_controls_section(
			'dashboard_menu_item',
			[
				'label' => __( 'Dashboard Menu Item', 'academy-elementor-addons' ),
				'tab' => Controls_Manager::TAB_STYLE,
			]
		);

		$this->start_controls_tabs( 'dashboard_menu_item_tabs_style' );

		$this->start_controls_tab(
			'dashboard_menu_item_normal_tab',
			[
				'label' => esc_html__( 'Normal', 'academy-elementor-addons' ),
			]
		);
		$this->normal_element(
			'dashboard_menu_item_normal_style',
			'{{WRAPPER}} .academy-dashboard-menu li a, {{WRAPPER}} .academy-dashboard-menu li a .academy-icon:before',
			[ 'typography', 'color', 'background', 'border', 'radius', 'padding', 'margin' ],

		);

		$this->add_control(
			'dashboard_menu_item_normal_icon_color',
			[
				'label' => esc_html__( 'Icon Style', 'academy-elementor-addons' ),
				'type' => \Elementor\Controls_Manager::HEADING,
				'separator' => 'after',
			]
		);

        $this->add_control(
            'dashboard_menu_item_normal_style_icon_color',
            [
                'label' => __( 'Icon Color', 'academy-elementor-addons' ),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .academy-dashboard-menu li a i.academy-icon:before' => 'color: {{VALUE}};',
                ],
            ]
        );


		$this->end_controls_tab();

		$this->start_controls_tab(
			'dashboard_menu_item_hover_tab',
			[
				'label' => esc_html__( 'Hover', 'academy-elementor-addons' ),
			]
		);

		$this->hover_element(
			'dashboard_menu_item_hover_style',
			'{{WRAPPER}} .academy-dashboard-menu li a:hover, {{WRAPPER}} .academy-dashboard-menu li a:hover .academy-icon:before',
			[ 'typography', 'color', 'background', 'border', 'radius', 'padding', 'margin' ],
		);

		$this->add_control(
			'dashboard_menu_item_hover_style_icon_color',
			[
				'label' => __( 'Icon Color', 'academy-elementor-addons' ),
				'type' => \Elementor\Controls_Manager::COLOR,
				'selectors' => [
					'{{WRAPPER}} .academy-dashboard-menu li a:hover i.academy-icon:before' => 'color: {{VALUE}};',
				],
			]
		);

		$this->end_controls_tab();

		$this->end_controls_tabs();

		$this->end_controls_section();

		// Menu Item Separator
		$this->start_controls_section(
			'menu_item_separator',
			[
				'label' => __( 'Menu Item Separator', 'academy-elementor-addons' ),
				'tab' => Controls_Manager::TAB_STYLE,
			]
		);

		$this->normal_element(
			'menu_item_separator_style',
			'{{WRAPPER}} .academy-dashboard-menu__item-courses:before, {{WRAPPER}} .academy-dashboard-menu__item-index:before, {{WRAPPER}} .academy-dashboard-menu__item-settings:before',
			[ 'height', 'width', 'background', 'margin', 'padding' ]
		);

		$this->add_responsive_control(
			'menu_item_separator_width_style',
			[
				'label' => esc_html__( 'Separator Width', 'academy-elementor-addons' ),
				'type'  => \Elementor\Controls_Manager::SLIDER,
				'size_units' => [ 'px', '%'],
				'range' => [
					'px' => [
						'min' => 0,
						'max' => 20,
					],
					'%' => [
						'min' => 0,
						'max' => 100,
					]
				],
				'selectors' => [
					'{{WRAPPER}} .academy-dashboard-menu__item-courses:before, 
					{{WRAPPER}} .academy-dashboard-menu__item-index:before, 
					{{WRAPPER}} .academy-dashboard-menu__item-settings:before' => 'width: {{SIZE}}{{UNIT}};',
				],
			]
		);

		$this->add_responsive_control(
			'menu_item_separator_height_style',
			[
				'label' => esc_html__( 'Separator Height', 'academy-elementor-addons' ),
				'type'  => \Elementor\Controls_Manager::SLIDER,
				'size_units' => [ 'px', '%'],
				'range' => [
					'px' => [
						'min' => 0,
						'max' => 20,
					],
					'%' => [
						'min' => 0,
						'max' => 100,
					]
				],
				'selectors' => [
					'{{WRAPPER}} .academy-dashboard-menu__item-courses:before, 
					{{WRAPPER}} .academy-dashboard-menu__item-index:before, 
					{{WRAPPER}} .academy-dashboard-menu__item-settings:before' => 'height: {{SIZE}}{{UNIT}};',
				],
			]
		);


		$this->end_controls_section();

		// Dashboard top bar
		$this->start_controls_section(
			'dashboard_top_bar',
			[
				'label' => __( 'Dashboard Top Bar', 'academy-elementor-addons' ),
				'tab' => Controls_Manager::TAB_STYLE,
			]
		);

		$this->normal_element(
			'dashboard_top_bar_normal_style',
			'{{WRAPPER}} .academy-frontend-dashboard .academy-topbar',
			[ 'background', 'border', 'radius', 'box_shadow', 'padding', 'margin' ]
		);

		$this->normal_element(
			'dashboard_top_bar_heading_normal_style',
			'{{WRAPPER}} .academy-frontend-dashboard .academy-topbar__entry-left .academy-topbar-heading',
			[ 'typography', 'color' ]
		);

		$this->end_controls_section();

		// Dashboard Content
		$this->start_controls_section(
			'dashboard_content',
			[
				'label' => __( 'Dashboard Content Wrap', 'academy-elementor-addons' ),
				'tab' => Controls_Manager::TAB_STYLE,
			]
		);

		$this->normal_element(
			'dashboard_content_normal_style',
			'{{WRAPPER}} .academy-analytics-cards',
			[ 'background', 'border', 'radius', 'box_shadow', 'padding', 'margin' ]
		);

		$this->end_controls_section();

		// Dashboard Content Heading
		$this->start_controls_section(
			'dashboard_content_heading',
			[
				'label' => __( 'Dashboard Content Heading', 'academy-elementor-addons' ),
				'tab' => Controls_Manager::TAB_STYLE,
			]
		);

		$this->normal_element(
			'dashboard_content_heading_style',
			'{{WRAPPER}} .academy-analytics-cards--card .academy-analytics-card--data h2',
			[ 'typography', 'color', 'margin', 'padding' ]
		);

		$this->end_controls_section();

		// Dashboard Content description
		$this->start_controls_section(
			'dashboard_content_description',
			[
				'label' => __( 'Dashboard Content Description', 'academy-elementor-addons' ),
				'tab' => Controls_Manager::TAB_STYLE,
			]
		);

		$this->normal_element(
			'dashboard_content_description_style',
			'{{WRAPPER}} .academy-analytics-cards--card .academy-analytics-card--data p',
			[ 'typography', 'color', 'margin', 'padding' ]
		);

		$this->end_controls_section();

		// Dashboard Table
		$this->start_controls_section(
			'dashboard_table_style',
			[
				'label' => __( 'Dashboard Table', 'academy-elementor-addons' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			]
		);

		// Background Control
		$this->add_group_control(
			Group_Control_Background::get_type(),
			[
				'name'     => 'dashboard_table_background',
				'label'    => __( 'Background', 'academy-elementor-addons' ),
				'types'    => [ 'classic', 'gradient' ],
				'selector' => '{{WRAPPER}} .academy-table',
			]
		);

		// Border Control
		$this->add_group_control(
			Group_Control_Border::get_type(),
			[
				'name'     => 'dashboard_table_border',
				'label'    => __( 'Border', 'academy-elementor-addons' ),
				'selector' => '{{WRAPPER}} .academy-table',
			]
		);

		// Border Radius
		$this->add_responsive_control(
			'dashboard_table_border_radius',
			[
				'label'      => __( 'Border Radius', 'academy-elementor-addons' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => [ 'px', '%' ],
				'selectors'  => [
					'{{WRAPPER}} .academy-table' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
			]
		);

		// Text Color Control
		$this->add_control(
			'dashboard_table_text_color',
			[
				'label'     => __( 'Text Color', 'academy-elementor-addons' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => [
					'{{WRAPPER}} .academy-table' => 'color: {{VALUE}};',
				],
			]
		);

		$this->end_controls_section();


	}


	protected function render() {
		?>
        <style>
            .wp-theme-astra.ast-single-post .entry-content a,.wp-theme-astra.ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
                text-decoration: none;
            }
        </style>
		<div class="academyea-widget-dashboard"><?php echo do_shortcode( '[academy_dashboard]' ); ?></div>
		<?php
	}

}