<?php

namespace METOPLUGIN\Element;

use Elementor\Controls_Manager;
use Elementor\Controls_Stack;
use Elementor\Group_Control_Typography;
use Elementor\Scheme_Typography;
use Elementor\Scheme_Color;
use Elementor\Group_Control_Border;
use Elementor\Repeater;
use Elementor\Widget_Base;
use Elementor\Utils;
use Elementor\Group_Control_Text_Shadow;
use Elementor\Plugin;

/**
 * Elementor button widget.
 * Elementor widget that displays a button with the ability to control every
 * aspect of the button design.
 *
 * @since 1.0.0
 */
class Home_Banner_V1 extends Widget_Base
{

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

    /**
     * Get widget title.
     * Retrieve button widget title.
     *
     * @since  1.0.0
     * @access public
     * @return string Widget title.
     */
    public function get_title()
    {
        return esc_html__('Home Banner V1', 'meto');
    }

    /**
     * Get widget icon.
     * Retrieve button widget icon.
     *
     * @since  1.0.0
     * @access public
     * @return string Widget icon.
     */
    public function get_icon()
    {
        return 'eicon-library-open';
    }

    /**
     * Get widget categories.
     * Retrieve the list of categories the button widget belongs to.
     * Used to determine where to display the widget in the editor.
     *
     * @since  2.0.0
     * @access public
     * @return array Widget categories.
     */
    public function get_categories()
    {
        return [ 'meto' ];
    }

