<?php

namespace Layerdrops\Noile\Widgets;


class Team extends \Elementor\Widget_Base
{
    public function get_name()
    {
        return 'noile-team';
    }

    public function get_title()
    {
        return __('Team', 'noile-addon');
    }

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

    public function get_categories()
    {
        return ['noile-category'];
    }

    protected function register_controls()
    {
        $this->start_controls_section(
            'layout_section',
            [
                'label' => __('Layout', 'noile-addon'),
                'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
            ]
        );

        $this->add_control(
            'layout_type',
            [
                'label' => __('Select Layout', 'noile-addon'),
                'type' => \Elementor\Controls_Manager::SELECT2,
                'default' => 'layout_one',
                'options' => [
                    'layout_one' => __('Layout One', 'noile-addon'),
                    'layout_two' => __('Layout Two', 'noile-addon'),
                    'layout_three' => __('Layout Three', 'noile-addon'),
                    'layout_four' => __('Layout Four', 'noile-addon'),
                    'layout_five' => __('Layout Five', 'noile-addon'),
                ]
            ]
        );

        $this->end_controls_section();

        include noile_get_elementor_option('team-one-option.php');
        include noile_get_elementor_option('team-two-option.php');
        include noile_get_elementor_option('team-three-option.php');
        include noile_get_elementor_option('team-four-option.php');
        include noile_get_elementor_option('team-five-option.php');

        //General style
        $this->start_controls_section(
            'general_style',
            [
                'label' => esc_html__('Content Style', 'noile-addon'),
                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
            ]
        );

        noile_elementor_general_style_options($this, 'Section Title', '{{WRAPPER}} .sec-title__heading', ['layout_one', 'layout_two', 'layout_three','layout_four','layout_five']);
        noile_elementor_general_style_options($this, 'Section Sub Title', '{{WRAPPER}} .sec-title__top', ['layout_one', 'layout_two', 'layout_three','layout_four','layout_five']);

        noile_elementor_link_style_options($this, 'Name', '{{WRAPPER}} .team-one__item-name, {{WRAPPER}} .team__card-name ', '{{WRAPPER}} .team-one__item-name a:hover, {{WRAPPER}} .team__card-name a:hover', ['layout_one', 'layout_two', 'layout_three','layout_four', 'layout_five']);

        noile_elementor_general_style_options($this, 'Bio', '{{WRAPPER}} .team-one__item-profession,{{WRAPPER}}  .team__card-profession', ['layout_one', 'layout_two', 'layout_three','layout_four','layout_five']);

        noile_elementor_button_style_options($this, 'Socail Icon', '{{WRAPPER}} .team-one__item-social-link,{{WRAPPER}} .team-one__item-social-link i,{{WRAPPER}} .team__card-social-link,{{WRAPPER}} .team__card-social-link i,{{WRAPPER}} .team__card-social-link, {{WRAPPER}} .team__card-social-link i', '{{WRAPPER}} .team-one__item-social-link:hover, {{WRAPPER}} .team-one__item-social-link i:hover,{{WRAPPER}} .team__card-social-link:hover, {{WRAPPER}} .team__card-social-link:hover, {{WRAPPER}} .team__card-social-link i:hover', ['layout_one', 'layout_two', 'layout_three','layout_four','layout_four']);

        $this->end_controls_section();

        noile_elementor_column_count_options($this, ['layout_one', 'layout_two', 'layout_three']);

        noile_get_elementor_carousel_options($this, ['layout_four', 'layout_five']);
    }

    protected function render()
    {
        $settings = $this->get_settings_for_display();
        include noile_get_template('team-one.php');
        include noile_get_template('team-two.php');
        include noile_get_template('team-three.php');
        include noile_get_template('team-four.php');
        include noile_get_template('team-five.php');
    }
}