<?php
namespace TPCore\Widgets;

use Elementor\Widget_Base;
use Elementor\Controls_Manager;
use \Elementor\Group_Control_Background;
use \Elementor\Group_Control_Image_Size;
use \Elementor\Repeater;
use \Elementor\Utils;
use TPCore\Elementor\Controls\Group_Control_TPBGGradient;
use TPCore\Elementor\Controls\Group_Control_TPGradient;

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

/**
 * Tp Core
 *
 * Elementor widget for hello world.
 *
 * @since 1.0.0
 */
class TP_Services extends Widget_Base {

    use \TPCore\Widgets\TPCoreElementFunctions;

    /**
     * Retrieve the widget name.
     *
     * @since 1.0.0
     *
     * @access public
     *
     * @return string Widget name.
     */
    public function get_name() {
        return 'services';
    }

    /**
     * Retrieve the widget title.
     *
     * @since 1.0.0
     *
     * @access public
     *
     * @return string Widget title.
     */
    public function get_title() {
        return __( 'Services', 'tpcore' );
    }

    /**
     * Retrieve the widget icon.
     *
     * @since 1.0.0
     *
     * @access public
     *
     * @return string Widget icon.
     */
    public function get_icon() {
        return 'tp-icon';
    }

    /**
     * Retrieve the list of categories the widget belongs to.
     *
     * Used to determine where to display the widget in the editor.
     *
     * Note that currently Elementor supports only one category.
     * When multiple categories passed, Elementor uses the first one.
     *
     * @since 1.0.0
     *
     * @access public
     *
     * @return array Widget categories.
     */
    public function get_categories() {
        return [ 'tpcore' ];
    }

    /**
     * Retrieve the list of scripts the widget depended on.
     *
     * Used to set scripts dependencies required to run the widget.
     *
     * @since 1.0.0
     *
     * @access public
     *
     * @return array Widget scripts dependencies.
     */
    public function get_script_depends() {
        return [ 'tpcore' ];
    }

    /**
     * Register the widget controls.
     *
     * Adds different input fields to allow the user to change and customize the widget settings.
     *
     * @since 1.0.0
     *
     * @access protected
     */

    protected function register_controls(){
        $this->register_controls_section();
        $this->style_tab_content();
    }   
    protected function register_controls_section() {

        // layout Panel
        $this->start_controls_section(
            'tp_layout',
            [
                'label' => esc_html__('Design Layout', 'tpcore'),
            ]
        );
        $this->add_control(
            'tp_design_style',
            [
                'label' => esc_html__('Select Layout', 'tpcore'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'layout-1' => esc_html__('Layout 1', 'tpcore'),
                    'layout-2' => esc_html__('Layout 2', 'tpcore'),
                    'layout-3' => esc_html__('Layout 3', 'tpcore'),
                    'layout-4' => esc_html__('Layout 4', 'tpcore'),
                ],
                'default' => 'layout-1',
            ]
        );

        $this->end_controls_section();

        // Service group
        $this->start_controls_section(
            'tp_services',
            [
                'label' => esc_html__('Services List', 'tpcore'),
                'description' => esc_html__( 'Control all the style settings from Style tab', 'tpcore' ),
                'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
            ]
        );

        $repeater = new \Elementor\Repeater();

        $repeater->add_control(
            'repeater_condition',
            [
                'label' => __( 'Field condition', 'tpcore' ),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    'style_1' => __( 'Style 1', 'tpcore' ),
                    'style_2' => __( 'Style 2', 'tpcore' ),
                    'style_3' => __( 'Style 3', 'tpcore' ),
                    'style_4' => __( 'Style 4', 'tpcore' ),
                ],
                'default' => 'style_1',
                'frontend_available' => true,
                'style_transfer' => true,
            ]
        );

        $repeater->add_control(
            'tp_box_icon_type',
            [
                'label' => esc_html__('Select Icon Type', 'tpcore'),
                'type' => \Elementor\Controls_Manager::SELECT,
                'default' => 'icon',
                'options' => [
                    'image' => esc_html__('Image', 'tpcore'),
                    'icon' => esc_html__('Icon', 'tpcore'),
                    'svg' => esc_html__('SVG', 'tpcore'),
                ],
            ]
        );

