<?php



use Elementor\Widget_Base;
use Elementor\Controls_Manager;

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


class Sliderseventeenkaveh extends Widget_Base{

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

  public function get_title(){
    return esc_html__( 'Slider Style Seventeen', 'kavehTheme' );
  }

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

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

  protected function register_controls(){




    $this->start_controls_section(
      'contentsliderseventeenkaveh',
      [
          'label' => esc_html__('Slider Content', 'kavehTheme'),
          'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
      ]
  );
  
  $repeater = new \Elementor\Repeater();
  $repeater->add_control(
      'backsliderseventeenkaveh',
      [
          'label' => esc_html__('Select Your Image', 'kavehTheme'),
          'type' => \Elementor\Controls_Manager::MEDIA,
          'default' => [
              'url' => \Elementor\Utils::get_placeholder_image_src(),
          ],
      ]
  );
  
  $repeater->add_control(
      'titlesliderseventeenkaveh',
      [
          'label' => esc_html__('Main Title', 'kavehTheme'),
            'type' => \Elementor\Controls_Manager::TEXT,
            'default' => esc_html__('Buy Various Types of Rings', 'kavehTheme'),
      ]
  );

  $repeater->add_control(
    'titleslider_tag_seventeenkaveh',
    [
        'label' => esc_html__('Title Tag', 'kavehTheme'),
        'type' => \Elementor\Controls_Manager::SELECT,
        'default' => 'h2',
        'options' => [
            'h1' => 'H1',
            'h2' => 'H2',
            'h3' => 'H3',
            'h4' => 'H4',
            'h5' => 'H5',
            'h6' => 'H6',
            'div' => 'div',
            'span' => 'span',
            'p'   => 'p',
        ],
    ]
);
  
  $repeater->add_control(
      'subtitlesliderseventeenkaveh',
      [
          'label' => esc_html__('Subtitle', 'kavehTheme'),
            'type' => \Elementor\Controls_Manager::TEXT,
            'default' => esc_html__('Jewelry Store', 'kavehTheme'),
      ]
  );

  $repeater->add_control(
    'imagetitle_sliderseventeenkaveh',
    [
        'label' => esc_html__('Text Under Image', 'kavehTheme'),
            'type' => \Elementor\Controls_Manager::TEXT,
            'default' => esc_html__('Buying Experience', 'kavehTheme'),
    ]
);
  
  $repeater->add_control(
      'button_text_sliderseventeenkaveh',
      [
          'label' => esc_html__('Button Text', 'kavehTheme'),
            'type' => \Elementor\Controls_Manager::TEXT,
            'default' => esc_html__('Start Right Now', 'kavehTheme'),
      ]
  );

  $repeater->add_control(
    'button_icon_sliderseventeenkaveh',
    [
        'label' => esc_html__('Button Icon', 'kavehTheme'),
        'type' => \Elementor\Controls_Manager::ICONS,
        'skin' => 'inline',
        'exclude_inline_options' => [ 'svg' ],
        'default' => [
            'value' => 'fas fa-arrow-left',
        ],
    ]
);

  $repeater->add_control(
    'linksliderseventeenkaveh',
    [
        'label' => esc_html__( 'Slide Link', 'kavehTheme' ),
        'type' => \Elementor\Controls_Manager::TEXT,
        'default' => esc_html__( '#', 'kavehTheme' ),

    ]
);

$this->add_control(
  'slidessliderseventeenkaveh',
  [
    'label' => esc_html__( 'Slides', 'kavehTheme' ),
    'type' => \Elementor\Controls_Manager::REPEATER,
    'fields' => $repeater->get_controls(),
    ],
);
  
  $this->end_controls_section();



//////////////////////////////////// style //////////////////////////////////


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

$this->add_control(
  'title1_slider_color_seventeenkaveh',
  [
    'label' => esc_html__('First Text Color', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::COLOR,
  ]
);

$this->add_control(
  'title2_slider_color_seventeenkaveh',
  [
    'label' => esc_html__('Second Text Color', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::COLOR,
  ]
);

$this->add_group_control(
  \Elementor\Group_Control_Typography::get_type(),
  [
    'name' => 'title_slider_typography_seventeenkaveh',
    'label' => esc_html__('Typography', 'kavehTheme'),
    'selector' => '{{WRAPPER}} .hero-landing-one-item .content .title > *'
  ]
);

$this->add_control(
  'subtitle_slider_color_seventeenkaveh',
  [
    'label' => esc_html__('Subtitle Color', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::COLOR,
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one-item .content .sub-title > *' => 'color: {{VALUE}};',
    ],
  ]
);

$this->add_group_control(
  \Elementor\Group_Control_Typography::get_type(),
  [
    'name' => 'subtitle_slider_typography_seventeenkaveh',
    'label' => esc_html__('Typography', 'kavehTheme'),
    'selector' => '{{WRAPPER}} .hero-landing-one-item .content .sub-title > *',
  ]
);

$this->add_control(
  'image_title_color_seventeenkaveh',
  [
    'label' => esc_html__('Text Color', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::COLOR,
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one-item .image::after' => 'color: {{VALUE}};',
    ],
  ]
);

$this->add_group_control(
  \Elementor\Group_Control_Typography::get_type(),
  [
    'name' => 'image_title_typography_seventeenkaveh',
    'label' => esc_html__('Typography', 'kavehTheme'),
    'selector' => '{{WRAPPER}} .hero-landing-one-item .image::after',
  ]
);

$this->end_controls_section();
$this->start_controls_section(
  'slider_button_style_seventeenkaveh',
  [
    'label' => esc_html__('Button Style', 'kavehTheme'),
    'tab' => \Elementor\Controls_Manager::TAB_STYLE,
  ]
);

$this->start_controls_tabs('slider_btn_tabs_seventeenkaveh');

$this->start_controls_tab('slider_btn_normal_seventeenkaveh', [
  'label' => esc_html__('Normal', 'kavehTheme'),
]);

$this->add_control('slider_btn_color_seventeenkaveh', [
  'label' => esc_html__('Text Color', 'kavehTheme'),
  'type' => \Elementor\Controls_Manager::COLOR,
  'selectors' => [
    '{{WRAPPER}} .hero-landing-one .btn-view' => 'color: {{VALUE}};',
  ],
]);

$this->add_control('slider_btn_bg_seventeenkaveh', [
  'label' => esc_html__('Background Color', 'kavehTheme'),
  'type' => \Elementor\Controls_Manager::COLOR,
  'selectors' => [
    '{{WRAPPER}} .hero-landing-one .btn-view' => 'background-color: {{VALUE}};',
  ],
]);

$this->add_group_control(
  \Elementor\Group_Control_Border::get_type(),
  [
    'name' => 'slider_btn_border_seventeenkaveh',
    'label' => esc_html__('Border', 'kavehTheme'),
    'selector' => '{{WRAPPER}} .hero-landing-one .btn-view',
  ]
);

$this->end_controls_tab();

$this->start_controls_tab('slider_btn_hover_seventeenkaveh', [
  'label' => esc_html__('Hover', 'kavehTheme'),
]);

$this->add_control('slider_btn_hover_color_seventeenkaveh', [
  'label' => esc_html__('Text Color (Hover)', 'kavehTheme'),
  'type' => \Elementor\Controls_Manager::COLOR,
  'selectors' => [
    '{{WRAPPER}} .hero-landing-one .btn-view:hover' => 'color: {{VALUE}};',
  ],
]);

$this->add_control('slider_btn_hover_bg_seventeenkaveh', [
  'label' => esc_html__('Background Color (Hover)', 'kavehTheme'),
  'type' => \Elementor\Controls_Manager::COLOR,
  'selectors' => [
    '{{WRAPPER}} .hero-landing-one .btn-view:hover' => 'background-color: {{VALUE}};',
  ],
]);

$this->add_group_control(
  \Elementor\Group_Control_Border::get_type(),
  [
    'name' => 'slider_btn_hover_border_seventeenkaveh',
    'label' => esc_html__('Border (Hover)', 'kavehTheme'),
    'selector' => '{{WRAPPER}} .hero-landing-one .btn-view:hover',
  ]
);

$this->end_controls_tab();

$this->end_controls_tabs();

$this->add_group_control(
  \Elementor\Group_Control_Typography::get_type(),
  [
    'name' => 'slider_btn_typo_seventeenkaveh',
    'label' => esc_html__('Typography', 'kavehTheme'),
    'selector' => '{{WRAPPER}} .hero-landing-one .btn-view',
  ]
);

$this->add_responsive_control(
  'slider_btn_icon_size_seventeenkaveh',
  [
    'label' => esc_html__('Icon Size', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::SLIDER,
    'range' => [
      'px' => ['min' => 0, 'max' => 60],
    ],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .btn-view i' => 'font-size: {{SIZE}}{{UNIT}};',
    ],
  ]
);

$this->add_responsive_control(
  'slider_btn_icon_margin_right_seventeenkaveh',
  [
    'label' => esc_html__('Icon Distance from Right', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::SLIDER,
    'range' => [
      'px' => ['min' => 0, 'max' => 50],
    ],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .btn-view i' => 'margin-right: {{SIZE}}{{UNIT}};',
    ],
  ]
);

$this->add_responsive_control(
  'slider_btn_padding_seventeenkaveh',
  [
    'label' => esc_html__('Padding', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::DIMENSIONS,
    'size_units' => [ 'px'],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .btn-view' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    ],
  ]
);

$this->add_control(
  'slider_btn_radius_seventeenkaveh',
  [
    'label' => esc_html__('Border Radius', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::DIMENSIONS,
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .btn-view' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    ],
  ]
);

$this->add_group_control(
  \Elementor\Group_Control_Box_Shadow::get_type(),
  [
    'name' => 'slider_btn_shadow_seventeenkaveh',
    'label' => esc_html__('Button Shadow', 'kavehTheme'),
    'selector' => '{{WRAPPER}} .hero-landing-one .btn-view',
  ]
);

$this->end_controls_section();
$this->start_controls_section(
  'slider_image_style_seventeenkaveh',
  [
    'label' => esc_html__('Background Image Style', 'kavehTheme'),
    'tab' => \Elementor\Controls_Manager::TAB_STYLE,
  ]
);

$this->add_responsive_control(
  'slider_img_width_seventeenkaveh',
  [
    'label' => esc_html__('Image Width', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::SLIDER,
    'range' => ['px' => ['min' => 50, 'max' => 1000]],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .hero-landing-one-item .image img' => 'width: {{SIZE}}{{UNIT}};',
    ],
  ]
);

$this->add_responsive_control(
  'slider_img_height_seventeenkaveh',
  [
    'label' => esc_html__('Image Height', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::SLIDER,
    'range' => ['px' => ['min' => 50, 'max' => 1000]],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .hero-landing-one-item .image img' => 'height: {{SIZE}}{{UNIT}};',
    ],
  ]
);

$this->add_control(
  'slider_img_radius_seventeenkaveh',
  [
    'label' => esc_html__('Image Border Radius', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::DIMENSIONS,
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .hero-landing-one-item .image img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    ],
  ]
);

$this->add_group_control(
  \Elementor\Group_Control_Box_Shadow::get_type(),
  [
    'name' => 'slider_img_shadow_seventeenkaveh',
    'label' => esc_html__('Image Shadow', 'kavehTheme'),
    'selector' => '{{WRAPPER}} .hero-landing-one .hero-landing-one-item .image img',
  ]
);

$this->end_controls_section();
$this->start_controls_section(
  'slider_bottom_curve_seventeenkaveh',
  [
    'label' => esc_html__('Decorative Style Below Image', 'kavehTheme'),
    'tab' => \Elementor\Controls_Manager::TAB_STYLE,
  ]
);

$this->add_control(
  'slider_curve_color_seventeenkaveh',
  [
    'label' => esc_html__('Semi-circle Line Color', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::COLOR,
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one-item .image::before' => 'background-color: {{VALUE}};',
    ],
  ]
);

$this->add_responsive_control(
  'slider_curve_width_seventeenkaveh',
  [
    'label' => esc_html__('Curve Width', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::SLIDER,
    'range' => ['px' => ['min' => 50, 'max' => 1000]],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one-item .image::before' => 'width: {{SIZE}}{{UNIT}};',
    ],
  ]
);

$this->add_responsive_control(
  'slider_curve_height_seventeenkaveh',
  [
    'label' => esc_html__('Curve Height', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::SLIDER,
    'range' => ['px' => ['min' => 50, 'max' => 1000]],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one-item .image::before' => 'height: {{SIZE}}{{UNIT}};',
    ],
  ]
);

$this->add_responsive_control(
  'slider_curve_margin_top_seventeenkaveh',
  [
    'label' => esc_html__('Distance from Image', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::SLIDER,
    'range' => ['px' => ['min' => 0, 'max' => 100]],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one-item .image::before' => 'margin-top: {{SIZE}}{{UNIT}};',
    ],
  ]
);

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

$this->add_group_control(
  \Elementor\Group_Control_Background::get_type(),
  [
    'name' => 'slider_box_bg_seventeenkaveh',
    'label' => esc_html__('Background', 'kavehTheme'),
    'types' => ['classic', 'gradient'],
    'selector' => '{{WRAPPER}} .hero-landing-one',
  ]
);

$this->add_group_control(
  \Elementor\Group_Control_Border::get_type(),
  [
    'name' => 'slider_box_border_seventeenkaveh',
    'selector' => '{{WRAPPER}} .hero-landing-one',
  ]
);

$this->add_responsive_control(
  'slider_box_margin_seventeenkaveh',
  [
    'label' => esc_html__('Margin', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::DIMENSIONS,
    'size_units' => ['px'],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    ],
  ]
);

$this->add_responsive_control(
  'slider_box_padding_seventeenkaveh',
  [
    'label' => esc_html__('Inner Padding', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::DIMENSIONS,
    'size_units' => ['px'],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    ],
  ]
);

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

$this->add_group_control(
  \Elementor\Group_Control_Box_Shadow::get_type(),
  [
    'name' => 'slider_box_shadow_seventeenkaveh',
    'selector' => '{{WRAPPER}} .hero-landing-one',
  ]
);

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

$this->add_control(
  'nav_btn_icon_color_seventeenkaveh',
  [
    'label' => esc_html__('Icon Color', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::COLOR,
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .swiper-button-prev svg, {{WRAPPER}} .hero-landing-one .swiper-button-next svg' => 'color: {{VALUE}}; fill: {{VALUE}};',
    ],
  ]
);

$this->add_group_control(
  \Elementor\Group_Control_Background::get_type(),
  [
    'name' => 'nav_btn_bg_seventeenkaveh',
    'label' => esc_html__('Background', 'kavehTheme'),
    'types' => ['classic', 'gradient'],
    'selector' => '{{WRAPPER}} .hero-landing-one .swiper-button-prev, {{WRAPPER}} .hero-landing-one .swiper-button-next',
  ]
);

$this->add_group_control(
  \Elementor\Group_Control_Border::get_type(),
  [
    'name' => 'nav_btn_border_seventeenkaveh',
    'selector' => '{{WRAPPER}} .hero-landing-one .swiper-button-prev, {{WRAPPER}} .hero-landing-one .swiper-button-next',
  ]
);

$this->add_responsive_control(
  'nav_btn_size_seventeenkaveh',
  [
    'label' => esc_html__('Button Dimensions', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::SLIDER,
    'range' => [
      'px' => [ 'min' => 20, 'max' => 120 ],
    ],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .swiper-button-prev, {{WRAPPER}} .hero-landing-one .swiper-button-next' =>
        'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};',
      '{{WRAPPER}} .hero-landing-one .swiper-button-prev svg, {{WRAPPER}} .hero-landing-one .swiper-button-next svg' =>
        'width: calc({{SIZE}}{{UNIT}} * 0.5); height: calc({{SIZE}}{{UNIT}} * 0.5);',
    ],
  ]
);

$this->add_control(
  'nav_btn_padding_seventeenkaveh',
  [
    'label' => esc_html__('Button Padding', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::DIMENSIONS,
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .swiper-button-prev, {{WRAPPER}} .hero-landing-one .swiper-button-next' =>
        'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    ],
  ]
);

$this->add_control(
  'nav_btn_radius_seventeenkaveh',
  [
    'label' => esc_html__('Border Radius', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::DIMENSIONS,
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .swiper-button-prev, {{WRAPPER}} .hero-landing-one .swiper-button-next' =>
        'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    ],
  ]
);

$this->add_group_control(
  \Elementor\Group_Control_Box_Shadow::get_type(),
  [
    'name' => 'nav_btn_shadow_seventeenkaveh',
    'selector' => '{{WRAPPER}} .hero-landing-one .swiper-button-prev, {{WRAPPER}} .hero-landing-one .swiper-button-next',
  ]
);

$this->end_controls_section();
$this->start_controls_section(
  'pagination_style_seventeenkaveh',
  [
    'label' => esc_html__('Pagination Style', 'kavehTheme'),
    'tab' => \Elementor\Controls_Manager::TAB_STYLE,
  ]
);

$this->add_control(
  'pagination_color_normal_seventeenkaveh',
  [
    'label' => esc_html__('Button Color (Normal)', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::COLOR,
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .swiper-pagination-bullet' => 'background-color: {{VALUE}};',
    ],
  ]
);

$this->add_control(
  'pagination_color_active_seventeenkaveh',
  [
    'label' => esc_html__('Active Color', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::COLOR,
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .swiper-pagination-bullet-active' => 'background-color: {{VALUE}};',
    ],
  ]
);

$this->add_responsive_control(
  'pagination_size_seventeenkaveh',
  [
    'label' => esc_html__('Circle Size', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::SLIDER,
    'range' => [
      'px' => ['min' => 4, 'max' => 30],
    ],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .swiper-pagination-bullet' =>
        'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};',
    ],
  ]
);

$this->add_control(
  'pagination_radius_seventeenkaveh',
  [
    'label' => esc_html__('Active Dot Border Radius', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::DIMENSIONS,
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .swiper-pagination-bullet' =>
        'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    ],
  ]
);

$this->add_responsive_control(
  'pagination_active_width_seventeenkaveh',
  [
    'label' => esc_html__('Active Dot Width', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::SLIDER,
    'range' => [
      'px' => ['min' => 4, 'max' => 60],
    ],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .swiper-pagination-bullet-active' => 'width: {{SIZE}}{{UNIT}};',
    ],
  ]
);

$this->add_responsive_control(
  'pagination_active_height_seventeenkaveh',
  [
    'label' => esc_html__('Active Dot Height', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::SLIDER,
    'range' => [
      'px' => ['min' => 4, 'max' => 60],
    ],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .swiper-pagination-bullet-active' => 'height: {{SIZE}}{{UNIT}};',
    ],
  ]
);

$this->add_control(
  'pagination_active_radius_seventeenkaveh',
  [
    'label' => esc_html__('Active Dot Border Radius', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::DIMENSIONS,
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .swiper-pagination-bullet-active' =>
        'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    ],
  ]
);

$this->add_responsive_control(
  'pagination_gap_seventeenkaveh',
  [
    'label' => esc_html__('Space Between Dots', 'kavehTheme'),
    'type' => \Elementor\Controls_Manager::SLIDER,
    'range' => [
      'px' => ['min' => 0, 'max' => 50],
    ],
    'selectors' => [
      '{{WRAPPER}} .hero-landing-one .swiper-pagination' => 'gap: {{SIZE}}{{UNIT}};',
    ],
  ]
);

$this->end_controls_section();













          
        }


        protected function render() {
          $settings = $this->get_settings_for_display();
          $clsid = $this->get_id();
          ?>
      <div class="hero-landing-one position-relative d-flex align-items-center justify-content-center">
      <div class="container">
        <!-- Start Swiper -->
        <div class="swiper swiper-hero-landing-one position-relative swiper-fade swiper-initialized swiper-horizontal swiper-pointer-events swiper-rtl swiper-watch-progress swiper-backface-hidden">
          <div class="swiper-wrapper" id="swiper-wrapper-ed1df1c53a6c5c9e" aria-live="off" style="transition-duration: 0ms;">

          <?php
          if (!empty($settings['slidessliderseventeenkaveh'])) {
          foreach ($settings['slidessliderseventeenkaveh'] as $item) {
          ?>
            <div class="swiper-slide">
              <div class="hero-landing-one-item position-relative">
                <div class="image position-absolute" data-title="<?php echo esc_attr($item['imagetitle_sliderseventeenkaveh']); ?>">
                  <img src="<?php echo esc_url($item['backsliderseventeenkaveh']['url']); ?>" alt="gold" width="349" height="259">
                </div>
                <div class="content d-flex flex-column align-items-start w-100">
                  <div class="title overflow-hidden mb-2">
                    <<?php echo  esc_attr($item['titleslider_tag_seventeenkaveh']); ?> class="mb-0 titleoneslider"><?php echo esc_html($item['titlesliderseventeenkaveh']); ?></<?php echo  esc_attr($item['titleslider_tag_seventeenkaveh']); ?>>
                  </div>
                  <div class="sub-title overflow-hidden">
                    <div><?php echo esc_html($item['subtitlesliderseventeenkaveh']); ?></div>
                  </div>
                  <div class="btn-box overflow-hidden">
                    <a href="<?php echo esc_url( $item['linksliderseventeenkaveh']);?>" class="btn-view d-block">
                      <?php echo esc_html($item['button_text_sliderseventeenkaveh']); ?>
                      <?php if (!empty($item['button_icon_sliderseventeenkaveh']['value'])) : ?>
                          <i class="<?php echo esc_attr($item['button_icon_sliderseventeenkaveh']['value']); ?> iconsliderone"></i>
                      <?php endif; ?>
                    </a>
                  </div>
                </div>
              </div>
            </div>
            <?php
            }
            }
            ?>


          </div>
          <div class="swiper-controller d-flex align-items-center justify-content-center position-absolute bottom-0 end-50">
            <div class="swiper-button-prev position-relative top-0 start-0 bottom-0 end-0 m-0 w-auto h-auto" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-ed1df1c53a6c5c9e">
              <svg xmlns="http://www.w3.org/2000/svg" width="25" height="26" fill="none" viewBox="0 0 25 26">
                <path fill="currentColor" d="m15.948 11.597 3.736-.351c.838 0 1.518.729 1.518 1.628 0 .9-.68 1.629-1.518 1.629l-3.736-.351c-.657 0-1.19-.572-1.19-1.278 0-.707.533-1.277 1.19-1.277Z" opacity=".4"></path>
                <path fill="currentColor" d="M3.408 11.662c.059-.063.277-.328.482-.547 1.195-1.377 4.315-3.628 5.948-4.317.248-.11.874-.344 1.21-.36.32 0 .627.078.92.234.364.219.655.564.815.97.103.282.264 1.127.264 1.142.16.923.246 2.424.246 4.083 0 1.579-.087 3.018-.218 3.957-.014.016-.175 1.065-.35 1.424-.32.657-.947 1.063-1.618 1.063h-.058c-.438-.015-1.357-.423-1.357-.437-1.545-.689-4.592-2.831-5.817-4.255 0 0-.346-.367-.495-.595a1.978 1.978 0 0 1-.35-1.141c0-.454.13-.876.378-1.221Z"></path>
              </svg>
            </div>
            <div class="swiper-pagination position-relative top-0 start-0 bottom-0 end-0 m-0 w-auto h-auto d-flex align-items-center justify-content-center swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span></div>
            <div class="swiper-button-next position-relative top-0 start-0 bottom-0 end-0 m-0 w-auto h-auto" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-ed1df1c53a6c5c9e">
              <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="none" viewBox="0 0 26 26">
                <path fill="currentColor" d="M9.135 11.597 5.4 11.246c-.838 0-1.518.729-1.518 1.628 0 .9.68 1.629 1.518 1.629l3.735-.351c.658 0 1.191-.572 1.191-1.278 0-.707-.533-1.277-1.19-1.277Z" opacity=".4"></path>
                <path fill="currentColor" d="M21.676 11.662c-.059-.063-.277-.328-.482-.547C20 9.738 16.88 7.487 15.246 6.798c-.248-.11-.874-.344-1.21-.36a1.93 1.93 0 0 0-.92.234 1.986 1.986 0 0 0-.815.97c-.103.282-.264 1.127-.264 1.142-.16.923-.246 2.424-.246 4.083 0 1.579.087 3.018.218 3.957.014.016.175 1.065.35 1.424.32.657.947 1.063 1.618 1.063h.059c.437-.015 1.356-.423 1.356-.437 1.545-.689 4.592-2.831 5.817-4.255 0 0 .346-.367.495-.595.234-.328.35-.735.35-1.141 0-.454-.13-.876-.378-1.221Z"></path>
              </svg>
            </div>
          </div>
        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
        <!-- End Swiper -->
      </div>
    </div>
    <style>
    .hero-landing-one-item .content .title > * {
    background-image: linear-gradient(267.73deg, <?php echo esc_html($settings['title1_slider_color_seventeenkaveh']); ?> 7.26%, <?php echo esc_html($settings['title2_slider_color_seventeenkaveh']); ?> 139.86%);
    }
    i.far.fa-address-book.iconsliderone {
    margin-right: 5px;
    }
    </style>
    <script>
      function init<?php echo $clsid; ?>() {
             // Swiper Landing Gold
             const swiperLandingGold = $(".swiper-hero-landing-one");
      if (swiperLandingGold.length > 0) {
        new Swiper(".swiper-hero-landing-one", {
          slidesPerView: 1,
          spaceBetween: 0,
          pagination: {
            el: ".swiper-pagination",
            type: "bullets",
            clickable: true,
          },
          // autoplay: {
          //   delay: 5000,
          //   disableOnInteraction: false,
          //   pauseOnMouseEnter: true,
          // },
          effect: "fade",
          fadeEffect: {
            crossFade: true,
          },
          loop: true,
          navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
          },
        });
      }
        }
        if (window.Swiper) {
          // Swiper library already loaded, initialize Swiper instance
          init<?php echo $clsid; ?>();
        } else {
          // Swiper library not yet loaded, wait for it to load
          window.addEventListener("load", function() {
            init<?php echo $clsid; ?>();
          });
        }
    </script>
          <?php
      }
    }
