Sid Gifari File Manager

Sid Gifari File Manager

🏠 Root / home / ailwtbdh / lynchestinegroup.com / wp-content / plugins / koncrete-core_2 / elementor / project-gallery /

Editing: class.php

<?php
/**
 * @author  RadiusTheme
 * @since   1.0
 * @version 1.0
 */

namespace radiustheme\Koncrete_Core;

use Elementor\Controls_Manager;
use Elementor\Group_Control_Background;
use Elementor\Group_Control_Typography;
use radiustheme\Koncrete\Helper;

if ( ! defined( 'ABSPATH' ) ) exit;

class Project_Gallery extends Custom_Widget_Base {

public function __construct( $data = array(), $args = null ){
    $this->rt_name = esc_html__( 'Project Gallery', 'koncrete-core' );
    $this->rt_base = 'rt-project-gallery';
    $this->rt_translate = array(
      'cols'  => array(
        '12' => esc_html__( '1 Col', 'koncrete-core' ),
        '6'  => esc_html__( '2 Col', 'koncrete-core' ),
        '4'  => esc_html__( '3 Col', 'koncrete-core' ),
        '3'  => esc_html__( '4 Col', 'koncrete-core' ),
        '2'  => esc_html__( '6 Col', 'koncrete-core' ),
      ),
      'cols_slider'  => array(
        '1'  => esc_html__( '1 Col', 'koncrete-core' ),
        '2'  => esc_html__( '2 Col', 'koncrete-core' ),
        '3'  => esc_html__( '3 Col', 'koncrete-core' ),
        '4'  => esc_html__( '4 Col', 'koncrete-core' ),
        '5'  => esc_html__( '5 Col', 'koncrete-core' ),
        '6'  => esc_html__( '6 Col', 'koncrete-core' ),
        '7'  => esc_html__( '6 Col', 'koncrete-core' ),
      ),
    );
    parent::__construct( $data, $args );
  }

private function rt_load_scripts(){
    wp_enqueue_style( 'owl-carousel' );
    wp_enqueue_style( 'owl-theme-default' );
    wp_enqueue_script( 'owl-carousel' );
    wp_enqueue_script( 'imagesloaded' );
    wp_enqueue_script( 'isotope-pkgd' );
  }

private function rt_cat_dropdown() {
    $prefix = Constants::$theme_prefix;

$terms = get_terms( array(
      'taxonomy' => "{$prefix}_project_category",
      'hide_empty' => true,
    ) );
    $category_dropdown = array();
    foreach ( $terms as $category ) {
      $category_dropdown[$category->term_id] = $category->name;
    }

return $category_dropdown;
  }

public function rt_fields(){
    $fields = array(
      array(
        'mode'    => 'section_start',
        'id'      => 'sec_general',
        'label'   => esc_html__( 'General', 'koncrete-core' ),
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'style',
        'label'   => esc_html__( 'Layout Style', 'koncrete-core' ),
        'options' => array(
          'style1' => esc_html__( 'Style 1 (Isotope)', 'koncrete-core' ),
          'style2' => esc_html__( 'Style 2 (Isotope)', 'koncrete-core' ),
          'style3' => esc_html__( 'Style 3 (Isotope)', 'koncrete-core' ),
          'style4' => esc_html__( 'Style 4 (gallery)', 'koncrete-core' ),
          'style5' => esc_html__( 'Style 5 (gallery)', 'koncrete-core' ),
          'style6' => esc_html__( 'Style 6 (slider)', 'koncrete-core' ),
          'style7' => esc_html__( 'Style 7 (gallery)', 'koncrete-core' ),
        ),
        'default' => 'style1',
      ),

/**
       * have to make it backward compatible
       */
      array(
        'type'        => Controls_Manager::SELECT2,
        'id'          => 'multiple_category',
        'label'       => __( 'Categories', 'koncrete-core' ),
        'options'     => $this->rt_cat_dropdown(),
        'multiple'    => true,
        'description' => esc_html__( 'All categories is selected by defAult', 'koncrete-core' ),
      ),

array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'theme',
        'label'   => esc_html__( 'Theme', 'koncrete-core' ),
        'options' => array(
          'light' => esc_html__( 'Light Background', 'koncrete-core' ),
          'dark'  => esc_html__( 'Dark Background', 'koncrete-core' ),
        ),
        'default' => 'light',
        'condition'   => array( 'style' => array( 'style4' ) ),
      ),
      array(
        'type'        => Controls_Manager::NUMBER,
        'id'          => 'posts_per_page',
        'label'       => esc_html__( 'Posts Per Page', 'koncrete-core' ),
        'default'     => 3,
      ),
      array(
        'type'        => Controls_Manager::SWITCHER,
        'id'          => 'pagination_display',
        'label_on'    => esc_html__( 'Show', 'koncrete-core' ),
        'label_off'   => esc_html__( 'Hide', 'koncrete-core' ),
        'label'       => esc_html__( 'Show Pagination', 'koncrete-core' ),
        'default'     => "no",
        'condition'   => array( 'style' => array( 'style1', 'style2', 'style3', 'style4', 'style5', 'style7' ) ),
      ),
      array(
        'type'        => Controls_Manager::NUMBER,
        'id'          => 'no_of_excerpt_words',
        'label'       => esc_html__( 'Number Of words for excerpt', 'koncrete-core' ),
        'default'     => '14',
        'condition' => array( 'style' => array( 'style6' ) ),
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'orderby',
        'label'   => esc_html__( 'Order By', 'koncrete-core' ),
        'options' => array(
          'date'        => esc_html__( 'Date (Recents comes fIrst)', 'koncrete-core' ),
          'title'       => esc_html__( 'Title', 'koncrete-core' ),
          'menu_order'  => esc_html__( 'Custom Order (Available via Order fIeld inside Page Attributes box)', 'koncrete-core' ),
        ),
        'default' => 'date',
      ),

array(
        'mode' => 'section_end',
      ),

// Responsive Columns
      array(
        'mode'    => 'section_start',
        'condition'   => array( 'style' => array( 'style1', 'style2', 'style3', 'style5', 'style4', 'style7') ),
        'id'      => 'sec_responsive',
        'label'   => esc_html__( 'Number of Responsive Columns', 'koncrete-core' ),
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'col_lg',
        'label'   => esc_html__( 'Desktops: > 1199px', 'koncrete-core' ),
        'options' => $this->rt_translate['cols'],
        'default' => '4',
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'col_md',
        'label'   => esc_html__( 'Desktops: > 991px', 'koncrete-core' ),
        'options' => $this->rt_translate['cols'],
        'default' => '4',
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'col_sm',
        'label'   => esc_html__( 'Tablets: > 767px', 'koncrete-core' ),
        'options' => $this->rt_translate['cols'],
        'default' => '6',
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'col_xs',
        'label'   => esc_html__( 'Phones: < 768px', 'koncrete-core' ),
        'options' => $this->rt_translate['cols'],
        'default' => '12',
      ),
      array(
        'mode' => 'section_end',
      ),
      // Slider options
      array(
        'mode'        => 'section_start',
        'id'          => 'sec_slider',
        'condition' => array( 'style' => array( 'style6' ) ),
        'label'       => esc_html__( 'Slider Options', 'koncrete-core' ),
      ),
      array(
        'type'        => Controls_Manager::SWITCHER,
        'id'          => 'slider_autoplay',
        'label'       => esc_html__( 'Autoplay', 'koncrete-core' ),
        'label_on'    => esc_html__( 'On', 'koncrete-core' ),
        'label_off'   => esc_html__( 'OfF', 'koncrete-core' ),
        'default'     => 'yes',
        'description' => esc_html__( 'Enable or disable autoplay. DefAult: On', 'koncrete-core' ),
      ),
      array(
        'type'        => Controls_Manager::SWITCHER,
        'id'          => 'slider_stop_on_hover',
        'label'       => esc_html__( 'Stop on Hover', 'koncrete-core' ),
        'label_on'    => esc_html__( 'On', 'koncrete-core' ),
        'label_off'   => esc_html__( 'OfF', 'koncrete-core' ),
        'default'     => 'yes',
        'description' => esc_html__( 'Stop autoplay on mouse hover. DefAult: On', 'koncrete-core' ),
        'condition'   => array( 'slider_autoplay' => 'yes' ),
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'slider_interval',
        'label'   => esc_html__( 'Autoplay Interval', 'koncrete-core' ),
        'options' => array(
          '5000' => esc_html__( '5 Seconds', 'koncrete-core' ),
          '4000' => esc_html__( '4 Seconds', 'koncrete-core' ),
          '3000' => esc_html__( '3 Seconds', 'koncrete-core' ),
          '2000' => esc_html__( '2 Seconds', 'koncrete-core' ),
          '1000' => esc_html__( '1 Second',  'koncrete-core' ),
        ),
        'default' => '5000',
        'description' => esc_html__( 'Set any value fOr example 5 seconds to play it in every 5 seconds. Default: 5 Seconds', 'koncrete-core' ),
        'condition'   => array( 'slider_autoplay' => 'yes' ),
      ),
      array(
        'type'    => Controls_Manager::NUMBER,
        'id'      => 'slider_autoplay_speed',
        'label'   => esc_html__( 'Autoplay Slide Speed', 'koncrete-core' ),
        'default' => 200,
        'description' => esc_html__( 'Slide speed in milliseconds. DefAult: 200', 'koncrete-core' ),
        'condition'   => array( 'slider_autoplay' => 'yes' ),
      ),
      array(
        'type'        => Controls_Manager::SWITCHER,
        'id'          => 'slider_loop',
        'label'       => esc_html__( 'Loop', 'koncrete-core' ),
        'label_on'    => esc_html__( 'On', 'koncrete-core' ),
        'label_off'   => esc_html__( 'OfF', 'koncrete-core' ),
        'default'     => 'yes',
        'description' => esc_html__( 'Loop to fIrst item. Default: On', 'koncrete-core' ),
      ),
      array(
        'mode' => 'section_end',
      ),
      // Responsive Columns for slider
      array(
        'mode'    => 'section_start',
        'id'      => 'sec_responsive_slider',
        'condition' => array( 'style' => array( 'style6' ) ),
        'label'   => esc_html__( 'Number of Responsive Columns for slider', 'koncrete-core' ),
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'col_lg_slider',
        'label'   => esc_html__( 'Desktops: > 1199px', 'koncrete-core' ),
        'options' => $this->rt_translate['cols_slider'],
        'default' => '3',
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'col_md_slider',
        'label'   => esc_html__( 'Desktops: > 991px', 'koncrete-core' ),
        'options' => $this->rt_translate['cols_slider'],
        'default' => '3',
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'col_sm_slider',
        'label'   => esc_html__( 'Tablets: > 767px', 'koncrete-core' ),
        'options' => $this->rt_translate['cols_slider'],
        'default' => '3',
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'col_xs_slider',
        'label'   => esc_html__( 'Phones: < 768px', 'koncrete-core' ),
        'options' => $this->rt_translate['cols_slider'],
        'default' => '1',
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'col_mobile_slider',
        'label'   => esc_html__( 'Small Phones: < 480px', 'koncrete-core' ),
        'options' => $this->rt_translate['cols_slider'],
        'default' => '1',
      ),
      array(
        'mode' => 'section_end',
      ),

// Style
      // title
      array(
        'mode'      => 'section_start',
        'id'        => 'title_style',
        'label'     => esc_html__( 'Title Style', 'koncrete-core' ),
        'tab'       => Controls_Manager::TAB_STYLE,
        'condition' => array( 'style' => array( 'style1',  'style2',  'style4',  'style5',  'style6', 'style7' ) ),
      ),
      array(
        'mode'           => 'group',
        'type'           => Group_Control_Typography::get_type(),
        'name'           => 'title_typo',
        'label'          => esc_html__( 'Title Typography', 'koncrete-core' ),
        'selector'       => '
          {{WRAPPER}}  .rtel-project-gallery1 .rtin-project-layout1 .rtin-item-content .rtin-title,
          {{WRAPPER}}  .rtel-project-gallery .rtin-project-layout2 .rtin-item-content .title,
          {{WRAPPER}}  .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content .item-title,
          {{WRAPPER}}  .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner .title,
          {{WRAPPER}}  .rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content .rtin-item-title,
          {{WRAPPER}}  .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner .title
        ',
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'title_color',
        'label'     => esc_html__( 'Title Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-project-gallery1 .rtin-project-layout1 .rtin-item-content .rtin-title a' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery .rtin-project-layout2 .rtin-item-content .title a' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content .item-title a' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner .title a' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content .rtin-item-title a' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner .title a' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'title_hover_color',
        'label'     => esc_html__( 'Title Hover Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-project-gallery1 .rtin-project-layout1 .rtin-item-content .rtin-title a:hover' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery .rtin-project-layout2 .rtin-item-content .title a:hover' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content .item-title a:hover' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner .title a:hover' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content .rtin-item-title a:hover' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner .title a:hover' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'type'       => Controls_Manager::DIMENSIONS,
        'size_units' => array( 'px', '%', 'em' ),
        'id'         => 'title_content_margin',
        'label'      => __( 'title Margin', 'koncrete-core' ),                 
        'selectors'  => array(
          '{{WRAPPER}} .rtel-project-gallery1 .rtin-project-layout1 .rtin-item-content .rtin-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} .rtel-project-gallery .rtin-project-layout2 .rtin-item-content .title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content .item-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner .title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} .rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content .rtin-item-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner .title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
        ),
        'separator'  => 'before',
      ),      
      array(
        'mode' => 'section_end',
      ),

// meta
      array(
        'mode'      => 'section_start',
        'id'        => 'meta_style',
        'label'     => esc_html__( 'Meta / Text Style', 'koncrete-core' ),
        'tab'       => Controls_Manager::TAB_STYLE,
        'condition' => array( 'style' => array( 'style1', 'style2', 'style4', 'style5', 'style6', 'style7', ) ),
      ),
      array(
        'mode'           => 'group',
        'type'           => Group_Control_Typography::get_type(),
        'name'           => 'meta_typo',
        'label'          => esc_html__( 'Meta Typography', 'koncrete-core' ),
        'selector'       => '
          {{WRAPPER}}  .rtel-project-gallery1 .rtin-project-layout1 .rtin-item-content .rtin-sub-title,
          {{WRAPPER}}  .rtel-project-gallery .rtin-project-layout2 .rtin-item-content .sub-title,
          {{WRAPPER}}  .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner .item-date,
          {{WRAPPER}}  .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content .item-subtitle,
          {{WRAPPER}}  .rtel-project-gallery6 .rtin-project-layout6:hover .rtin-item-content p,
          {{WRAPPER}}  .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner .subtitle-block
        ',
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'meta_color',
        'label'     => esc_html__( 'Meta Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-project-gallery1 .rtin-project-layout1 .rtin-item-content .rtin-sub-title' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery .rtin-project-layout2 .rtin-item-content .sub-title' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content .item-subtitle' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner .item-date' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery6 .rtin-project-layout6:hover .rtin-item-content p' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner .subtitle-block' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'mode' => 'section_end',
      ),

// isotope navigation style
      array(
        'mode'      => 'section_start',
        'id'        => 'isotope_section_style',
        'label'     => esc_html__( 'Isotope Navigation Style', 'koncrete-core' ),
        'tab'       => Controls_Manager::TAB_STYLE,
        'condition' => array( 'style' => array( 'style1',  'style2',  'style3', ) ),
      ),
      array(
        'mode'           => 'group',
        'type'           => Group_Control_Typography::get_type(),
        'name'           => 'isotope_navigation_typo',
        'label'          => esc_html__( 'Navigation Title Typography', 'koncrete-core' ),
        'selector'       => '
          {{WRAPPER}}  .rtel-project-gallery .isotop-btn1 a.nav-item,
          {{WRAPPER}}  .rtel-project-gallery .isotop-btn a.nav-item
        ',
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'isotope_navigation_color',
        'label'     => esc_html__( 'Isotope Navigation Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}}  .rtel-project-gallery .isotop-btn1 a.nav-item' => 'color: {{VALUE}}',
          '{{WRAPPER}}  .rtel-project-gallery .isotop-btn a.nav-item' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'isotope_navigation_hover_color',
        'label'     => esc_html__( 'Isotope Navigation Hover Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}}  .rtel-project-gallery .isotop-btn1 a.nav-item:hover' => 'color: {{VALUE}}',
          '{{WRAPPER}}  .rtel-project-gallery .isotop-btn1 a.nav-item.current' => 'color: {{VALUE}}',

'{{WRAPPER}}  .rtel-project-gallery .isotop-btn a.nav-item:hover' => 'color: {{VALUE}}',
          '{{WRAPPER}}  .rtel-project-gallery .isotop-btn a.nav-item.current' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'istope_nav_item_title_border_color',
        'label'     => esc_html__( 'Isotope Nav Title Border Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-project-gallery .isotop-btn1 a.nav-item:after' => 'background-color: {{VALUE}}',
        ),
        'condition' => array( 'style' => array( 'style2', 'style3', ) ),
      ),
      array(
        'mode'            => 'group',
        'separator'       => 'before',
        'label_block'     => true,
        'type'            => Group_Control_Background::get_type(),
        'name'            => 'isotope_item_background',
        'types'           => array( 'classic', 'gradient', ),
        'fields_options'  => array(
          'background' => array(
            'label' => esc_html__( 'Isotope Nav Item Background', 'koncrete-core' ),
          ),
        ),
        'selector'        => '
          {{WRAPPER}} .rtel-project-gallery .isotop-btn a
        ',
        'condition'   => array( 'style' => 'style1', ),
      ),
      array(
        'mode'            => 'group',
        'separator'       => 'before',
        'label_block'     => true,
        'type'            => Group_Control_Background::get_type(),
        'name'            => 'isotope_item_hover_background',
        'types'           => array( 'classic', 'gradient', ),
        'fields_options'  => array(
          'background' => array(
            'label' => esc_html__( 'Isotope Nav Item Hover Background', 'koncrete-core' ),
          ),
        ),
        'selector'        => '
          {{WRAPPER}} .rtel-project-gallery .isotop-btn a:hover
        ',
        'condition'   => array( 'style' => 'style1', ),
      ),
      array(
        'mode' => 'section_end',
      ),
      array(
        'mode'    => 'section_start',
        'id'      => 'others_style',
        'label'   => esc_html__( 'Others Style Style', 'koncrete-core' ),
        'tab'     => Controls_Manager::TAB_STYLE,
        'condition' => array( 'style' => array( 'style2',  'style3',  'style4',  'style5',  'style6', 'style7',  ) ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'title_left_border_color',
        'label'     => esc_html__( 'Title Left Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content .rtin-item-title:before' => 'background-color: {{VALUE}}',
        ),
        'condition' => array( 'style' => array( 'style6', ) ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'other_background_color',
        'label'     => esc_html__( 'Other Background Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-project-gallery .rtin-project-layout2 .rtin-item-img .item-btn-wrap1 .item-btn' => 'background-color: {{VALUE}}; border-color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery .rtin-project-layout2:hover .rtin-item-img .item-btn-wrap .item-btn' => 'border-bottom-color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-img:after' => 'background-color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content' => 'background: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner a.item-icon' => 'background-color: {{VALUE}}; border-color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery6 .smart-nav-layout3 div:hover' => 'background-color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'other_foreground_color',
        'label'     => esc_html__( 'Other Foreground Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-project-gallery .rtin-project-layout2 .rtin-item-img .item-btn-wrap1 .item-btn i:before' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery .rtin-project-layout2 .rtin-item-img .item-btn-wrap .item-btn i:before' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner a.item-icon' => 'border-color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner a.item-icon i:before' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner a.item-icon i:before' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-project-gallery6 .smart-nav-layout3 div:hover i' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'mode' => 'section_end',
      ),
      array(
        'mode'    => 'section_start',
        'id'      => 'pagination_style',
        'label'   => esc_html__( 'Pagination Style', 'koncrete-core' ),
        'tab'     => Controls_Manager::TAB_STYLE,
        'condition' => array(
          'style' => array( 'style1', 'style2', 'style3', 'style4', 'style5', 'style7',  ),
           'pagination_display' => 'yes' ,
        ),
      ),
      array(
        'mode'           => 'group',
        'type'           => Group_Control_Typography::get_type(),
        'name'           => 'pagination_typo',
        'label'          => esc_html__( 'Pagination Typography', 'koncrete-core' ),
        'selector'       => '
          {{WRAPPER}}  .pagination-layout1 ul li span,
          {{WRAPPER}}  .pagination-layout1 ul li a
        ',
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'pagination_bg_color',
        'label'     => esc_html__( 'Pagination Background Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .pagination-layout1 ul li a' => 'background-color: {{VALUE}}',
          '{{WRAPPER}} .pagination-layout1 ul li span' => 'background-color: {{VALUE}}',
      
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'pagination_hover_bg_color',
        'label'     => esc_html__( 'Pagination Hover / Active Background Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .pagination-layout1 ul li.active span' => 'background: {{VALUE}}',
          '{{WRAPPER}} .pagination-layout1 ul li a:hover' => 'background: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'background-color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'background-color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'background-color: {{VALUE}}',
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'pagination_text_color',
        'label'     => esc_html__( 'Pagination Text Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .pagination-layout1 ul li a' => 'color: {{VALUE}}',
          '{{WRAPPER}} .pagination-layout1 ul li span' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'pagination_text_accent_color',
        'label'     => esc_html__( 'Pagination Text accent Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .pagination-layout1 ul li a:hover' => 'color: {{VALUE}}',
          '{{WRAPPER}} .pagination-layout1 ul li.active span' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'disable_pagination_color',
        'label'     => esc_html__( 'Disable pagination Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .pagination-layout1 .pagi-next.disabled span' => 'color: {{VALUE}}',
          '{{WRAPPER}} .pagination-layout1 .pagi-previous.disabled span' => 'color: {{VALUE}}',
        ),
        'default'  => '#999',
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'disable_pagination_background_color',
        'label'     => esc_html__( 'Disable pagination Background Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .pagination-layout1 .pagi-next.disabled span' => 'background-color: {{VALUE}}',
          '{{WRAPPER}} .pagination-layout1 .pagi-previous.disabled span' => 'background-color: {{VALUE}}',
        ),
        'default'  => '#fff',
      ),
      
      array(
        'mode' => 'section_end',
      ),
    );
    return $fields;
  }
  protected function render() {
    $data = $this->get_settings();
    $uniqueid = uniqid();
    $owl_data = array(
      'nav'                => true,
      'navText'            => array('<i class="flaticon-left-arrow" aria-hidden="true"></i>', '<i class="flaticon-right-arrow" aria-hidden="true"></i>'),
      'navContainer'       => '#'.$uniqueid,
      'dots'               => false,
      'autoplay'           => $data['slider_autoplay'] == 'yes' ? true : false,
      'autoplayTimeout'    => $data['slider_interval'],
      'autoplaySpeed'      => $data['slider_autoplay_speed'],
      'autoplayHoverPause' => $data['slider_stop_on_hover'] == 'yes' ? true : false,
      'loop'               => $data['slider_loop'] == 'yes' ? true : false,
      'margin'             => 10,
      'smartSpeed'         => 1200,
      'responsive'         => array(
        '0'    => array(
          'items' => $data['col_mobile_slider'],
          'nav'   => true,
          'dots'  => false,
        ),
        '480'  => array(
          'items' => $data['col_xs_slider'],
          'nav'   => true,
          'dots'  => false,
        ),
        '768'  => array(
          'items' => $data['col_sm_slider'],
          'nav'   => true,
          'dots'  => false,
        ),
        '992'  => array(
          'items' => $data['col_md_slider'],
          'nav'   => true,
          'dots'  => false,
        ),
        '1200' => array(
          'items' => $data['col_lg_slider'],
          'nav'   => true,
          'dots'  => false,
        ),
      )
    );
    if ( is_rtl () ) {
      $owl_data['rtl'] = true;
    }
    $data['owl_data'] = json_encode( $owl_data );
    $data['uniqueid'] = $uniqueid;

$this->rt_load_scripts();

switch ( $data['style'] ) {
      case 'style2':
        $template = 'view-2';
        break;

case 'style3':
        $template = 'view-3';
        break;

case 'style4':
        $template = 'view-4';
        break;

case 'style5':
        $template = 'view-5';
        break;

case 'style6':
        $template = 'view-6';
        break;

case 'style7':
        $template = 'view-7';
        break;
        
      default:
      $template = 'view-1';
      break;
    }
    return $this->rt_template( $template, $data );
  }
}