        $repeater->add_control(
            'tp_box_icon_svg',
            [
                'show_label' => false,
                'type' => Controls_Manager::TEXTAREA,
                'label_block' => true,
                'placeholder' => esc_html__('SVG Code Here', 'tpcore'),
                'condition' => [
                    'tp_box_icon_type' => 'svg',
                ]
            ]
        );

        $repeater->add_control(
            'tp_box_icon_image',
            [
                'label' => esc_html__('Upload Icon Image', 'tpcore'),
                'type' => Controls_Manager::MEDIA,
                'default' => [
                    'url' => Utils::get_placeholder_image_src(),
                ],
                'condition' => [
                    'tp_box_icon_type' => 'image',
                ]
            ]
        );

        if (tp_is_elementor_version('<', '2.6.0')) {
            $repeater->add_control(
                'tp_box_icon',
                [
                    'show_label' => false,
                    'type' => Controls_Manager::ICON,
                    'label_block' => true,
                    'default' => 'fa fa-star',
                    'condition' => [
                        'tp_box_icon_type' => 'icon',
                    ]
                ]
            );
        } else {
            $repeater->add_control(
                'tp_box_selected_icon',
                [
                    'show_label' => false,
                    'type' => Controls_Manager::ICONS,
                    'fa4compatibility' => 'icon',
                    'label_block' => true,
                    'default' => [
                        'value' => 'fas fa-star',
                        'library' => 'solid',
                    ],
                    'condition' => [
                        'tp_box_icon_type' => 'icon',
                    ]
                ]
            );
        }
        
        $repeater->add_control(
            'tp_service_item', [
                'label' => esc_html__('Item Title', 'tpcore'),
                'description' => tp_get_allowed_html_desc( 'basic' ),
                'type' => \Elementor\Controls_Manager::TEXT,
                'default' => esc_html__('10 Items', 'tpcore'),
                'condition' => [
                    'repeater_condition' => 'style_2'
                ]
            ]
        );
        
        $repeater->add_control(
            'tp_service_title', [
                'label' => esc_html__('Title', 'tpcore'),
                'description' => tp_get_allowed_html_desc( 'basic' ),
                'type' => \Elementor\Controls_Manager::TEXT,
                'default' => esc_html__('Service Title', 'tpcore'),
                'label_block' => true,
            ]
        );

        $repeater->add_control(
            'tp_service_des', [
                'label' => esc_html__('Description', 'tpcore'),
                'description' => tp_get_allowed_html_desc( 'basic' ),
                'type' => \Elementor\Controls_Manager::TEXTAREA,
                'default' => esc_html__('With SEOMY, you get everything you need for a fast website', 'tpcore'),
                'label_block' => true,
            ]
        );

        $repeater->add_control(
            'tp_services_link_switcher',
            [
                'label' => esc_html__( 'Add Services link', 'tpcore' ),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'label_on' => esc_html__( 'Yes', 'tpcore' ),
                'label_off' => esc_html__( 'No', 'tpcore' ),
                'return_value' => 'yes',
                'default' => 'yes',
                'separator' => 'before',
            ]
        );
        
        $repeater->add_control(
            'tp_services_link_type',
            [
                'label' => esc_html__( 'Service Link Type', 'tpcore' ),
                'type' => \Elementor\Controls_Manager::SELECT,
                'options' => [
                    '1' => 'Custom Link',
                    '2' => 'Internal Page',
                ],
                'default' => '1',
                'condition' => [
                    'tp_services_link_switcher' => 'yes'
                ]
            ]
        );

