$25 GRAYBYTE WORDPRESS FILE MANAGER $63

<?php
namespace bopeaElementor\Widgets;
use Elementor\Widget_Base;
use Elementor\Controls_Manager;
use Elementor\Group_Control_Image_Size;
use Elementor\Group_Control_Typography;
use Elementor\Schemes\Color;
use Elementor\Schemes\Typography;
use Elementor\Utils;
use Elementor\Control_Media;
use Elementor\Group_Control_Border;
use Elementor\Group_Control_Box_Shadow;
use Elementor\Group_Control_Text_Shadow;
use Elementor\Group_Control_Background;
use Elementor\Repeater;
use Elementor\Icons_Manager;
if ( ! defined( 'ABSPATH' ) ) exit;

class bopea_feature_slider extends Widget_Base {

  public $base;

    public function get_name() {
        return 'bopea-feature-slider';
    }

    public function get_title() {
        return esc_html__( 'Feature Slider', 'bopea-function' );
    }

    public function get_icon() { 
        return 'eicon-elementor-circle jl-icons';
    }

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

    protected function register_controls() {

    $this->start_controls_section(
            'section_tab',
            [
                'label' => esc_html__('Post Query And Settings', 'bopea-function'),
            ]
        );

        $this->add_control(
          'post_type',
          [
              'label' =>esc_html__('Post types', 'bopea-function'),
              'description' => esc_html__( 'Choose post type to display posts', 'bopea-function' ),
              'type'      => Controls_Manager::SELECT,
              'default'   => 'post',            
               'options'   => $this->post_get_type(),             
          ]
      ); 

      $this->add_control(
        'post_type_tax',
        [
            'label' =>esc_html__('Post taxonomy', 'bopea-function'),
            'description' => esc_html__( 'Choose post type (category or tag)', 'bopea-function' ),
            'type'      => Controls_Manager::SELECT,
            'default'   => 'none',          
             'options'   => $this->post_get_taxs(),
             'condition' => [
               'post_type!'    => ['post']
             ]  
                        
        ]
    ); 

    $this->add_control(
      'term_slugs', [
        'label'       => esc_html__( 'Term Slug', 'bopea-function' ),
        'description' => esc_html__( 'Example: slug1,slug2,slug3', 'bopea-function' ),
        'type'        => Controls_Manager::TEXT,
        'label_block'   => true,
        'condition' => [
          'post_type!'    => ['post']
        ]  
      ]
      );
        
        $this->add_control(
            'categories',
            [
                'label' =>esc_html__('Select Categories', 'bopea-function'),
                'type'      => Controls_Manager::SELECT2,
                 'options'   => $this->post_categories(),
                'label_block' => true,
                'multiple'  => true,
                'condition' => [
                  'post_type'    => ['post']
                ]  
            ]
        ); 
         

        $this->add_control(
      'tags', [
        'label'       => esc_html__( 'Tag Slug', 'bopea-function' ),
        'description' => esc_html__( 'Example: tagslug1,tagslug2,tagslug3', 'bopea-function' ),
        'type'        => Controls_Manager::TEXT,
        'label_block'   => true,
        'condition' => [
          'post_type'    => ['post']
        ]  
      ]
      );  

        $this->add_control(
            'author',
            [
                'label' =>esc_html__('Author Filter', 'bopea-function'),
                'type'      => Controls_Manager::SELECT,
                'default'   => 'none',
                 'options'   => $this->post_author(),
                 'condition' => [
                   'post_type'    => ['post']
                 ]  
            ]
        ); 
        
      //   $this->add_control(
      //     'author',
      //     [
      //         'label' =>esc_html__('Select Author', 'bopea-function'),
      //         'type'      => Controls_Manager::SELECT2,
      //          'options'   => $this->post_author(),
      //         'label_block' => true,
      //         'multiple'  => true,
      //     ]
      // ); 
               

        $this->add_control(
      'posts_per_page',
      array(
        'label'       => esc_html__( 'Posts per Page', 'bopea-function' ),
        'type'        => Controls_Manager::NUMBER,
        'default'     => '3'
      )
    );

        $this->add_control(
      'offset',
      array(
        'label'       => esc_html__( 'Post Offset', 'bopea-function' ),
        'type'        => Controls_Manager::NUMBER,
        'default'     => '',
      )
    );
    

    $this->add_control(
      'format',
      array(
        'label'       => esc_html__( 'Post Format', 'bopea-function' ),
        'type'        => Controls_Manager::SELECT,
        'options'   => [
                        '0'               => esc_html__( 'All', 'bopea-function' ),
                        'gallery'        => esc_html__( 'Gallery', 'bopea-function' ),
                        'video'        => esc_html__( 'Video', 'bopea-function' ),
                        'audio'        => esc_html__( 'Audio', 'bopea-function' ),
                        'quote'        => esc_html__( 'Quote', 'bopea-function' ),
                    ],
        'default'     => '0',
        'condition' => [
          'post_type'    => ['post']
        ]  
      )
    );      

    $this->add_control(
      'post_not_in', [
        'label'       => esc_html__( 'Exclude Post IDs', 'bopea-function' ),
          'description' => esc_html__( 'Example: 1,2,3', 'bopea-function' ),
          'default'     => '',
        'type'        => Controls_Manager::TEXT,
        'label_block'   => true
      ]
      );   

      $this->add_control(
      'post_in', [
        'label'       => esc_html__( 'Post IDs Filter', 'bopea-function' ),
          'description' => esc_html__( 'Example: 1,2,3', 'bopea-function' ),
          'default'     => '',
        'type'        => Controls_Manager::TEXT,
        'label_block'   => true
      ]
      );    

      $this->add_control(
        'ignore_sticky_posts',
        [
            'label' => esc_html__( 'Enable sticky posts', 'bopea-function' ),
            'type' => Controls_Manager::SWITCHER,
            'return_value' => 'yes',
            'default' => 'no',
        ]
      );

      $this->add_control(
            'order',
            [
                'label'     =>esc_html__( 'Sort Order', 'bopea-function' ),
                'type'      => Controls_Manager::SELECT,
                'default'   => 'date_post',
                'options'   => [
                  'date_post'      =>esc_html__( 'Latest post', 'bopea-function' ),                        
                  'rand'      =>esc_html__( 'Random', 'bopea-function' ),
                  'update'      =>esc_html__( 'Latest updated', 'bopea-function' ),
                  'comment_count'      =>esc_html__( 'Popular comment', 'bopea-function' ),
                  'author'      =>esc_html__( 'Author', 'bopea-function' ),
                  'popular_most'      =>esc_html__( 'Popular views', 'bopea-function' ),
                  'popular_by_month'      =>esc_html__( 'Popular views by month', 'bopea-function' ),
                  'popular_by_week'      =>esc_html__( 'Popular views by week', 'bopea-function' ),
                  'alphabetical_order_decs'      =>esc_html__( 'Title DECS', 'bopea-function' ),
                  'alphabetical_order_asc'      =>esc_html__( 'Title ACS', 'bopea-function' ),
              ],
            ]
        );                   

    $this->end_controls_section();        
     
    $this->start_controls_section(
      'section_tab_style', [
        'label'  => esc_html__( 'Post Custom Style', 'bopea-function' ),
        'tab'     => Controls_Manager::TAB_STYLE,
      ]
        );      

       $this->add_control(
            'car_type',
            [
                'label'     =>esc_html__( 'Slider style', 'bopea-function' ),
                'type'      => Controls_Manager::SELECT,
                'default'   => 'mslider1',
                'options'   => [
                        'mslider1'      =>esc_html__( 'Overlay center', 'bopea-function' ),
                        'mslider2'      =>esc_html__( 'Overlay with background', 'bopea-function' ),                        
                    ],
            ]
        ); 

        $this->add_control(
          'jl_cus_img',
          [
              'label'     =>esc_html__( 'Image size', 'bopea-function' ),
              'type'      => Controls_Manager::SELECT,
              'default'   => '',
              'options'   => [
                      ''      =>esc_html__( 'Default image size', 'bopea-function' ),      
                      'bopea_large'      =>esc_html__( '1600 x 0', 'bopea-function' ),
                      'bopea_medium'      =>esc_html__( '1100 x 0', 'bopea-function' ),
                      'bopea_small'      =>esc_html__( '150 x 150', 'bopea-function' ),
                      'bopea_layouts'      =>esc_html__( '680 x 0', 'bopea-function' ),    
                      'medium'      =>esc_html__( 'Medium', 'bopea-function' ),                  
                  ],
          ]
        );
      
       $this->add_control(
            'car_effect',
            [
                'label'     =>esc_html__( 'Slider effect', 'bopea-function' ),
                'type'      => Controls_Manager::SELECT,
                'default'   => 'fade',
                'options'   => [
                        'fade'      =>esc_html__( 'Fade effect', 'bopea-function' ),
                        'slide'      =>esc_html__( 'Slide effect', 'bopea-function' ),
                        'parallax'      =>esc_html__( 'Paralax effect', 'bopea-function' ),
                    ],
            ]
        );

        $this->add_control(
          'tag',
          [
              'label' => __( 'Title Tag', 'bopea-function' ),
              'type' => Controls_Manager::SELECT,
              'options' => [
                  'h1' => 'H1',
                  'h2' => 'H2',
                  'h3' => 'H3',
                  'h4' => 'H4',
                  'h5' => 'H5',
                  'h6' => 'H6',
                  'div' => 'div'
              ],
              'default' => 'h2',
          ]
      );        

        $this->add_responsive_control(
        'sl_height_main',
        [
            'label' => __( 'Slider height', 'bopea-function' ),
            'type' => Controls_Manager::SLIDER,            
            'size_units' => [ 'px', 'vh' ],
            'default' => [
            'unit' => 'px',
            'size' => 550,
            ],
            'tablet_default' => [
              'unit' => 'px',
              'size' => 450,
            ],
            'mobile_default' => [
              'unit' => 'px',
              'size' => 400,
            ],
            'range' => [
                'px' => [
                    'min' => 1,
                    'max' => 2000,
                    'step' => 1,
                ],                
                'vh' => [
                  'min' => 0,
                  'max' => 100,
                ],
            ],
            'selectors' => [            
            '{{WRAPPER}} .jl-eb-sl' => '--jl-slider-h: {{SIZE}}{{UNIT}} !important;',            
            ]
        ]
      );            

      $this->add_responsive_control(
        'sl_radius',
        [
            'label' => __( 'Slider border radius', 'bopea-function' ),
            'type' => Controls_Manager::SLIDER,            
            'range' => [
                'px' => [
                    'min' => 0,
                    'max' => 300,
                    'step' => 1,
                ]
            ],
            'selectors' => [
            '{{WRAPPER}} .jl-eb-sl' => '--jl-border-rounded: {{SIZE}}{{UNIT}}; --jlc-car-radius: {{SIZE}}{{UNIT}};',            
            ],
        ]
      );        
      
      $this->add_responsive_control(
        'jl_cap_width',
        [
            'label' => __( 'Caption width', 'bopea-function' ),
            'type' => Controls_Manager::SLIDER,                        
            'default' => [
            'size' => 650,
            ],
            'tablet_default' => [
              'size' => 650,
            ],
            'mobile_default' => [
              'size' => 650,
            ],
            'range' => [
                'px' => [
                    'min' => 1,
                    'max' => 3000,
                    'step' => 1,
                ]
            ],
            'selectors' => [            
            '{{WRAPPER}} .jl_lg_opt' => '--jl-cap-w: {{SIZE}}px;',
            ],
        ]
      );

      $this->add_responsive_control(
        'jl_cap_ma',
        [
            'label' => __( 'Caption margin', 'bopea-function' ),
            'type' => Controls_Manager::SLIDER,
            'range' => [
                'px' => [
                    'min' => 1,
                    'max' => 500,
                    'step' => 1,
                ]
            ],
            'selectors' => [            
            '{{WRAPPER}} .jl_lg_opt' => '--jl-cap-ma: {{SIZE}}px;',
            ]
        ]
      );

      $this->add_responsive_control(
        'jl_cap_pa',
        [
            'label' => __( 'Caption padding', 'bopea-function' ),
            'type' => Controls_Manager::SLIDER,            
            'range' => [
                'px' => [
                    'min' => 1,
                    'max' => 500,
                    'step' => 1,
                ]
            ],
            'selectors' => [            
            '{{WRAPPER}} .jl_lg_opt' => '--jl-cap-pa: {{SIZE}}px;',
            ],
            'condition' => [
              'car_type'    => ['mslider2']
            ]
        ]
      );
      
      $this->add_responsive_control(
        'slfont_size',
        [
            'label' => __( 'Title font size', 'bopea-function' ),
            'type' => Controls_Manager::SLIDER,            
            'default' => [
            'size' => 35,
            ],
            'tablet_default' => [
              'size' => 35,
            ],
            'mobile_default' => [
              'size' => 30,
            ],
            'range' => [
                'px' => [
                    'min' => 1,
                    'max' => 500,
                    'step' => 1,
                ]
            ],
            'selectors' => [            
            '{{WRAPPER}} .jl-eb-sl' => '--jl-title-size: {{SIZE}}{{UNIT}} !important;',            
            ],
        ]
      );

      $this->add_responsive_control(
        'slfont_exsize',
        [
            'label' => __( 'Excerpt font size', 'bopea-function' ),
            'type' => Controls_Manager::SLIDER,            
            'range' => [
                'px' => [
                    'min' => 1,
                    'max' => 500,
                    'step' => 1,
                ]
            ],
            'selectors' => [            
            '{{WRAPPER}} .jl-eb-sl' => '--jl-ach-excp: {{SIZE}}{{UNIT}};',            
            ],
        ]
      );
      
      $this->add_group_control(
        Group_Control_Typography::get_type(),
        [
            'name' => 'main_typo', 
            'label' =>esc_html__( 'Title typography', 'bopea-function' ),               
            'selector' => '{{WRAPPER}} .jl-eb-sl .jl_fe_title',            
        ]
    );

      $this->add_control(
        'jl_gradient_ov',
        [
            'label' => esc_html__( 'Enable gradient background', 'bopea-function' ),
            'type' => Controls_Manager::SWITCHER,
            'return_value' => 'yes',            
            'selectors' => [
              '{{WRAPPER}} .jl_ov_el .jl_imgl' => 'background-color: transparent !important; background: linear-gradient(180deg, rgba(0, 0, 0, 0) var(--jl-ov-bg-pos), var(--jl-ov-bg) var(--jl-ov-bgc-pos)) !important;',
            ],
            'condition' => [
              'car_type'    => ['mslider1']
            ]
        ]
    );    
    
    $this->add_control(
      'jl_flip_bg',
      [
          'label' => esc_html__( 'Gradient background from top', 'bopea-function' ),
          'type' => Controls_Manager::SWITCHER,
          'return_value' => 'yes',
          'selectors' => [
            '{{WRAPPER}} .jl_ov_el .jl_imgl' => '-moz-transform: scale(-1, -1); -o-transform: scale(-1, -1); -webkit-transform: scale(-1, -1); transform: scale(-1, -1);'        
          ],                
          'condition' => [
                    'jl_gradient_ov!' => '',
                    'car_type'    => ['mslider1']
          ]
      ]
    );    
    
      $this->add_control(
        'sl_ov_bg',
        [
          'label' => __( 'Overlay background color', 'bopea-function' ),
          'type' => Controls_Manager::COLOR,        
          'selectors' => [
              '{{WRAPPER}} .jl_ov_el .jl_imgl' => '--jl-ov-bg: {{VALUE}}; background-color: {{VALUE}};',
          ],
          'condition' => [
            'car_type'    => ['mslider1']
          ]
        ]
      );
    
      $this->add_responsive_control(
        'jl_bg_pos',
        [
            'label' => __( 'Background transparent position', 'bopea-function' ),
            'type' => Controls_Manager::SLIDER,            
            'range' => [
                'px' => [
                    'min' => 0,
                    'max' => 100,
                    'step' => 1,
                ]
            ],
            'selectors' => [
            '{{WRAPPER}} .jl_ov_el .jl_imgl' => '--jl-ov-bg-pos: {{SIZE}}%',            
            ],                
            'condition' => [
                      'jl_gradient_ov!' => '',
                      'car_type'    => ['mslider1']
            ]
        ]
      ); 
    
      $this->add_responsive_control(
        'jl_bgc_pos',
        [
            'label' => __( 'Background color position', 'bopea-function' ),
            'type' => Controls_Manager::SLIDER,            
            'range' => [
                'px' => [
                    'min' => 0,
                    'max' => 100,
                    'step' => 1,
                ]
            ],
            'selectors' => [
            '{{WRAPPER}} .jl_ov_el .jl_imgl' => '--jl-ov-bgc-pos: {{SIZE}}%',            
            ],                
            'condition' => [
                      'jl_gradient_ov!' => '',
                      'car_type'    => ['mslider1']
            ]
        ]
      );    
  
      $this->add_responsive_control(
        'jl_text_align',
        array(
            'label'     => __( 'Text alignment', 'bopea-function' ),
            'type'      => Controls_Manager::CHOOSE,
            'options'   => array(
                'left'   => array(
                    'title' => __( 'Left', 'bopea-function' ),
                    'icon'  => 'eicon-text-align-left',
                ),
                'center' => array(
                    'title' => __( 'Center', 'bopea-function' ),
                    'icon'  => 'eicon-text-align-center',
                ),
                'right'  => array(
                    'title' => __( 'Right', 'bopea-function' ),
                    'icon'  => 'eicon-text-align-right',
                ),
            ),
            'default'   => 'center',
            'toggle'    => false,
            'selectors' => array(
                '{{WRAPPER}} .jl_lg_opt' => '--jl-t-align: {{VALUE}};',
            )                
        )
    );    
    
    $this->add_responsive_control(
      'cap_h_align',
      [
        'label' => __( 'Horizontal Alignment', 'bopea-function' ),
        'type' => Controls_Manager::CHOOSE,
        'options' => [
          'flex-start' => [
            'title' => __( 'Left', 'bopea-function' ),
            'icon' => 'eicon-h-align-left',
          ],
          'center' => [
            'title' => __( 'Center', 'bopea-function' ),
            'icon' => 'eicon-h-align-center',
          ],
          'flex-end' => [
            'title' => __( 'Right', 'bopea-function' ),
            'icon' => 'eicon-h-align-right',
          ],
        ],        
        'default'   => 'center',
        'toggle' => true,
        'selectors' => [                
                '{{WRAPPER}} .jl_lg_opt' => '--jl-algin-h: {{VALUE}}',
            ],        
      ]
    );
  
    $this->add_responsive_control(
      'cap_v_align',
      [
        'label' => __( 'Vertical Alignment', 'bopea-function' ),
        'type' => Controls_Manager::CHOOSE,
        'options' => [
          'flex-start' => [
            'title' => __( 'Top', 'bopea-function' ),
            'icon' => 'eicon-v-align-top',
          ],
          'center' => [
            'title' => __( 'Middle', 'bopea-function' ),
            'icon' => 'eicon-v-align-middle',
          ],
          'flex-end' => [
            'title' => __( 'Bottom', 'bopea-function' ),
            'icon' => 'eicon-v-align-bottom',
          ],
        ],        
        'default'   => 'center',
        'toggle' => true,
        'selectors' => [                
                '{{WRAPPER}} .jl_lg_opt' => '--jl-v-align: {{VALUE}}',
        ],
        'condition' => [
          'car_type'    => ['mslider1', 'mslider2']
        ]
      ]
    );

            $this->add_control(
                'slider_speed',
                [
                    'label' => esc_html__('Speed', 'bopea-function'),
                    'type' => Controls_Manager::NUMBER,
                    'default' => 600,
                ]
            );    
            
            $this->add_control(
              'jl_en_share',
              [
                  'label' => esc_html__( 'Enable share', 'bopea-function' ),
                  'type' => Controls_Manager::SWITCHER,
                  'selectors' => array(
                    '{{WRAPPER}} .jl_fot_share_i.jl_share_l_bg.jls_tooltip' => 'display: inline-flex !important;',
                )
              ]
            );

          $this->add_control(
            'jl_en_sh_l',
            [
                'label' => esc_html__( 'Enable share inline', 'bopea-function' ),
                'type' => Controls_Manager::SWITCHER,
                'return_value' => 'yes',
                'default' => 'yes',
                'selectors' => [
                  '{{WRAPPER}} .block-section' => '--jl-sh-lp: 15px;',
                ],
                'condition' => [
                  'jl_en_share!'    => ['']
                ]
            ]
          );

          $this->add_control(
            'jl_en_ani_cap',
            [
                'label' => esc_html__( 'Enable captions animation', 'bopea-function' ),
                'type' => Controls_Manager::SWITCHER,
                'return_value' => 'yes',
                'default' => 'yes',
                'selectors' => [
                  '{{WRAPPER}} .jl-eb-msl .swiper-slide-active .jl_fe_inner, {{WRAPPER}} .jl-eb-msl .swiper-slide-duplicate-active .jl_fe_inner' => 'animation:jl-ani-opt--in 1s cubic-bezier(.46,.03,.52,.96) forwards;',
                ]
            ]
        );    

            $this->add_control(
                'slider_loop',
                [
                    'label' => esc_html__( 'Repeatable Loop', 'bopea-function' ),
                    'type' => Controls_Manager::SWITCHER,
                    'return_value' => 'yes',
                    'default' => 'yes',
                ]
            );

            $this->add_control(
                'slider_autoplay',
                [
                    'label' => esc_html__( 'Autoplay', 'bopea-function' ),
                    'type' => Controls_Manager::SWITCHER,
                    'return_value' => 'yes',
                    'default' => 'no',
                ]
            );

            $this->add_control(
                'slider_autoplay_delay',
                [
                    'label' => esc_html__('Autoplay Delay', 'bopea-function'),
                    'type' => Controls_Manager::NUMBER,
                    'default' => 3500,
                    'condition'=>[
                        'slider_autoplay'=>'yes',
                    ],
                ]
            );

            $this->add_control(
                'slider_arrow',
                [
                    'label' => esc_html__( 'Slider Navigation', 'bopea-function' ),
                    'type' => Controls_Manager::SWITCHER,
                    'return_value' => 'yes',
                    'default' => 'yes',
                ]
            );            

            $this->add_control(
                'slider_dots',
                [
                    'label' => esc_html__( 'Slider Pagination', 'bopea-function' ),
                    'type' => Controls_Manager::SWITCHER,
                    'return_value' => 'yes',
                    'default' => 'yes',
                ]
            );                   
          
            $this->add_control(
                'jl_hide_cat',
                [
                    'label' => esc_html__( 'Hide category', 'bopea-function' ),
                    'type' => Controls_Manager::SWITCHER,
                    'return_value' => 'yes',
                    'default' => 'no',
                ]
            ); 

            $this->add_control(
                'jl_hide_author',
                [
                    'label' => esc_html__( 'Hide author', 'bopea-function' ),
                    'type' => Controls_Manager::SWITCHER,
                    'return_value' => 'yes',
                    'default' => 'no',
                ]
            ); 

            $this->add_control(
                'jl_hide_date',
                [
                    'label' => esc_html__( 'Hide date', 'bopea-function' ),
                    'type' => Controls_Manager::SWITCHER,
                    'return_value' => 'yes',
                    'default' => 'no',
                ]
            );   

            $this->add_control(
                'jl_hide_meta',
                [
                    'label' => esc_html__( 'Hide author & date', 'bopea-function' ),
                    'type' => Controls_Manager::SWITCHER,
                    'return_value' => 'yes',
                    'default' => 'no',
                ]
            );     
            
            $this->add_control(
              'jl_hide_desc',
              [
                  'label' => esc_html__( 'Hide description', 'bopea-function' ),
                  'type' => Controls_Manager::SWITCHER,
                  'return_value' => 'yes',
                  'default' => 'no',
              ]
          );   
          
          $this->add_control(
            'jl_hide_review',
            [
                'label' => esc_html__( 'Hide review', 'bopea-function' ),
                'type' => Controls_Manager::SWITCHER,
                'return_value' => 'yes',
                'default' => 'no',
            ]
        ); 

          $this->add_control(
            'cap_bg',
            [
              'label' => __( 'Caption background', 'bopea-function' ),
              'type' => Controls_Manager::COLOR,
              'selectors' => [
                  '{{WRAPPER}} .block-section' => '--jl-cap-bg: {{VALUE}}'        
              ],
              'condition' => [
                'car_type'    => ['mslider2']
              ]
            ]
          );
  
            $this->add_control(
            'cap_bg_dark',
            [
              'label' => __( 'Caption background dark mode', 'bopea-function' ),
              'type' => Controls_Manager::COLOR,
              'selectors' => [
                  '.options_dark_skin {{WRAPPER}} .block-section' => '--jl-cap-bg: {{VALUE}}'        
              ],
              'condition' => [
                'car_type'    => ['mslider2']
              ]
            ]
          ); 
  
          $this->add_control(
            'title_color',
            [
              'label' => __( 'Title color', 'bopea-function' ),
              'type' => Controls_Manager::COLOR,
              'selectors' => [
                  '{{WRAPPER}} .block-section' => '--jl-txt-color: {{VALUE}}'        
              ],
              'condition' => [
                'car_type'    => ['mslider2']
              ]
            ]
          );
  
            $this->add_control(
            'title_color_dark',
            [
              'label' => __( 'Title color dark mode', 'bopea-function' ),
              'type' => Controls_Manager::COLOR,
              'selectors' => [
                  '.options_dark_skin {{WRAPPER}} .block-section' => '--jl-txt-color: {{VALUE}}'        
              ],
              'condition' => [
                'car_type'    => ['mslider2']
              ]
            ]
          ); 
  
          $this->add_control(
            'excp_color',
            [
              'label' => __( 'Excerpt color', 'bopea-function' ),
              'type' => Controls_Manager::COLOR,
              'selectors' => [
                  '{{WRAPPER}} .block-section' => '--jl-except-color: {{VALUE}}'        
              ],
              'condition' => [
                'car_type'    => ['mslider2']
              ]
            ]
          );
  
            $this->add_control(
            'excp_color_dark',
            [
              'label' => __( 'Excerpt color dark mode', 'bopea-function' ),
              'type' => Controls_Manager::COLOR,
              'selectors' => [
                  '.options_dark_skin {{WRAPPER}} .block-section' => '--jl-except-color: {{VALUE}}'        
              ],
              'condition' => [
                'car_type'    => ['mslider2']
              ]
            ]
          ); 
  
          $this->add_control(
            'meta_color',
            [
              'label' => __( 'Meta color', 'bopea-function' ),
              'type' => Controls_Manager::COLOR,
              'selectors' => [
                  '{{WRAPPER}} .block-section' => '--jl-meta-color: {{VALUE}}'        
              ],
              'condition' => [
                'car_type'    => ['mslider2']
              ]
            ]
          );
  
            $this->add_control(
            'meta_color_dark',
            [
              'label' => __( 'Meta color dark mode', 'bopea-function' ),
              'type' => Controls_Manager::COLOR,
              'selectors' => [
                  '.options_dark_skin {{WRAPPER}} .block-section' => '--jl-meta-color: {{VALUE}}'        
              ],
              'condition' => [
                'car_type'    => ['mslider2']
              ]
            ]
          );           

          $this->add_control(
            'jl_hide_btn',
            [
                'label' => esc_html__( 'Hide button', 'bopea-function' ),
                'type' => Controls_Manager::SWITCHER,                  
                'return_value' => 'yes',
            ]
          );

          $this->add_control(
            'sl_btn_bg',
            [
              'label' => __( 'Button background color', 'bopea-function' ),
              'type' => Controls_Manager::COLOR,        
              'selectors' => [
                  '{{WRAPPER}}' => '--jl-btnbg: {{VALUE}};',
              ],
              'condition' => [
                'jl_hide_btn'    => ['']
              ]
            ]
          );

          $this->add_control(
            'sl_btn_color',
            [
              'label' => __( 'Button color', 'bopea-function' ),
              'type' => Controls_Manager::COLOR,        
              'selectors' => [
                  '{{WRAPPER}}' => '--jl-btncolor: {{VALUE}};',
              ],
              'condition' => [
                'jl_hide_btn'    => ['']
              ]
            ]
          );

          $this->add_control(
            'jl_cb_btn_hbg',
            [
              'label' => __( 'Button hover background', 'bopea-function' ),
              'type' => Controls_Manager::COLOR,        
              'selectors' => [
                  '{{WRAPPER}}' => '--jl-btnhbg: {{VALUE}};',
              ],
              'condition' => [
                'jl_hide_btn'    => ['']
              ]
            ]
          );

        $this->add_control(
            'jl_cb_btn_hcolor',
            [
              'label' => __( 'Button hover color', 'bopea-function' ),
              'type' => Controls_Manager::COLOR,        
              'selectors' => [
                  '{{WRAPPER}}' => '--jl-btnhcolor: {{VALUE}};',
              ],
              'condition' => [
                'jl_hide_btn'    => ['']
              ]
            ]
          );

          $this->add_group_control(
            Group_Control_Typography::get_type(),
            [
                'name' => 'jl_cb_btn_typo', 
                'label' =>esc_html__( 'Button Typography', 'bopea-function' ),               
                'selector' => '{{WRAPPER}} .jl_cap_btn',
                'condition' => [
                  'jl_hide_btn'    => ['']
                ]
            ]
        );

        $this->add_responsive_control(
            'jl_cb_btn_padding',
            [
                'label'      => __( 'Button Padding', 'bopea-function' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => [ 'px'],                
                'selectors'  => [
                    '{{WRAPPER}}' => '--jl-cbbtn-padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',                    
                ],
                'condition' => [
                  'jl_hide_btn'    => ['']
                ]
            ]
        );

        $this->add_responsive_control(
            'jl_cb_btnradius',
            [
                'label' => __( 'Border radius', 'bopea-function' ),
                'type' => Controls_Manager::SLIDER,
                'range' => [
                    'px' => [
                        'min' => 1,
                        'max' => 300,
                    ],
                ],                
                'selectors' => [
                    '{{WRAPPER}}' => '--jl-button-radius: {{SIZE}}px',                    
                ],
                'condition' => [
                  'jl_hide_btn'    => ['']
                ]
            ]
        );

        $this->add_responsive_control(
            'jl_cb_btnmar',
            [
                'label' => __( 'Button margin', 'bopea-function' ),
                'type' => Controls_Manager::SLIDER,
                'range' => [
                    'px' => [
                        'min' => 1,
                        'max' => 300,
                    ],
                ],                
                'selectors' => [
                    '{{WRAPPER}}' => '--jl-btn-mt: {{SIZE}}px',                    
                ],
                'condition' => [
                  'jl_hide_btn'    => ['']
                ]
            ]
        );
                      
        $this->end_controls_section();

        $this->start_controls_section(
          'section_sl_arrow', [
            'label'  => esc_html__( 'Slider Arrow Style', 'bopea-function' ),
            'tab'     => Controls_Manager::TAB_STYLE,
          ]
        );

        $this->add_control(
          'jl_alway_display',
          [
              'label' => esc_html__( 'Enable alway display', 'bopea-function' ),
              'type' => Controls_Manager::SWITCHER,
              'selectors' => array(
                '{{WRAPPER}} .jl-eb-sl .jl-swiper-button-next, {{WRAPPER}} .jl-eb-sl .jl-swiper-button-prev' => 'opacity: 1; visibility: visible; --jl-arr-ani: 0px;',
            )
          ]
        );

        $this->add_control(
          'car_arr_pos',
          [
              'label'     =>esc_html__( 'Slider arrow position', 'bopea-function' ),
              'type'      => Controls_Manager::SELECT,
              'default'   => 'jl_arc',
              'options'   => [
                      'jl_arc'      =>esc_html__( 'Center postion', 'bopea-function' ),
                      'jl_artl'      =>esc_html__( 'Top left', 'bopea-function' ),
                      'jl_artr'      =>esc_html__( 'Top right', 'bopea-function' ),
                      'jl_arbl'      =>esc_html__( 'Bottom left', 'bopea-function' ),
                      'jl_arbr'      =>esc_html__( 'Bottom right', 'bopea-function' )
                  ],
          ]
      ); 

        $this->add_responsive_control(
          'sl_nav_width',
          [
              'label' => __( 'Arrow width', 'bopea-function' ),
              'type' => Controls_Manager::SLIDER,            
              'range' => [
                  'px' => [
                      'min' => 0,
                      'max' => 300,
                      'step' => 1,
                  ]
              ],
              'selectors' => [
              '{{WRAPPER}} .jl-eb-sl' => '--jl-arrow-w: {{SIZE}}{{UNIT}};',
              ],
          ]
        );      
        $this->add_responsive_control(
          'sl_nav_height',
          [
              'label' => __( 'Arrow height', 'bopea-function' ),
              'type' => Controls_Manager::SLIDER,            
              'range' => [
                  'px' => [
                      'min' => 0,
                      'max' => 300,
                      'step' => 1,
                  ]
              ],
              'selectors' => [
              '{{WRAPPER}} .jl-eb-sl' => '--jl-arrow-h: {{SIZE}}{{UNIT}};',
              ],
          ]
        );
        
        $this->add_responsive_control(
          'sl_nav_size',
          [
              'label' => __( 'Arrow icon size', 'bopea-function' ),
              'type' => Controls_Manager::SLIDER,            
              'range' => [
                  'px' => [
                      'min' => 0,
                      'max' => 150,
                      'step' => 1,
                  ]
              ],
              'selectors' => [
              '{{WRAPPER}} .jl-eb-sl .jl-spn-inner' => 'font-size: {{SIZE}}{{UNIT}} !important;',
              ],
          ]
        );
  
        $this->add_responsive_control(
          'sl_nav_radius',
          [
              'label' => __( 'Arrow border radius', 'bopea-function' ),
              'type' => Controls_Manager::SLIDER,            
              'range' => [
                  'px' => [
                      'min' => 0,
                      'max' => 300,
                      'step' => 1,
                  ]
              ],
              'selectors' => [
              '{{WRAPPER}} .jl-eb-sl' => '--jl-arrow-r: {{SIZE}}{{UNIT}};',
              ],
          ]
        );
  
        $this->add_responsive_control(
          'sl_nav_space',
          [
              'label' => __( 'Arrow spacing', 'bopea-function' ),
              'type' => Controls_Manager::SLIDER,            
              'range' => [
                  'px' => [
                      'min' => -100,
                      'max' => 300,
                      'step' => 1,
                  ]
              ],
              'selectors' => [
              '{{WRAPPER}} .jl-eb-sl' => '--jl-arrow-space: {{SIZE}}{{UNIT}};',
              ],
          ]
        );
  
        $this->add_control(
        'sl_nav_bg',
        [
          'label' => __( 'Arrow background', 'bopea-function' ),
          'type' => Controls_Manager::COLOR,        
          'selectors' => [
              '{{WRAPPER}} .jl-eb-sl' => '--jl-arrow-bg: {{VALUE}}',
          ],
        ]
      );
        $this->add_control(
        'sl_nav_hbg',
        [
          'label' => __( 'Arrow background hover', 'bopea-function' ),
          'type' => Controls_Manager::COLOR,        
          'selectors' => [
              '{{WRAPPER}} .jl-eb-sl' => '--jl-arrow-hbg: {{VALUE}}',
          ],
        ]
      );
        $this->add_control(
        'sl_nav_color',
        [
          'label' => __( 'Arrow color', 'bopea-function' ),
          'type' => Controls_Manager::COLOR,        
          'selectors' => [
              '{{WRAPPER}} .jl-eb-sl' => '--jl-arrow-color: {{VALUE}}',
          ],
        ]
      );
        $this->add_control(
        'sl_nav_hcolor',
        [
          'label' => __( 'Arrow color hover', 'bopea-function' ),
          'type' => Controls_Manager::COLOR,        
          'selectors' => [
              '{{WRAPPER}} .jl-eb-sl' => '--jl-arrow-hcolor: {{VALUE}}',
          ],
        ]
      );

        $this->end_controls_section();

        $this->start_controls_section(
          'section_sl_pagination', [
            'label'  => esc_html__( 'Slider Pagination Style', 'bopea-function' ),
            'tab'     => Controls_Manager::TAB_STYLE,
          ]
        );

        $this->add_responsive_control(
          'sl_pagi_align',
          [
            'label' => __( 'Pagination Alignment', 'bopea-function' ),
            'type' => Controls_Manager::CHOOSE,
            'options' => [
              'flex-start' => [
                'title' => __( 'Left', 'bopea-function' ),
                'icon' => 'eicon-h-align-left',
              ],
              'center' => [
                'title' => __( 'Center', 'bopea-function' ),
                'icon' => 'eicon-h-align-center',
              ],
              'flex-end' => [
                'title' => __( 'Right', 'bopea-function' ),
                'icon' => 'eicon-h-align-right',
              ],
            ],        
            'default'   => 'center',
            'toggle' => true,
            'selectors' => [                
                    '{{WRAPPER}} .jl-eb-sl' => '--jl-sl-h: {{VALUE}}',
                ],        
          ]
        );

        $this->add_responsive_control(
          'sl_nav_ma',
          [
              'label'      => __( 'Pagination margin', 'bopea-function' ),
              'type'       => Controls_Manager::DIMENSIONS,
              'size_units' => [ 'px'],                
              'selectors'  => [
                  '{{WRAPPER}} .jl-eb-sl' => '--jlpagi-ma: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
              ]
          ]
      );

        $this->add_control(
          'sl_pagi_bg',
          [
            'label' => __( 'Pagination background', 'bopea-function' ),
            'type' => Controls_Manager::COLOR,        
            'default' => '#ffffff',
            'selectors' => [
                '{{WRAPPER}} .jl-eb-sl' => '--jlpagi-color: {{VALUE}}',
            ],
          ]
        );

        $this->add_control(
          'sl_pagi_bg_dark',
          [
            'label' => __( 'Pagination background dark mode', 'bopea-function' ),
            'type' => Controls_Manager::COLOR,        
            'default' => '#ffffff',
            'selectors' => [
                '.options_dark_skin {{WRAPPER}} .jl-eb-sl' => '--jlpagi-color: {{VALUE}}',
            ],
          ]
        );

        $this->end_controls_section();
    }

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

      if ( function_exists( 'bopea_mslider' ) ) {
      $settings['blockid'] = 'blockid_' . $this->get_id();
      $id = $settings['blockid'];
      if(!empty($settings['categories'])){
      $settings['categories'] = implode(',', $settings['categories']);      
      }      
      echo \bopea_mslider( $settings );
      }
    }

