<?php

use Elementor\Widget_Base;
use Elementor\Controls_Manager;

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


class Customerreviewsecondstkaveh extends Widget_Base{

  public function get_name(){
    return 'customerreviewsecondstkaveh';
  }

  public function get_title(){
    return esc_html__( 'Customer Reviews Carousel Style Two', 'kavehTheme' );
  }

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

  public function get_categories(){
    return ['kavehelements'];
  }

  protected function register_controls(){
    
    $this->start_controls_section(
      'contentservicecarouselfirststkaveh',
      [
        'label' => esc_html__( 'Element Content', 'kavehTheme' ),
                'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
      ]
    );
    $this->add_control(
      'showtiservicecarouselfirststkaveh',
      [
        'label' => esc_html__( 'Show Title', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::SWITCHER,
        'yes' => esc_html__( 'Yes', 'kavehTheme' ),
        'no' => esc_html__( 'No', 'kavehTheme' ),
        'return_value' => 'yes',
        'default' => 'yes',
      ]
    );

    $this->add_control(
      'sub-titletagservicecarouselfirststkaveh',
      [
        'label' => esc_html__( 'Second Title Tag', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::SELECT,
        'default' => 'H3',
        'condition' => [
          'showtiservicecarouselfirststkaveh' => 'yes',
        ],
        'options' => [
          'H1'  => esc_html__( 'H1', 'kavehTheme' ),
          'H2' => esc_html__( 'H2', 'kavehTheme' ),
          'H3' => esc_html__( 'H3', 'kavehTheme' ),
          'H4' => esc_html__( 'H4', 'kavehTheme' ),
          'H5' => esc_html__( 'H5', 'kavehTheme' ),
          'H6' => esc_html__( 'H6', 'kavehTheme' ),
          'p' => esc_html__( 'p', 'kavehTheme' ),
          'div' => esc_html__( 'div', 'kavehTheme' ),
          'span' => esc_html__( 'span', 'kavehTheme' ),
        ],
      ]
    );


    $this->add_control(
      'secendtitlecustumerReview',
      [
        'label' => esc_html__( 'Second Title', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::TEXT,
        'condition' => [
          'showtiservicecarouselfirststkaveh' => 'yes',
        ],
        'default' => 'Your Reviews, ',
      ]
    );

    $this->add_control(
      'titletagservicecarouselfirststkaveh',
      [
        'label' => esc_html__( 'Title Tag', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::SELECT,
        'default' => 'H3',
        'condition' => [
          'showtiservicecarouselfirststkaveh' => 'yes',
        ],
        'options' => [
          'H1'  => esc_html__( 'H1', 'kavehTheme' ),
          'H2' => esc_html__( 'H2', 'kavehTheme' ),
          'H3' => esc_html__( 'H3', 'kavehTheme' ),
          'H4' => esc_html__( 'H4', 'kavehTheme' ),
          'H5' => esc_html__( 'H5', 'kavehTheme' ),
          'H6' => esc_html__( 'H6', 'kavehTheme' ),
          'p' => esc_html__( 'p', 'kavehTheme' ),
          'div' => esc_html__( 'div', 'kavehTheme' ),
          'span' => esc_html__( 'span', 'kavehTheme' ),
        ],
      ]
    );

    $this->add_control(
      'TitlereviewCusomerservicecarouselfirststkaveh',
      [
        'label' => esc_html__( 'Title', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::TEXT,
        'condition' => [
          'showtiservicecarouselfirststkaveh' => 'yes',
        ],
        'default' => 'Your Experience Campaign',
      ]
    );
      $repeater = new \Elementor\Repeater();
      $repeater->add_control(
      'title1customerreviewsecondstkaveh',
      [
        'label' => esc_html__( 'Customer Name', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::TEXT,
        'default' => 'Ahmad Yousefvand',

      ]
    );
    $repeater->add_control(
      'title2customerreviewsecondstkaveh',
      [
        'label' => esc_html__( 'Position Title', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::TEXT,
        'default' => 'Job',

      ]
    ); 
    $repeater->add_control(
      'datecustomerreviewsecondstkaveh',
      [
        'label' => esc_html__( 'Rating', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::TEXT,
        'default' => '4.5',

      ]
    );
    $repeater->add_control(
      'desccustomerreviewsecondstkaveh',
      [
        'label' => esc_html__( 'Review', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::TEXTAREA,
        'default' => ' This collection supplies its products directly from the main manufacturing companies of hardware wallets without intermediaries and also provides a guarantee of authenticity and product health to all customers.',
      ]
    );

    $this->add_control(
      'piciconlikefourthstkaveh',
      [
        'label' => esc_html__( 'Select Like Icon', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::ICONS,
        'skin' => 'inline',
  
        'exclude_inline_options' => [ 'svg' ],
        'default' => [
          'value' => 'icon-direct',
        ],
      ]
  
      ); 

    $repeater->add_control(
      'likecustomerreviewsecondstkaveh',
      [
        'label' => esc_html__( 'Like Count', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::TEXT,
        'default' => '2',

      ]
    );


    $repeater->add_control(
      'deslikcustomerreviewsecondstkaveh',
      [
        'label' => esc_html__( 'Dislike Count', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::TEXT,
        'default' => '2',

      ]
    );

    $this->add_control(
      'picicondislikefourthstkaveh',
      [
        'label' => esc_html__( 'Select Dislike Icon', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::ICONS,
        'skin' => 'inline',
  
        'exclude_inline_options' => [ 'svg' ],
        'default' => [
          'value' => 'icon-direct',
        ],
      ]
  
      ); 

    $this->add_control(
      'iconboxtitleconboxfourthstkaveh',
      [
        'label' => esc_html__( 'Rating Icon', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::ICONS,
        'skin' => 'inline',
  
        'exclude_inline_options' => [ 'svg' ],
        'default' => [
          'value' => 'icon-direct',
        ],
      ]
  
      );


      $this->add_control(
        'arrowsRightlidericonthstkaveh',
        [
          'label' => esc_html__( 'Select Right Slider Icon', 'kavehTheme' ),
          'type' => \Elementor\Controls_Manager::ICONS,
          'skin' => 'inline',
    
          'exclude_inline_options' => [ 'svg' ],
          'default' => [
            'value' => 'icon-direct',
          ],
        ]
    
        );  



        $this->add_control(
          'arrowsleftlidericonthstkaveh',
          [
            'label' => esc_html__( 'Select Left Slider Icon', 'kavehTheme' ),
            'type' => \Elementor\Controls_Manager::ICONS,
            'skin' => 'inline',
      
            'exclude_inline_options' => [ 'svg' ],
            'default' => [
              'value' => 'icon-direct',
            ],
          ]
      
          ); 


    $repeater->add_control(
      'avatarcustomerreviewsecondstkaveh',
      [
          'label' => esc_html__('Upload Avatar', 'kavehTheme'),
          'type' => \Elementor\Controls_Manager::MEDIA,
          'default' => [
              'url' => \Elementor\Utils::get_placeholder_image_src(),
          ],
      ]
  );

    $this->add_control(
      'listcustomerreviewsecondstkaveh',
      [
        'label' => esc_html__( 'Customer Reviews', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::REPEATER,
        'fields' => $repeater->get_controls(),
        'default' => [
          [
            'title1customerreviewsecondstkaveh' => esc_html__( 'Ahmad Yousefvand', 'kavehTheme' ),
            'avatarcarouslcustomerreviewsecondstkaveh' => esc_html__( 'Avatar Image', 'kavehTheme' ),
            'title2customerreviewsecondstkaveh' => esc_html__( 'Job', 'kavehTheme' ),
            'user_rating' => esc_html__( '45', 'kavehTheme' ),
            'desccustomerreviewsecondstkaveh' => esc_html__( 'This collection supplies its products directly from the main manufacturing companies of hardware wallets without intermediaries and also provides a guarantee of authenticity and product health to all customers.', 'kavehTheme' ),
          ],
      ]
      ]
        );
   $this->end_controls_section();

$this->start_controls_section(
  'style_image_categorycarouseltwentysixthstkaveh',
  [
      'label' => esc_html__('Image Style', 'kavehTheme'),
      'tab' => \Elementor\Controls_Manager::TAB_STYLE,
  ]
);
$this->add_control(
  'image_width_categorycarouseltwentysixthstkaveh',
  [
      'label' => esc_html__('Image Width', 'kavehTheme'),
      'type' => \Elementor\Controls_Manager::SLIDER,
      'size_units' => ['px', '%'],
      'range' => [
          'px' => ['min' => 50, 'max' => 500],
      ],
      'selectors' => [
          '{{WRAPPER}} .comment-bed .info-user img' => 'width: {{SIZE}}{{UNIT}}',
      ],
  ]
);
$this->add_control(
  'image_height_categorycarouseltwentysixthstkaveh',
  [
      'label' => esc_html__('Image Height', 'kavehTheme'),
      'type' => \Elementor\Controls_Manager::SLIDER,
      'size_units' => ['px', '%'],
      'range' => [
          'px' => ['min' => 50, 'max' => 500],
      ],
      'selectors' => [
          '{{WRAPPER}} .comment-bed .info-user img' => 'height: {{SIZE}}{{UNIT}}',
      ],
  ]
);
$this->add_responsive_control(
  'image_margin_categorycarouseltwentysixthstkaveh',
  [
      'label' => esc_html__('Image Margin', 'kavehTheme'),
      'type' => \Elementor\Controls_Manager::DIMENSIONS,
      'size_units' => ['px', '%'],
      'selectors' => [
          '{{WRAPPER}} .comment-bed .info-user img' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
      ],
  ]
);
$this->add_responsive_control(
  'image_padding_categorycarouseltwentysixthstkaveh',
  [
      'label' => esc_html__('Image Padding', 'kavehTheme'),
      'type' => \Elementor\Controls_Manager::DIMENSIONS,
      'size_units' => ['px', '%'],
      'selectors' => [
          '{{WRAPPER}} .comment-bed .info-user img' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
      ],
  ]
); 

$this->add_control(
  'imgradiustcustomerreviewlkaveh',
  [
    'label' => esc_html__( 'Rounded Corner', 'kavehTheme' ),
    'type' => \Elementor\Controls_Manager::DIMENSIONS,
    'size_units' => [ 'px' ],
    'selectors' => [
      '{{WRAPPER}}  .rounded-circle' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};!important',
    ]
  ]
);
$this->end_controls_section();
$this->start_controls_section(
  'title_categorycarouseltwentysixthstkaveh',
  [
      'label' => esc_html__('Box Items Style', 'kavehTheme'),
      'tab' => \Elementor\Controls_Manager::TAB_STYLE,
  ]
);

      $this->add_control(
        'titlestcustomerreviewsecondstkaveh',
        [
          'label' => esc_html__( 'Title Color', 'kavehTheme' ),
          'type' => \Elementor\Controls_Manager::COLOR,
          'selectors' => [
            '{{WRAPPER}} .comment-bed .info-user .name' => 'color: {{VALUE}}',
          ],
        ]
      );
      $this->add_group_control(
        \Elementor\Group_Control_Typography::get_type(),
        [
            'name' => 'TitleuserComment',
            'label' => esc_html__('Title Typography', 'kavehTheme'),
            'selector' => '{{WRAPPER}} .comment-bed .info-user .name',
        ]
      );

      $this->add_control(
        'titlsubtitlecolorestcustomerreviewsecondstkaveh',
        [
          'label' => esc_html__( 'Second Title Color', 'kavehTheme' ),
          'type' => \Elementor\Controls_Manager::COLOR,
          'selectors' => [
            '{{WRAPPER}} .comment-bed .info-user .sub-name' => 'color: {{VALUE}}',
          ],
        ]
      );
      $this->add_group_control(
        \Elementor\Group_Control_Typography::get_type(),
        [
            'name' => 'subTitleuserComment',
            'label' => esc_html__('Second Title Typography', 'kavehTheme'),
            'selector' => '{{WRAPPER}} .comment-bed .info-user .sub-name',
        ]
        
        );
        $this->add_control(
          'hr1Iconboxfourthstkaveh',
          [
            'type' => \Elementor\Controls_Manager::DIVIDER,
          ]
        );


        $this->add_group_control(
        \Elementor\Group_Control_Typography::get_type(),
        [
            'name' => 'numberratetypoComment',
            'label' => esc_html__('Rating Typography', 'kavehTheme'),
            'selector' => '{{WRAPPER}} .comment-bed .rate',
        ]
        );

        $this->add_control(
          'numberratecolorComment',
          [
            'label' => esc_html__( 'Rating Color', 'kavehTheme' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
              '{{WRAPPER}} .comment-bed .rate' => 'color: {{VALUE}}',
            ],
          ]
        );
        
        $this->add_control(
          'hr1Iconboxfourthstkaveh',
          [
            'type' => \Elementor\Controls_Manager::DIVIDER,
          ]
        );
        $this->add_control(
          'iconsizenchbIconboxfourthstkaveh',
          [
            'label' => esc_html__( 'Icon Size', 'kavehTheme' ),
            'type' => \Elementor\Controls_Manager::SLIDER,
            'size_units' => [ 'px' ],
            'range' => [
              'px' => [
                'min' => 0,
                'max' => 200,
                'step' => 1,
              ],
            ],
            'selectors' => [
              '{{WRAPPER}} .comment-bed .rate i' => 'font-size: {{SIZE}}{{UNIT}};',
            ],
          ]
        );
        $this->add_control(
          'textbutton1colorIconboxfourthstkaveh',
          [
            'label' => esc_html__( 'Icon Color', 'kavehTheme' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
              '{{WRAPPER}} .comment-bed .rate i' => 'color: {{VALUE}} !important',
            ],
          ]
        ); 

        $this->add_control(
          'numberratemarginComment',
          [
              'label' => esc_html__('External Spacing (Margin)', 'kavehTheme'),
              'type' => \Elementor\Controls_Manager::DIMENSIONS,
              'size_units' => ['px', '%', 'em'],
              'selectors' => [
                  '{{WRAPPER}} .comment-bed .rate i' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
              ],
          ]
      );
      
      $this->add_control(
          'numberratepaddingComment',
          [
              'label' => esc_html__('Internal Spacing (Padding)', 'kavehTheme'),
              'type' => \Elementor\Controls_Manager::DIMENSIONS,
              'size_units' => ['px', '%', 'em'],
              'selectors' => [
                  '{{WRAPPER}} .comment-bed .rate i' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
              ],
          ]
      );

      $this->add_control(
        'hr1Iconboxfourthstkaveh',
        [
          'type' => \Elementor\Controls_Manager::DIVIDER,
        ]
      );

      $this->add_control(
        'dividercolorIconboxfourthstkaveh',
        [
          'label' => esc_html__( 'Divider Color', 'kavehTheme' ),
          'type' => \Elementor\Controls_Manager::COLOR,
          'selectors' => [
            '{{WRAPPER}} .divider' => 'background-color: {{VALUE}}',
          ],
        ]
      ); 

      $this->add_control(
        'hr1Iconboxfourthstkaveh',
        [
          'type' => \Elementor\Controls_Manager::DIVIDER,
        ]
      );

    $this->add_control(
        'colorpikerCommentReviewstkaveh',
        [
          'label' => esc_html__( 'Comment Text Color', 'kavehTheme' ),
          'type' => \Elementor\Controls_Manager::COLOR,
          'selectors' => [
            '{{WRAPPER}} .comment-bed .content' => 'color: {{VALUE}}',
          ],
        ]
      ); 

      $this->add_group_control(
        \Elementor\Group_Control_Typography::get_type(),
        [
            'name' => 'typogrphiCommentReviewstkaveh',
            'label' => esc_html__('Comment Text Typography', 'kavehTheme'),
            'selector' => '{{WRAPPER}} .comment-bed .content',
        ]
        );

        $this->end_controls_section();

        $this->start_controls_section(
          'buttonslider_catuomercarouseltwentysixthstkaveh',
          [
              'label' => esc_html__('Slider Buttons Style', 'kavehTheme'),
              'tab' => \Elementor\Controls_Manager::TAB_STYLE,
          ]
        );

        $this->add_control(
          'iconslidersizeCustomers',
          [
            'label' => esc_html__( 'Icon Size', 'kavehTheme' ),
            'type' => \Elementor\Controls_Manager::SLIDER,
            'size_units' => [ 'px' ],
            'range' => [
              'px' => [
                'min' => 0,
                'max' => 200,
                'step' => 1,
              ],
            ],
            'selectors' => [
              '{{WRAPPER}} .btns i' => 'font-size: {{SIZE}}{{UNIT}};',
            ],
          ]
        );
        $this->add_control(
          'iconclorbackgroundbutton1colorIconboxfourthstkaveh',
          [
            'label' => esc_html__( 'Icon Color', 'kavehTheme' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
              '{{WRAPPER}} .btns i' => 'color: {{VALUE}} !important',
            ],
          ]
        ); 
        $this->add_control(
          'backgroundiconcatimg1widthIconboxfourthstkaveh',
          [
            'label' => esc_html__( 'Icon Background Width', 'kavehTheme' ),
            'type' => \Elementor\Controls_Manager::SLIDER,
            'size_units' => [ 'px' ],
            'range' => [
              'px' => [
                'min' => 0,
                'max' => 300,
                'step' => 1,
              ],
            ],
            'selectors' => [
              '{{WRAPPER}} .heading-bed .swiper-button-next, .heading-bed .swiper-button-prev' => 'width: {{SIZE}}{{UNIT}};',
            ],
          ]
        );
        $this->add_control(
          'heightbackroundcatimg1height2Iconboxfourthstkaveh',
          [
            'label' => esc_html__( 'Icon Background Height', 'kavehTheme' ),
            'type' => \Elementor\Controls_Manager::SLIDER,
            'size_units' => [ 'px' ],
            'range' => [
              'px' => [
                'min' => 0,
                'max' => 300,
                'step' => 1,
              ],
            ],
            'selectors' => [
              '{{WRAPPER}} .heading-bed .swiper-button-next, .heading-bed .swiper-button-prev' => 'height: {{SIZE}}{{UNIT}};',
            ],
          ]
        );
        $this->add_control(
          'bgcolorIconcatomerfourthstkaveh',
          [
            'label' => esc_html__( 'Icon Background Color', 'kavehTheme' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
              '{{WRAPPER}} .heading-bed .swiper-button-next, .heading-bed .swiper-button-prev' => 'background-color:{{VALUE}}',
            ],
          ]
        ); 

        $this->add_control(
          'hoverbgcolorIconcatomerfourthstkaveh',
          [
            'label' => esc_html__( 'Icon Background Color on Hover', 'kavehTheme' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
              '{{WRAPPER}} .heading-bed .swiper-button-next:hover' => 'background-color:{{VALUE}}',
            ],
          ]
        ); 

        $this->add_control(
          'arrowhoverbgcolorIconcatomerfourthstkaveh',
          [
            'label' => esc_html__( 'Icon Background Color Before Hover', 'kavehTheme' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
              '{{WRAPPER}} .heading-bed .swiper-button-prev:hover' => 'background-color:{{VALUE}}',
            ],
          ]
        ); 
        $this->add_control(
          'bordercolorcustomers',
          [
            'label' => esc_html__( 'Icon Background Border Radius', 'kavehTheme' ),
            'type' => \Elementor\Controls_Manager::DIMENSIONS,
            'size_units' => [ 'px' ],
            'selectors' => [
              '{{WRAPPER}} .heading-bed .swiper-button-next, .heading-bed .swiper-button-prev' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
            ]
          ]
        );
        $this->add_control(
          'bordercolor21Iconboxfourthstkaveh',
          [
              'label' => esc_html__('Border Color', 'kavehTheme'),
              'type' => \Elementor\Controls_Manager::COLOR,
              'selectors' => [
                  '{{WRAPPER}} .heading-bed .swiper-button-next, .heading-bed .swiper-button-prev' => 'border-color: {{VALUE}} !important;',
              ],
          ]
      );
      $this->end_controls_section();

      $this->start_controls_section(
        'boxoutline_categorycarouseltwentysixthstkaveh',
        [
            'label' => esc_html__('Single Box Style', 'kavehTheme'),
            'tab' => \Elementor\Controls_Manager::TAB_STYLE,
        ]
      ); 

      $this->add_control(
        'bgcolorboxallcatomerfourthstkaveh',
        [
          'label' => esc_html__( 'Box Background Color', 'kavehTheme' ),
          'type' => \Elementor\Controls_Manager::COLOR,
          'selectors' => [
            '{{WRAPPER}} .comment-bed' => 'background-color:{{VALUE}}!important',
          ],
        ]
      ); 

      $this->add_control(
        'bordercolorboxallcatomerfourthstkaveh',
        [
          'label' => esc_html__( 'Box Border Color Change', 'kavehTheme' ),
          'type' => \Elementor\Controls_Manager::COLOR,
          'selectors' => [
            '{{WRAPPER}} .comment-bed' => 'border-color:{{VALUE}}!important',
          ],
        ]
      ); 
      $this->add_control(
        'boxmarginratemarginComment',
        [
            'label' => esc_html__('External Spacing (Margin)', 'kavehTheme'),
            'type' => \Elementor\Controls_Manager::DIMENSIONS,
            'size_units' => ['px', '%', 'em'],
            'selectors' => [
                '{{WRAPPER}} .comment-bed' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
            ],
        ]
    );
    
    $this->add_control(
        'paddingboxComment',
        [
            'label' => esc_html__('Internal Spacing (Padding)', 'kavehTheme'),
            'type' => \Elementor\Controls_Manager::DIMENSIONS,
            'size_units' => ['px', '%', 'em'],
            'selectors' => [
                '{{WRAPPER}} .comment-bed' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
            ],
        ]
    );

    $this->add_control(
      'borderrasiousbox',
      [
        'label' => esc_html__( 'Border Radius', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'px' ],
        'selectors' => [
          '{{WRAPPER}}  .comment-bed' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ]
      ]
    );

    $this->add_control(
      'borderwidthcustomerrevieskaveh',
      [
        'label' => esc_html__( 'Border Width', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => [ 'px' ],
        'condition' => [
          'bordercategorycarouseltwentytwothstkaveh!' => '',
        ],
        'selectors' => [
          '{{WRAPPER}} .comment-bed' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
        ],
      ]
    );
      $this->end_controls_section();
      $this->start_controls_section(
        'titleall_categorycarouseltwentysixthstkaveh',
        [
            'label' => esc_html__('Title Section Style', 'kavehTheme'),
            'tab' => \Elementor\Controls_Manager::TAB_STYLE,
        ]
      ); 

      $this->add_control(
        'colorpikertitleCommentReviewstkaveh',
        [
          'label' => esc_html__( 'Main Title Text Color', 'kavehTheme' ),
          'type' => \Elementor\Controls_Manager::COLOR,
          'selectors' => [
            '{{WRAPPER}} .title' => 'color: {{VALUE}}',
          ],
        ]
      ); 
      $this->add_group_control(
        \Elementor\Group_Control_Typography::get_type(),
        [
            'name' => 'titlealltypogrphiCommentReviewstkaveh',
            'label' => esc_html__('Main Title Typography', 'kavehTheme'),
            'selector' => '{{WRAPPER}} .title',
        ]
        );
        $this->add_control(
          'hr1Iconboxfourthstkaveh',
          [
            'type' => \Elementor\Controls_Manager::DIVIDER,
          ]
        );
        $this->add_control(
          'subtitlecolorpikertitleCommentReviewstkaveh',
          [
            'label' => esc_html__( 'Second Title Text Color', 'kavehTheme' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => [
              '{{WRAPPER}} .sub-title' => 'color: {{VALUE}}',
            ],
          ]
        ); 


        $this->add_group_control(
          \Elementor\Group_Control_Typography::get_type(),
          [
              'name' => 'sub-titlealltypogrphiCommentReviewstkaveh',
              'label' => esc_html__('Second Title Typography', 'kavehTheme'),
              'selector' => '{{WRAPPER}} .sub-title',
          ]
          );


      $this->end_controls_section();
    }

    protected function render() {
      $settings = $this->get_settings_for_display();
      $clsid = $this->get_id();
      ?>
      <div class="container">
          <?php if ($settings['showtiservicecarouselfirststkaveh'] === 'yes') : ?>
              <!-- Start Heading -->
              <div class="heading-bed d-flex align-items-center justify-content-between gap-2 mb-4">
                  <div class="text d-flex align-items-center">
                      <svg width="41" height="33" viewBox="0 0 41 33" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <circle cx="25.5" cy="15.5" r="13.5" fill="white" stroke="url(#paint0_linear_0_5011)" stroke-width="4"></circle>
                          <circle opacity="0.1" cx="22.5" cy="17.5" r="15.5" fill="white"></circle>
                          <circle cx="15.5" cy="16.5" r="14.3" stroke="url(#paint1_linear_0_5011)" stroke-width="2.4"></circle>
                          <defs>
                              <linearGradient id="paint0_linear_0_5011" x1="25.5" y1="0" x2="51.5" y2="31" gradientUnits="userSpaceOnUse">
                                  <stop stop-color="#0057FF"></stop>
                                  <stop offset="1" stop-color="#0057FF" stop-opacity="0"></stop>
                              </linearGradient>
                              <linearGradient id="paint1_linear_0_5011" x1="10" y1="3" x2="24.5" y2="26" gradientUnits="userSpaceOnUse">
                                  <stop stop-color="#FF8A01"></stop>
                                  <stop offset="1" stop-color="#FF8B01" stop-opacity="0"></stop>
                              </linearGradient>
                          </defs>
                      </svg>
                      <div>
                          <<?php echo esc_attr($settings['titletagservicecarouselfirststkaveh']); ?> class="title">
                              <?php echo esc_html($settings['TitlereviewCusomerservicecarouselfirststkaveh']); ?>
                          </<?php echo esc_attr($settings['titletagservicecarouselfirststkaveh']); ?>>
                          <<?php echo esc_attr($settings['sub-titletagservicecarouselfirststkaveh']); ?> class="sub-title">
        <?php echo esc_html($settings['secendtitlecustumerReview']); ?>
    </<?php echo esc_attr($settings['sub-titletagservicecarouselfirststkaveh']); ?>>
</div>
                  </div>
                  <div class="btns d-flex align-items-center">
                      <div class="swiper-button-prev position-relative d-flex align-items-center justify-content-center">
                          <i class="<?php echo esc_attr($settings['arrowsRightlidericonthstkaveh']['value']); ?>"></i>
                      </div>
                      <div class="swiper-button-next position-relative d-flex align-items-center justify-content-center">
                          <i class="<?php echo esc_attr($settings['arrowsleftlidericonthstkaveh']['value']); ?>"></i>
                      </div>
                  </div>
              </div>
              <!-- End Heading -->
          <?php endif; ?>
  
          <!-- Start Carousel -->
          <div class="swiper swiper-comments-bed swiper-horizontal swiper-autoheight">
              <div class="swiper-wrapper">
                  <?php
                  if (!empty($settings['listcustomerreviewsecondstkaveh'])) {
                      foreach ($settings['listcustomerreviewsecondstkaveh'] as $item) {
                          ?>
                          <!-- Start Single Comment -->
                          <div class="swiper-slide" style="width: 416px; margin-left: 24px;">
                              <div class="comment-bed d-flex flex-column bg-white h-100">
                                  <div class="d-flex align-items-center justify-content-between gap-2">
                                      <!-- Start Info User -->
                                      <div class="info-user d-flex align-items-center text-truncate">
                                          <img src="<?php echo esc_url($item['avatarcustomerreviewsecondstkaveh']['url']); ?>" alt="avatar" width="56" height="56" class="rounded-circle">
                                          <div class="text-truncate">
                                              <div class="name text-truncate"><?php echo esc_html($item['title1customerreviewsecondstkaveh']); ?></div>
                                              <div class="sub-name text-truncate"><?php echo esc_html($item['title2customerreviewsecondstkaveh']); ?></div>
                                          </div>
                                      </div>
                                      <!-- End Info User -->
                                      <div class="rate d-flex align-items-center gap-1">
                                          <?php echo esc_html($item['datecustomerreviewsecondstkaveh']); ?>
                                          <i class="<?php echo esc_attr($settings['iconboxtitleconboxfourthstkaveh']['value']); ?>"></i>
                                      </div>
                                  </div>
                                  <!-- End Info -->
                                  <div class="divider"></div>
                                  <div class="content">
                                      <?php echo esc_html($item['desccustomerreviewsecondstkaveh']); ?>
                                  </div>
                                  <div class="btn-likes d-flex align-items-center justify-content-end mt-auto">
                                      <button type="button" class="dislike d-flex align-items-center gap-1 p-0">
                                          <span><?php echo esc_html($item['deslikcustomerreviewsecondstkaveh']); ?></span>
                                          <i class="<?php echo esc_attr($settings['picicondislikefourthstkaveh']['value']); ?>"></i>
                                      </button>
                                      <button type="button" class="like d-flex align-items-center gap-1 p-0">
                                          <span><?php echo esc_html($item['likecustomerreviewsecondstkaveh']); ?></span>
                                          <i class="<?php echo esc_attr($settings['piciconlikefourthstkaveh']['value']); ?>"></i>
                                      </button>
                                  </div>
                              </div>
                          </div>
                          <!-- End Single Comment -->
                          <?php
                      }
                  }
                  ?>
              </div>
  
              <!-- Pagination -->
              <div class="swiper-pagination d-flex align-items-center justify-content-center flex-wrap mt-4 swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"></div>
          </div>
          <!-- End Carousel -->
      </div>
     
      <?php
  }
}