        $repeater->add_control(
            'tp_services_link',
            [
                'label' => esc_html__( 'Service Link link', 'tpcore' ),
                'type' => \Elementor\Controls_Manager::URL,
                'dynamic' => [
                    'active' => true,
                ],
                'placeholder' => esc_html__( 'https://your-link.com', 'tpcore' ),
                'show_external' => true,
                'default' => [
                    'url' => '#',
                    'is_external' => false,
                    'nofollow' => false,
                ],
                'condition' => [
                    'tp_services_link_type' => '1',
                    'tp_services_link_switcher' => 'yes',
                ]
            ]
        );
        $repeater->add_control(
            'tp_services_page_link',
            [
                'label' => esc_html__( 'Select Service Link Page', 'tpcore' ),
                'type' => \Elementor\Controls_Manager::SELECT2,
                'label_block' => true,
                'options' => tp_get_all_pages(),
                'condition' => [
                    'tp_services_link_type' => '2',
                    'tp_services_link_switcher' => 'yes',
                ]
            ]
        );
        
        $this->add_control(
            'tp_service_list',
            [
                'label' => esc_html__('Services - List', 'tpcore'),
                'type' => \Elementor\Controls_Manager::REPEATER,
                'fields' => $repeater->get_controls(),
                'default' => [
                    [
                        'tp_service_title' => esc_html__('Business Stratagy', 'tpcore'),
                    ],
                    [
                        'tp_service_title' => esc_html__('Website Development', 'tpcore')
                    ],
                    [
                        'tp_service_title' => esc_html__('Marketing & Reporting', 'tpcore')
                    ]
                ],
                'title_field' => '{{{ tp_service_title }}}',
            ]
        );
        
        $this->end_controls_section();

        // shape
        $this->start_controls_section(
            'tp_shape',
                [
                    'label' => esc_html__( 'Shape Section', 'tpcore' ),
                    'condition' => [
                        'tp_design_style' => 'layout-2'
                    ]
                ]
            );
    
            $this->add_control(
            'tp_shape_switch',
            [
                'label'        => esc_html__( 'Shape On/Off', 'tpcore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'tpcore' ),
                'label_off'    => esc_html__( 'Hide', 'tpcore' ),
                'return_value' => 'yes',
                'default'      => '0',
            ]
            );
    
            $this->add_control(
                'tp_shape_image_1',
                [
                    'label' => esc_html__( 'Choose Shape Image 1', 'tpcore' ),
                    'type' => \Elementor\Controls_Manager::MEDIA,
                    'default' => [
                        'url' => \Elementor\Utils::get_placeholder_image_src(),
                    ],
                    'condition' => [
                        'tp_shape_switch' => 'yes'
                    ]
                ]
            );
    
            $this->add_control(
                'tp_shape_image_2',
                [
                    'label' => esc_html__( 'Choose Shape Image 2', 'tpcore' ),
                    'type' => \Elementor\Controls_Manager::MEDIA,
                    'default' => [
                        'url' => \Elementor\Utils::get_placeholder_image_src(),
                    ],
                    'condition' => [
                        'tp_shape_switch' => 'yes',
                    ]
                ]
            );
    
            $this->add_group_control(
                Group_Control_Image_Size::get_type(),
                [
                    'name' => 'shape_image_size', // // Usage: `{name}_size` and `{name}_custom_dimension`, in this case `thumbnail_size` and `thumbnail_custom_dimension`.
                    'exclude' => ['custom'],
                    'condition' => [
                        'tp_shape_switch' => 'yes'
                    ],
                    'default' => 'full'
                ]
            );
            
            $this->end_controls_section();

        // section column
        $this->tp_columns('col', ['layout-2', 'layout-3']);

    }

    // style_tab_content
    protected function style_tab_content(){
        $this->tp_section_style_controls('services_section', 'Section - Style', '.tp-el-section');
        // rep
        $this->tp_icon_style('rep_icon', 'Services List Icon/Image/SVG', '.tp-el-rep-icon', ['layout-1', 'layout-2', 'layout-3']);
        $this->tp_text_link_controls_style('rep_title', 'Services List Title', '.tp-el-rep-title', ['layout-1', 'layout-2', 'layout-3', 'layout-4']);
        $this->tp_basic_style_controls('rep_desc', 'Services List Description', '.tp-el-rep-content', ['layout-1', 'layout-2', 'layout-3']); 
        $this->tp_basic_style_controls('rep_itemsTitle', 'Services Items Title', '.tp-el-rep-itemsTitle', 'layout-2'); 
    }