    public function post_categories() {

      $terms = get_terms( array(
            'taxonomy'    => 'category',
            'hide_empty'  => false,
            'posts_per_page' => -1, 
            'suppress_filters' => false,
      ) );

      $cat_list = [];
      foreach($terms as $post) {
      $cat_list[$post->term_id]  = [$post->name];
      }
      return $cat_list;
   }

   public function post_author() {

    $blogusers = get_users( array(
    'role__not_in' => array( 'subscriber' ),
    'fields'       => array( 'ID', 'display_name' )
    ) );

      $user_list = [];
      $user_list['none']= esc_html__( 'None', 'bopea-function' );
      foreach($blogusers as $user) {
      $user_list[$user->ID]  = [$user->display_name];
      }
      return $user_list;
   }

   public function post_get_type() {

    $post_types = get_post_types( '', 'names' ); 

      $type_list = [];
      $type_list['none']= esc_html__( 'None', 'bopea-function' );
      if ( ! empty( $post_types ) ){
        foreach($post_types as $p_type) {
        $type_list[$p_type]  = [$p_type];
        }
      }
      return $type_list;
   }

   public function post_get_taxs() {

    $taxonomies = get_taxonomies();

      $type_taxs = [];
      $type_taxs['none']= esc_html__( 'None', 'bopea-function' );
      if ( ! empty( $taxonomies ) ){
        foreach($taxonomies as $p_taxs) {
        $type_taxs[$p_taxs]  = [$p_taxs];
        }
    }
      return $type_taxs;
   }
}