    /**
     * Register button 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->start_controls_section(
            'home_banner_v1',
            [
                'label' => esc_html__('Home Banner V1', 'meto'),
            ]
        );
		$this->add_control(
            'pattern',
			[
				'label' => __( 'Enable/Disable BG Pattern', 'meto' ),
				'type'     => Controls_Manager::SWITCHER,
				'dynamic'     => [
					'active' => true,
				],
				'placeholder' => __( 'Enable/Disable BG Pattern', 'meto' ),
			]
		);
        $this->add_control(
            'bg_image',
            [
                  'label' => __('Background Image', 'meto'),
                  'type' => Controls_Manager::MEDIA,
                  'default' => ['url' => Utils::get_placeholder_image_src(),],

                ]
        );
        $this->add_control(
            'slide_info',
            [
                    'type' => Controls_Manager::REPEATER,
                    'seperator' => 'before',
                    'default' =>
                        [
                            ['subtitle' => esc_html__('What’s Your SEO Score', 'meto')],
                            ['subtitle' => esc_html__('What’s Your SEO Score', 'meto')],
                            ['subtitle' => esc_html__('What’s Your SEO Score', 'meto')]
                        ],
                    'fields' =>
                        [

                            [
                                'name' => 'feature_img',
                                'label' => esc_html__('Feature image', 'meto'),
                                'type' => Controls_Manager::MEDIA,
                                'default' => ['url' => Utils::get_placeholder_image_src(),],
                            ],
                            [
                                'name' => 'subtitle',
                                'label' => esc_html__('Sub Title', 'meto'),
                                'type' => Controls_Manager::TEXTAREA,
                                'default' => esc_html__('Enter Sub Title', 'meto')
                            ],
							[
                                'name' => 'title',
                                'label' => esc_html__('Title', 'meto'),
                                'type' => Controls_Manager::TEXTAREA,
                                'default' => esc_html__('Enter Title', 'meto')
                            ],
                            [
                                'name' => 'text',
                                'label' => esc_html__('Description', 'meto'),
                                'type' => Controls_Manager::TEXTAREA,
                                'default' => esc_html__('', 'meto')
                            ],
                            [
                                'name' => 'btn_title',
                                'label' => esc_html__('Button Title', 'meto'),
                                'type' => Controls_Manager::TEXT,
                                'default' => esc_html__('Enter Button Title', 'meto')
                            ],
                            [
                                'name' => 'btn_link',
                                'label' => __('Button Link', 'meto'),
                                'type' => Controls_Manager::URL,
                                'placeholder' => __('https://your-link.com', 'plugin-domain'),
                                'show_external' => true,
                                'default' => ['url' => '','is_external' => true,'nofollow' => true,],
                            ],
							[
                                'name' => 'btn_title2',
                                'label' => esc_html__('Button Title Two', 'meto'),
                                'type' => Controls_Manager::TEXT,
                                'default' => esc_html__('Enter Button Title', 'meto')
                            ],
                            [
                                'name' => 'btn_link2',
                                'label' => __('Button Link Two', 'meto'),
                                'type' => Controls_Manager::URL,
                                'placeholder' => __('https://your-link.com', 'plugin-domain'),
                                'show_external' => true,
                                'default' => ['url' => '','is_external' => true,'nofollow' => true,],
                            ],
                        ],
                    'title_field' => '{{subtitle}}',
                 ]
        );
        $this->end_controls_section();
    }

    /**
     * Render button 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();
        $allowed_tags = wp_kses_allowed_html('post'); ?>

        <!--Banner Section-->
        <section class="banner-section">
            <?php if($settings['bg_image']['url']){ ?>
            <div class="patern-layer-one" style="background-image: url(<?php echo $settings['bg_image']['url']; ?>)"></div>
            <?php } ?>
			<?php if($settings['pattern']){ ?>
            <div class="patern-layer-two" style="background-image: url(<?php echo get_template_directory_uri(); ?>/assets/images/icons/banner-curve.png)"></div>
            <div class="patern-layer-three" style="background-image: url(<?php echo get_template_directory_uri(); ?>/assets/images/background/pattern-1.png)"></div>
            <div class="patern-layer-four" style="background-image: url(<?php echo get_template_directory_uri(); ?>/assets/images/background/pattern-2.png)"></div>
            <?php } ?>
            <div class="main-slider-carousel owl-carousel owl-theme">
                <?php foreach ($settings['slide_info'] as $item):?>
                <div class="slide">
                    <div class="auto-container">
                        <div class="row clearfix">
                        
                            <!-- Content Column -->
                            <div class="content-column col-lg-6 col-md-12 col-sm-12">
                                <div class="inner-column">
                                    <?php if($item['subtitle']){ ?><div class="title"><?php echo wp_kses($item['subtitle'], $allowed_tags); ?></div><?php } ?>
                                    <?php if($item['title']){ ?><h1><?php echo wp_kses($item['title'], $allowed_tags); ?></h1><?php } ?>
                                    <?php if($item['text']){ ?><div class="text"><?php echo wp_kses($item['text'], $allowed_tags); ?></div><?php } ?>
                                    
                                    <?php if($item['btn_link']['url'] || $item['btn_link2']['url']){ ?>
                                    <div class="btns-box">
                                        <?php if($item['btn_link']['url']){ ?><a href="<?php echo esc_url($item['btn_link']['url']); ?>" class="theme-btn btn-style-one"><span class="txt"><?php echo wp_kses($item['btn_title'], $allowed_tags); ?></span></a><?php } ?>
                                        <?php if($item['btn_link2']['url']){ ?><a href="<?php echo esc_url($item['btn_link2']['url']); ?>" class="theme-btn btn-style-two"><span class="txt"><?php echo wp_kses($item['btn_title2'], $allowed_tags); ?></span></a><?php } ?>
                                    </div>
                                    <?php } ?>
                                </div>
                            </div>
                            
                            <!-- Image Column -->
                            <div class="image-column col-lg-6 col-md-12 col-sm-12">
                                <div class="inner-column parallax-scene-2">
                                    <?php if($item['feature_img']['url']){ ?>
                                    <div class="image" data-depth="0.30">
                                        <img src="<?php echo $item['feature_img']['url']; ?>" alt="<?php esc_attr_e('Awesome Image', 'meto'); ?>" />
                                    </div>
                                    <div class="banner-image" data-depth="0.30">
                                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/resource/banner-icon.png" alt="<?php esc_attr_e('Awesome Image', 'meto'); ?>" />
                                    </div>
                                    <div class="banner-image-2" data-depth="0.90">
                                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/resource/banner-icon-2.png" alt="<?php esc_attr_e('Awesome Image', 'meto'); ?>" />
                                    </div>
                                    <div class="banner-image-3" data-depth="0.50">
                                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/resource/banner-icon-3.png" alt="<?php esc_attr_e('Awesome Image', 'meto'); ?>" />
                                    </div>
                                    <?php } ?>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                <?php endforeach; ?>
            </div>
            <!--Waves Container-->
            <div>
              <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
              viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
              <defs>
              <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
              </defs>
              <g class="parallax">
              <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7" />
              <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
              <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" />
              <use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" />
              </g>
              </svg>
            </div>
            <!--Waves end-->
        </section>
        <!--End Banner Section-->
        
        <?php
    }
}