    /**
     * Render the widget output on the frontend.
     *
     * Written in PHP and used to generate the final HTML.
     *
     * @since 1.0.0
     *
     * @access protected
     */
    protected function render() {
        $settings = $this->get_settings_for_display();

        ?>

<?php if ( $settings['tp_design_style']  == 'layout-2' ) : 
    // shape image
    if ( !empty($settings['tp_shape_image_1']['url']) ) {
        $tp_shape_image = !empty($settings['tp_shape_image_1']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_1']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_1']['url'];
        $tp_shape_image_alt = get_post_meta($settings["tp_shape_image_1"]["id"], "_wp_attachment_image_alt", true);
    }
    if ( !empty($settings['tp_shape_image_2']['url']) ) {
        $tp_shape_image2 = !empty($settings['tp_shape_image_2']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_2']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_2']['url'];
        $tp_shape_image_alt2 = get_post_meta($settings["tp_shape_image_2"]["id"], "_wp_attachment_image_alt", true);
    }    
?>

<div class="tp-catagori__area p-relative pb-20 fix tp-el-section">
    <?php if(!empty($tp_shape_image)) : ?>
    <div class="tp-catagori__shape-1 d-none d-xxl-block">
        <img src="<?php echo esc_url($tp_shape_image); ?>" alt="<?php echo esc_attr($tp_shape_image_alt); ?>">
    </div>
    <?php endif; ?>
    <?php if(!empty($tp_shape_image2)) : ?>
    <div class="tp-catagori__shape-2 d-none d-xxl-block">
        <img src="<?php echo esc_url($tp_shape_image2); ?>" alt="<?php echo esc_attr($tp_shape_image_alt2); ?>">
    </div>
    <?php endif; ?>
    <div class="container">
        <div class="tp-catagori__box p-relative">
            <div class="tp-catagori__wrapper">
                <div class="tp-catagori__catagori-wrap">
                    <div class="tp-catagori__catagori-box">
                        <div class="row g-0">

                            <?php foreach ($settings['tp_service_list'] as $key => $item) :
                                // Link
                                if ('2' == $item['tp_services_link_type']) {
                                    $link = get_permalink($item['tp_services_page_link']);
                                    $target = '_self';
                                    $rel = 'nofollow';
                                } else {
                                    $link = !empty($item['tp_services_link']['url']) ? $item['tp_services_link']['url'] : '';
                                    $target = !empty($item['tp_services_link']['is_external']) ? '_blank' : '';
                                    $rel = !empty($item['tp_services_link']['nofollow']) ? 'nofollow' : '';
                                }
                            ?>
                            <div
                                class="col-xl-<?php echo esc_attr($settings['tp_col_for_desktop']); ?> col-lg-<?php echo esc_attr($settings['tp_col_for_laptop']); ?> col-md-<?php echo esc_attr($settings['tp_col_for_tablet']); ?> col-<?php echo esc_attr($settings['tp_col_for_mobile']); ?> col-catagori-1">
                                <div class="tp-catagori__border">
                                    <div class="tp-catagori__item p-relative d-flex align-items-center">
                                        <?php if(!empty($item['tp_service_item'])) : ?>
                                        <div class="tp-catagori__item-text tp-el-rep-itemsTitle">
                                            <span><?php echo tp_kses($item['tp_service_item']); ?></span>
                                        </div>
                                        <?php endif; ?>
                                        <div class="tp-catagori__thumb">
                                            <span class="tp-el-rep-icon">
                                                <?php if($item['tp_box_icon_type'] == 'icon') : ?>
                                                <?php if (!empty($item['tp_box_icon']) || !empty($item['tp_box_selected_icon']['value'])) : ?>
                                                <?php tp_render_icon($item, 'tp_box_icon', 'tp_box_selected_icon'); ?>
                                                <?php endif; ?>
                                                <?php elseif( $item['tp_box_icon_type'] == 'image' ) : ?>
                                                <?php if (!empty($item['tp_box_icon_image']['url'])): ?>
                                                <img src="<?php echo $item['tp_box_icon_image']['url']; ?>"
                                                    alt="<?php echo get_post_meta(attachment_url_to_postid($item['tp_box_icon_image']['url']), '_wp_attachment_image_alt', true); ?>">
                                                <?php endif; ?>
                                                <?php else : ?>
                                                <?php if (!empty($item['tp_box_icon_svg'])): ?>
                                                <?php echo $item['tp_box_icon_svg']; ?>
                                                <?php endif; ?>
                                                <?php endif; ?>
                                            </span>
                                            <div class="tp-catagori__shape">
                                                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/catagori/icon-shape-1.png"
                                                    alt="">
                                            </div>
                                        </div>
                                        <div class="tp-catagori__text">

                                            <?php if (!empty($item['tp_service_title' ])): ?>
                                            <h5 class="tp-catagori__title tp-el-rep-title">
                                                <?php if ($item['tp_services_link_switcher'] == 'yes') : ?>
                                                <a href="<?php echo esc_url($link); ?>"><?php echo tp_kses($item['tp_service_title' ]); ?></a>
                                                <?php else : ?>
                                                <?php echo tp_kses($item['tp_service_title' ]); ?>
                                                <?php endif; ?>
                                            </h5>
                                            <?php endif; ?>
                                            <?php if(!empty($item['tp_service_des'])) : ?>
                                            <p class="tp-el-rep-content"><?php echo tp_kses($item['tp_service_des']); ?></p>
                                            <?php endif; ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <?php endforeach; ?>

                        </div>
                    </div>
                </div>
            </div>
            <div class="tp-catagori-slider-dots"></div>
        </div>
    </div>
</div>

<?php elseif ( $settings['tp_design_style']  == 'layout-3' ) : ?>

<div class="tp-service-3__area pt-120 pb-120 tp-el-section">
    <div class="container">
        <div class="row">

            <?php foreach ($settings['tp_service_list'] as $key => $item) :
                // Link
                if ('2' == $item['tp_services_link_type']) {
                    $link = get_permalink($item['tp_services_page_link']);
                    $target = '_self';
                    $rel = 'nofollow';
                } else {
                    $link = !empty($item['tp_services_link']['url']) ? $item['tp_services_link']['url'] : '';
                    $target = !empty($item['tp_services_link']['is_external']) ? '_blank' : '';
                    $rel = !empty($item['tp_services_link']['nofollow']) ? 'nofollow' : '';
                }
            ?>
            <div class="col-xl-<?php echo esc_attr($settings['tp_col_for_desktop']); ?> col-lg-<?php echo esc_attr($settings['tp_col_for_laptop']); ?> col-md-<?php echo esc_attr($settings['tp_col_for_tablet']); ?> col-<?php echo esc_attr($settings['tp_col_for_mobile']); ?> mb-30">
                <div class="tp-service-3__item">
                    <div class="tp-service-3__icon d-flex align-items-center justify-content-between">

                        <span class="p-relative tp-el-rep-icon">
                            <?php if($item['tp_box_icon_type'] == 'icon') : ?>
                            <?php if (!empty($item['tp_box_icon']) || !empty($item['tp_box_selected_icon']['value'])) : ?>
                            <?php tp_render_icon($item, 'tp_box_icon', 'tp_box_selected_icon'); ?>
                            <?php endif; ?>
                            <?php elseif( $item['tp_box_icon_type'] == 'image' ) : ?>
                            <?php if (!empty($item['tp_box_icon_image']['url'])): ?>
                            <img src="<?php echo $item['tp_box_icon_image']['url']; ?>"
                                alt="<?php echo get_post_meta(attachment_url_to_postid($item['tp_box_icon_image']['url']), '_wp_attachment_image_alt', true); ?>">
                            <?php endif; ?>
                            <?php else : ?>
                            <?php if (!empty($item['tp_box_icon_svg'])): ?>
                            <?php echo $item['tp_box_icon_svg']; ?>
                            <?php endif; ?>
                            <?php endif; ?>
                            <span class="tp-service-3__icon-shape">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/cta/shape.png" alt="">
                            </span>
                        </span>

                        <?php if(!empty($link)) : ?>
                        <a href="<?php echo esc_url($link); ?>">
                            <svg width="19" height="13" viewBox="0 0 19 13" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M18.7364 5.87892L13.0844 0.255665C13.0054 0.175133 12.9092 0.110788 12.8019 0.066762C12.6947 0.0227362 12.5786 0 12.4613 0C12.344 0 12.228 0.0227362 12.1208 0.066762C12.0135 0.110788 11.9173 0.175133 11.8383 0.255665C11.6723 0.425822 11.5804 0.647188 11.5804 0.876748C11.5804 1.10631 11.6723 1.32766 11.8383 1.49782L15.9826 5.61985H0.880729C0.641443 5.63597 0.417604 5.73558 0.254214 5.89865C0.0908248 6.06172 0 6.27616 0 6.49885C0 6.72154 0.0908248 6.93597 0.254214 7.09904C0.417604 7.2621 0.641443 7.36171 0.880729 7.37784H15.9801L11.8358 11.5022C11.6698 11.6723 11.5779 11.8937 11.5779 12.1233C11.5779 12.3528 11.6698 12.5742 11.8358 12.7443C11.9148 12.8249 12.011 12.8892 12.1183 12.9332C12.2255 12.9773 12.3416 13 12.4589 13C12.5762 13 12.6922 12.9773 12.7994 12.9332C12.9067 12.8892 13.0029 12.8249 13.0819 12.7443L18.7364 7.13265C18.9059 6.96181 19 6.73805 19 6.50578C19 6.27352 18.9059 6.04976 18.7364 5.87892Z"
                                    fill="white" />
                            </svg>
                        </a>
                        <?php endif; ?>
                    </div>
                    <div class="tp-service-3__content">
                        <?php if (!empty($item['tp_service_title' ])): ?>
                        <h5 class="tp-service-3__title tp-el-rep-title">
                            <?php if ($item['tp_services_link_switcher'] == 'yes') : ?>
                            <a href="<?php echo esc_url($link); ?>"><?php echo tp_kses($item['tp_service_title' ]); ?></a>
                            <?php else : ?>
                            <?php echo tp_kses($item['tp_service_title' ]); ?>
                            <?php endif; ?>
                        </h5>
                        <?php endif; ?>
                        <?php if(!empty($item['tp_service_des'])) : ?>
                        <span class="tp-el-rep-content"><?php echo tp_kses($item['tp_service_des']); ?></span>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
            <?php endforeach; ?>
            
        </div>
    </div>
</div>

<?php elseif ( $settings['tp_design_style']  == 'layout-4' ) : ?>

    
<div class="tp-service-widget-tab">
    <ul>
        <?php foreach ($settings['tp_service_list'] as $key => $item) :
            // Link
            if ('2' == $item['tp_services_link_type']) {
                $link = get_permalink($item['tp_services_page_link']);
                $target = '_self';
                $rel = 'nofollow';
            } else {
                $link = !empty($item['tp_services_link']['url']) ? $item['tp_services_link']['url'] : '';
                $target = !empty($item['tp_services_link']['is_external']) ? '_blank' : '';
                $rel = !empty($item['tp_services_link']['nofollow']) ? 'nofollow' : '';
            }
        ?>
        <li>
            <?php if(!empty($link)) : ?>
            <a class="tp-el-rep-title" href="<?php echo esc_url($link); ?>"><?php echo tp_kses($item['tp_service_title' ]); ?> <i class="fa-regular fa-arrow-right-long"></i></a>
            <?php else : ?>
            <?php echo tp_kses($item['tp_service_title' ]); ?>
            <?php endif; ?>
        </li>
        <?php endforeach; ?>
    </ul>
</div>

<?php else : ?>

<div class="tp-catagori-2__wrapper p-relative tp-el-section">
    <div class="swiper-container tp-catagori-2__active">
        <div class="swiper-wrapper">

            <?php foreach ($settings['tp_service_list'] as $key => $item) :
                // Link
                if ('2' == $item['tp_services_link_type']) {
                    $link = get_permalink($item['tp_services_page_link']);
                    $target = '_self';
                    $rel = 'nofollow';
                } else {
                    $link = !empty($item['tp_services_link']['url']) ? $item['tp_services_link']['url'] : '';
                    $target = !empty($item['tp_services_link']['is_external']) ? '_blank' : '';
                    $rel = !empty($item['tp_services_link']['nofollow']) ? 'nofollow' : '';
                }
            ?>
            <div class="swiper-slide">
                <div class="tp-catagori-2__item text-center">
                    <div class="tp-catagori-2__icon">
                        <?php if($item['tp_box_icon_type'] == 'icon') : ?>
                        <?php if (!empty($item['tp_box_icon']) || !empty($item['tp_box_selected_icon']['value'])) : ?>
                        <span class="tp-el-rep-icon">
                            <?php tp_render_icon($item, 'tp_box_icon', 'tp_box_selected_icon'); ?>
                        </span>
                        <?php endif; ?>
                        <?php elseif( $item['tp_box_icon_type'] == 'image' ) : ?>
                        <?php if (!empty($item['tp_box_icon_image']['url'])): ?>
                        <span class="tp-el-rep-icon">
                            <img src="<?php echo $item['tp_box_icon_image']['url']; ?>"
                                alt="<?php echo get_post_meta(attachment_url_to_postid($item['tp_box_icon_image']['url']), '_wp_attachment_image_alt', true); ?>">
                        </span>
                        <?php endif; ?>
                        <?php else : ?>
                        <?php if (!empty($item['tp_box_icon_svg'])): ?>
                        <span class="tp-el-rep-icon">
                            <?php echo $item['tp_box_icon_svg']; ?>
                        </span>
                        <?php endif; ?>
                        <?php endif; ?>
                    </div>
                    <?php if (!empty($item['tp_service_title' ])): ?>
                    <h4 class="tp-catagori-2__title-2 tp-el-rep-title">
                        <?php if ($item['tp_services_link_switcher'] == 'yes') : ?>
                        <a href="<?php echo esc_url($link); ?>"><?php echo tp_kses($item['tp_service_title' ]); ?></a>
                        <?php else : ?>
                        <?php echo tp_kses($item['tp_service_title' ]); ?>
                        <?php endif; ?>
                    </h4>
                    <?php endif; ?>
                    <?php if(!empty($item['tp_service_des'])) : ?>
                    <p class="tp-el-rep-content"><?php echo tp_kses($item['tp_service_des']); ?></p>
                    <?php endif; ?>
                </div>
            </div>
            <?php endforeach; ?>

        </div>
    </div>
    <div class="tp-catagori-2__arrow-box">
        <div class="slider-next">
            <button>
                <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M1.00342 1.71661e-05C0.805267 -0.00113773 0.611262 0.0568676 0.446137 0.166636C0.281012 0.276405 0.152248 0.432964 0.0762626 0.616354C0.000277452 0.799745 -0.0194868 1.00166 0.0194897 1.19635C0.0584662 1.39104 0.154417 1.56968 0.29511 1.70951L5.58247 6.99796L0.29511 12.2864C0.107256 12.4747 0.00171992 12.73 0.00171992 12.9962C0.00171992 13.128 0.0276294 13.2586 0.0779694 13.3803C0.128309 13.5021 0.202094 13.6128 0.29511 13.706C0.388127 13.7992 0.498553 13.8731 0.620084 13.9236C0.741616 13.974 0.871873 14 1.00342 14C1.26908 14 1.52387 13.8942 1.71172 13.706L7.69742 7.70775C7.88323 7.52045 7.98752 7.26707 7.98752 7.00296C7.98752 6.73885 7.88323 6.48548 7.69742 6.29817L1.71172 0.299929C1.61933 0.205468 1.50915 0.130322 1.38756 0.0788403C1.26598 0.0273581 1.13541 0.000566483 1.00342 1.71661e-05Z"
                        fill="black" />
                </svg>
            </button>
        </div>
    </div>
</div>


<?php endif; 
    }
}

$widgets_manager->register( new TP_Services() );