balmet.com

Welcome_Section.php (22140B)

---

 <?php
 
 namespace Welbim\Helper\Elementor\Widgets;
 
 use Elementor\Utils;
 use Elementor\Controls_Manager;
 use Elementor\Widget_Base;
 use Elementor\Plugin;
 use \Elementor\Repeater;
 use Elementor\Group_Control_Typography;
 
 class Welcome_Section extends Widget_Base
 {
 
 
 	public function get_name()
 	{
 		return 'welcome_section';
 	}
 
 	public function get_title()
 	{
 		return esc_html__('welcome section', 'welbim');
 	}
 
 	public function get_icon()
 	{
 		return 'sds-widget-ico';
 	}
 
 	public function get_categories()
 	{
 		return array('Welbim');
 	}
 
 	protected function _register_controls()
 	{
 		$this->start_controls_section(
 			'layout',
 			array(
 				'label' => __('Layout Style', 'welbim'),
 				'tab'   => \Elementor\Controls_Manager::TAB_CONTENT,
 			)
 		);
 
 		$this->add_control(
 			'layout_style',
 			array(
 				'label'   => __('Layout', 'welbim'),
 				'type'    => \Elementor\Controls_Manager::SELECT,
 				'default' => '1',
 				'options' => array(
 					'1' => __('One', 'welbim'),
 					'2' => __('Two', 'welbim'),
 					'3' => __('Three', 'welbim'),
 				),
 			)
 		);
 
 		$this->end_controls_section();
 
 		$this->start_controls_section(
 			'general',
 			array(
 				'label' => esc_html__('General', 'welbim'),
 			)
 		);
 
 		$this->add_control(
 			'image_one',
 			array(
 				'label'   => esc_html__('Image One', 'welbim'),
 				'type'    => Controls_Manager::MEDIA,
 				'default' => array(
 					'url' => Utils::get_placeholder_image_src(),
 				),
 			)
 		);
 
 		$this->add_control(
 			'image_two',
 			array(
 				'label'   => esc_html__('Image Two', 'welbim'),
 				'type'    => Controls_Manager::MEDIA,
 				'default' => array(
 					'url' => Utils::get_placeholder_image_src(),
 				),
 			)
 		);
 
 		$this->add_control(
 			'sub_title',
 			array(
 				'label'   => esc_html__('Tag Line', 'welbim'),
 				'type'    => Controls_Manager::TEXT,
 				'default' => __('Welcome to Welbim', 'welbim'),
 			)
 		);
 
 		$this->add_control(
 			'title',
 			array(
 				'label'   => esc_html__('Heading', 'welbim'),
 				'type'    => Controls_Manager::TEXT,
 				'default' => __('We’re Committed <br>To quality', 'welbim'),
 			)
 		);
 
 		$this->add_control(
 			'bottom_title',
 			array(
 				'label'   => esc_html__('Bottom Title', 'welbim'),
 				'type'    => Controls_Manager::TEXT,
 				'default' => __('WELDER PRO PROFESSIONAL WELDING <br>  COMPANY IN USA', 'welbim'),
 			)
 		);
 
 		$this->add_control(
 			'background_img',
 			array(
 				'label'   => esc_html__('Background Image', 'welbim'),
 				'type'    => Controls_Manager::MEDIA,
 				'default' => array(
 					'url' => Utils::get_placeholder_image_src(),
 				),
 			)
 		);
 
 		$this->add_control(
 			'description',
 			array(
 				'label'       => esc_html__('Description', 'welbim'),
 				'type'        => Controls_Manager::TEXTAREA,
 				'rows'        => 6,
 				'default'     => __('Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. quis nostrud exercitation.', 'welbim'),
 				'placeholder' => esc_html__('Type your description here', 'welbim'),
 			)
 		);
 
 		$this->end_controls_section();
 
 		$this->start_controls_section(
 			'item_right',
 			array(
 				'label'      => esc_html__('Right Content', 'welbim'),
 				'conditions' => array(
 					'relation' => 'or',
 					'terms'    => array(
 						array(
 							'name'     => 'layout_style',
 							'operator' => '==',
 							'value'    => '2',
 						),
 						array(
 							'name'     => 'layout_style',
 							'operator' => '==',
 							'value'    => '3',
 						),
 					),
 				),
 			)
 		);
 
 		$this->add_control(
 			'icon',
 			array(
 				'label' => __('Icon', 'plugin-domain'),
 				'type'  => \Elementor\Controls_Manager::ICONS,
 			)
 		);
 
 		$this->add_control(
 			'right_title',
 			array(
 				'label' => __('Title', 'plugin-domain'),
 				'type'  => \Elementor\Controls_Manager::TEXT,
 			)
 		);
 
 		$this->end_controls_section();
 
 		$this->start_controls_section(
 			'progress',
 			array(
 				'label'      => esc_html__('Progress', 'welbim'),
 				'conditions' => array(
 					'relation' => 'or',
 					'terms'    => array(
 						array(
 							'name'     => 'layout_style',
 							'operator' => '==',
 							'value'    => '2',
 						),
 						array(
 							'name'     => 'layout_style',
 							'operator' => '==',
 							'value'    => '3',
 						),
 					),
 				),
 			)
 		);
 
 		$repeater0 = new Repeater();
 
 		$repeater0->add_control(
 			'item_prog_title',
 			array(
 				'label'   => esc_html__('Progress Title', 'welbim'),
 				'type'    => Controls_Manager::TEXT,
 				'default' => __('Welding', 'welbim'),
 			)
 		);
 
 		$repeater0->add_control(
 			'item_prog_data',
 			array(
 				'label'   => esc_html__('Progress Percent', 'welbim'),
 				'type'    => Controls_Manager::TEXT,
 				'default' => __('91', 'welbim'),
 			)
 		);
 
 		$this->add_control(
 			'item_prog',
 			array(
 				'label'   => esc_html__('Progress List', 'welbim'),
 				'type'    => Controls_Manager::REPEATER,
 				'fields'  => $repeater0->get_controls(),
 				'default' => array(
 					array(
 						'list_title'   => esc_html__('Title #1', 'welbim'),
 						'list_content' => esc_html__('Item content. Click the edit button to change this text.', 'welbim'),
 					),
 					array(
 						'list_title'   => esc_html__('Title #2', 'welbim'),
 						'list_content' => esc_html__('Item content. Click the edit button to change this text.', 'welbim'),
 					),
 				),
 			)
 		);
 
 		$this->add_control(
 			'content1',
 			array(
 				'label' => esc_html__('Content', 'welbim'),
 				'type'  => Controls_Manager::TEXTAREA,
 			)
 		);
 
 		$this->add_control(
 			'content2',
 			array(
 				'label' => esc_html__('Content Two', 'welbim'),
 				'type'  => Controls_Manager::TEXTAREA,
 			)
 		);
 
 		$this->add_control(
 			'btn_title',
 			array(
 				'label' => esc_html__('Button Title', 'welbim'),
 				'type'  => Controls_Manager::TEXT,
 			)
 		);
 
 		$this->add_control(
 			'btn_link',
 			array(
 				'label' => esc_html__('Button URL', 'welbim'),
 				'type'  => Controls_Manager::TEXT,
 			)
 		);
 
 		$this->end_controls_section();
 
 		$this->start_controls_section(
 			'item',
 			array(
 				'label'     => esc_html__('Item One', 'welbim'),
 				'condition' => array(
 					'layout_style' => '1',
 				),
 			)
 		);
 
 		$repeater1 = new Repeater();
 
 		$repeater1->add_control(
 			'item_title',
 			array(
 				'label'   => esc_html__('Title', 'welbim'),
 				'type'    => Controls_Manager::TEXT,
 				'default' => __('We provide 24/7 service', 'welbim'),
 			)
 		);
 
 		$this->add_control(
 			'items1',
 			array(
 				'label'   => esc_html__('Repeater List', 'welbim'),
 				'type'    => Controls_Manager::REPEATER,
 				'fields'  => $repeater1->get_controls(),
 				'default' => array(
 					array(
 						'list_title'   => esc_html__('Title #1', 'welbim'),
 						'list_content' => esc_html__('Item content. Click the edit button to change this text.', 'welbim'),
 					),
 					array(
 						'list_title'   => esc_html__('Title #2', 'welbim'),
 						'list_content' => esc_html__('Item content. Click the edit button to change this text.', 'welbim'),
 					),
 				),
 			)
 		);
 
 		$this->end_controls_section();
 
 		$this->start_controls_section(
 			'item2',
 			array(
 				'label'     => esc_html__('Item Two', 'welbim'),
 				'condition' => array(
 					'layout_style' => '1',
 				),
 			)
 		);
 
 		$repeater2 = new Repeater();
 
 		$repeater2->add_control(
 			'icon',
 			array(
 				'label' => __('Icon', 'text-domain'),
 				'type'  => \Elementor\Controls_Manager::ICONS,
 			)
 		);
 
 		$repeater2->add_control(
 			'item_title2',
 			array(
 				'label'   => esc_html__('Title', 'welbim'),
 				'type'    => Controls_Manager::TEXT,
 				'default' => __('Welding joins together', 'welbim'),
 			)
 		);
 
 		$this->add_control(
 			'items2',
 			array(
 				'label'   => esc_html__('Repeater List', 'welbim'),
 				'type'    => Controls_Manager::REPEATER,
 				'fields'  => $repeater1->get_controls(),
 				'default' => array(
 					array(
 						'list_title'   => esc_html__('Title #1', 'welbim'),
 						'list_content' => esc_html__('Item content. Click the edit button to change this text.', 'welbim'),
 					),
 					array(
 						'list_title'   => esc_html__('Title #2', 'welbim'),
 						'list_content' => esc_html__('Item content. Click the edit button to change this text.', 'welbim'),
 					),
 				),
 			)
 		);
 
 		$this->end_controls_section();
 
 		$this->start_controls_section(
 			'typography_section',
 			array(
 				'label' => __('Typography Section', 'welbim'),
 				'tab'   => Controls_Manager::TAB_STYLE,
 			)
 		);
 
 		$this->add_group_control(
 			Group_Control_Typography::get_type(),
 			array(
 				'name'     => 'tagline_typography',
 				'label'    => __('Tagline', 'welbim'),
 				'selector' => '{{WRAPPER}} .sec-title .sub-title',
 
 			)
 		);
 
 		$this->add_group_control(
 			Group_Control_Typography::get_type(),
 			array(
 				'name'     => 'heading_typography',
 				'label'    => __('Heading', 'welbim'),
 				'selector' => '{{WRAPPER}} .sec-title h2',
 
 			)
 		);
 
 		$this->add_group_control(
 			Group_Control_Typography::get_type(),
 			array(
 				'name'     => 'bottom_title_typography',
 				'label'    => __('Bottom Title', 'welbim'),
 				'selector' => '{{WRAPPER}} .welcome-section .note',
 
 			)
 		);
 
 		$this->add_group_control(
 			Group_Control_Typography::get_type(),
 			array(
 				'name'     => 'Items_title_typography',
 				'label'    => __('Items Title', 'welbim'),
 				'selector' => '{{WRAPPER}} .welcome-section .icon-box h4',
 
 			)
 		);
 
 		$this->end_controls_section();
 
 		$this->start_controls_section(
 			'color_section',
 			array(
 				'label' => __('Color Section', 'welbim'),
 				'tab'   => \Elementor\Controls_Manager::TAB_STYLE,
 			)
 		);
 
 		$this->add_control(
 			'tagline_color',
 			array(
 				'label'     => __('Tagline Color', 'welbim'),
 				'separator' => 'before',
 				'type'      => \Elementor\Controls_Manager::COLOR,
 				'selectors' => array(
 					'{{WRAPPER}} .sec-title .sub-title' => 'color: {{VALUE}}',
 				),
 			)
 		);
 
 		$this->add_control(
 			'heading_color',
 			array(
 				'label'     => __('Heading Color', 'welbim'),
 				'separator' => 'before',
 				'type'      => \Elementor\Controls_Manager::COLOR,
 				'selectors' => array(
 					'{{WRAPPER}}  .sec-title h2' => 'color: {{VALUE}}',
 				),
 			)
 		);
 
 		$this->add_control(
 			'bottom_title_color',
 			array(
 				'label'     => __('Bottom Title Color', 'welbim'),
 				'separator' => 'before',
 				'type'      => \Elementor\Controls_Manager::COLOR,
 				'selectors' => array(
 					'{{WRAPPER}} .welcome-section .note' => 'color: {{VALUE}}',
 				),
 			)
 		);
 
 		$this->add_control(
 			'items_title_color',
 			array(
 				'label'     => __('Items Title color', 'welbim'),
 				'separator' => 'before',
 				'type'      => \Elementor\Controls_Manager::COLOR,
 				'selectors' => array(
 					'{{WRAPPER}} .welcome-section .icon-box h4' => 'color: {{VALUE}}',
 				),
 			)
 		);
 
 		$this->add_control(
 			'items_icon_color',
 			array(
 				'label'     => __('Items Icon Color', 'welbim'),
 				'separator' => 'before',
 				'type'      => \Elementor\Controls_Manager::COLOR,
 				'selectors' => array(
 					'{{WRAPPER}} .welcome-section .icon-box .icon' => 'color: {{VALUE}}',
 				),
 			)
 		);
 		$this->add_control(
 			'box_icon_bg_color',
 			array(
 				'label'     => __('Box Icon BG Color', 'welbim'),
 				'separator' => 'before',
 				'type'      => \Elementor\Controls_Manager::COLOR,
 				'selectors' => array(
 					'{{WRAPPER}} .welcome-section-two .experience-years' => 'background-color: {{VALUE}}',
 					'{{WRAPPER}} .welcome-section-three .experience-years' => 'background-color: {{VALUE}}',
 				),
 			)
 		);
 
 		$this->add_control(
 			'box_icon_color',
 			array(
 				'label'     => __('Box Icon Color', 'welbim'),
 				'separator' => 'before',
 				'type'      => \Elementor\Controls_Manager::COLOR,
 				'selectors' => array(
 					'{{WRAPPER}} .welcome-section-two .experience-years .icon' => 'color: {{VALUE}}',
 					'{{WRAPPER}} .welcome-section-three .experience-years .icon' => 'color: {{VALUE}}',
 				),
 			)
 		);
 
 		$this->add_control(
 			'box_title_color',
 			array(
 				'label'     => __('Box Title Color', 'welbim'),
 				'separator' => 'before',
 				'type'      => \Elementor\Controls_Manager::COLOR,
 				'selectors' => array(
 					'{{WRAPPER}} .welcome-section-two .experience-years h4' => 'color: {{VALUE}}',
 					'{{WRAPPER}} .welcome-section-three .experience-years h4' => 'color: {{VALUE}}',
 				),
 			)
 		);
 
 		$this->add_control(
 			'button_bg_color',
 			array(
 				'label'     => __('Button BG Color', 'welbim'),
 				'separator' => 'before',
 				'type'      => \Elementor\Controls_Manager::COLOR,
 				'selectors' => array(
 					'{{WRAPPER}} .btn-style-one' => 'background-color: {{VALUE}}',
 				),
 			)
 		);
 
 		$this->end_controls_section();
 	}
 
 	protected function render()
 	{
 		$settings             = $this->get_settings_for_display();
 		$image_one            = ($settings['image_one']['id'] != '') ? wp_get_attachment_image($settings['image_one']['id'], 'full') : $settings['image_one']['url'];
 		$image_one_alt        = get_post_meta($settings['image_one']['id'], '_wp_attachment_image_alt', true);
 		$image_two            = ($settings['image_two']['id'] != '') ? wp_get_attachment_image($settings['image_two']['id'], 'full') : $settings['image_two']['url'];
 		$image_two_alt        = get_post_meta($settings['image_two']['id'], '_wp_attachment_image_alt', true);
 		$title                = $settings['title'];
 		$sub_title            = $settings['sub_title'];
 		$bottom_title         = $settings['bottom_title'];
 		$background_img       = ($settings['background_img']['id'] != '') ? wp_get_attachment_image($settings['background_img']['id'], 'full') : $settings['background_img']['url'];
 		$background_image_alt = get_post_meta($settings['background_img']['id'], '_wp_attachment_image_alt', true);
 		$description          = $settings['description'];
 		$layout_style         = $settings['layout_style'];
 		if ($layout_style == '1') {
 ?>
 			<section class="welcome-section">
 				<div class="background-image">
 					<?php
 					if (wp_http_validate_url($background_img)) {
 					?>
 						<img src="<?php echo esc_url($background_img); ?>" alt="<?php esc_url($background_image_alt); ?>">
 					<?php
 					} else {
 						echo $background_img;
 					}
 					?>
 				</div>
 				<div class="auto-container">
 					<div class="row">
 						<div class="col-lg-6">
 							<div class="image-wrapper">
 								<div class="image-one ">
 									<?php
 									if (wp_http_validate_url($image_one)) {
 									?>
 										<img src="<?php echo esc_url($image_one); ?>" alt="<?php esc_url($image_one_alt); ?>">
 									<?php
 									} else {
 										echo $image_one;
 									}
 									?>
 								</div>
 								<div class="image-two" data-parallax='{"y": 100}'>
 									<?php
 									if (wp_http_validate_url($image_two)) {
 									?>
 										<img src="<?php echo esc_url($image_two); ?>" alt="<?php esc_url($image_two_alt); ?>">
 									<?php
 									} else {
 										echo $image_two;
 									}
 									?>
 								</div>
 							</div>
 						</div>
 						<div class="col-lg-6">
 							<div class="content-side">
 								<div class="sec-title mb-10">
 									<div class="sub-title"><?php echo $sub_title; ?></div>
 									<h2><?php echo $title; ?></h2>
 								</div>
 								<div class="text "><?php echo $description; ?></div>
 								<div class="row">
 									<div class="col-md-6">
 										<ul class="list ">
 											<?php
 											$i = 1;
 											foreach ($settings['items1'] as $item) {
 												$item_title = $item['item_title'];
 											?>
 												<li><?php echo $item_title; ?></li>
 											<?php
 												$i++;
 											}
 											?>
 										</ul>
 									</div>
 									<div class="col-md-6">
 										<?php
 										$i = 1;
 										foreach ($settings['items2'] as $item) {
 											$item_title = $item['item_title2'];
 										?>
 											<div class="icon-box ">
 												<div class="icon"><?php \Elementor\Icons_Manager::render_icon($item['icon'], array('aria-hidden' => 'true')); ?></div>
 												<h4><?php echo $item_title; ?></h4>
 											</div>
 										<?php
 											$i++;
 										}
 										?>
 									</div>
 								</div>
 								<div class="note"><?php echo $bottom_title; ?></div>
 							</div>
 						</div>
 					</div>
 				</div>
 			</section>
 		<?php
 		} elseif ($layout_style == '2') {
 			$sub_title     = $settings['sub_title'];
 			$title         = $settings['title'];
 			$description   = $settings['description'];
 			$right_title   = $settings['right_title'];
 			$content1      = $settings['content1'];
 			$btn_title     = $settings['btn_title'];
 			$btn_link      = $settings['btn_link'];
 			$image_one     = ($settings['image_one']['id'] != '') ? wp_get_attachment_image_url($settings['image_one']['id'], 'full') : $settings['image_one']['url'];
 			$image_one_alt = get_post_meta($settings['image_one']['id'], '_wp_attachment_image_alt', true);
 			$image_two     = ($settings['image_two']['id'] != '') ? wp_get_attachment_image($settings['image_two']['id'], 'full') : $settings['image_two']['url'];
 			$image_two_alt = get_post_meta($settings['image_two']['id'], '_wp_attachment_image_alt', true);
 		?>
 			<section class="welcome-section-two">
 				<div class="side-image" style="background-image: url(<?php echo $image_one; ?>)"></div>
 				<div class="auto-container">
 					<div class="row">
 						<div class="col-lg-6">
 							<div class="image-wrapper">
 								<div class="image-one">
 									<?php
 									if (wp_http_validate_url($image_two)) {
 									?>
 										<img src="<?php echo esc_url($image_two); ?>" alt="<?php esc_url($image_two_alt); ?>">
 									<?php
 									} else {
 										echo $image_two;
 									}
 									?>
 								</div>
 							</div>
 						</div>
 						<div class="col-lg-6">
 							<div class="content-side">
 								<div class="sec-title mb-5">
 									<div class="sub-title"><?php echo $sub_title; ?></div>
 									<h2 class="mb-30"><?php echo $title; ?></h2>
 								</div>
 								<div class="text "><?php echo $description; ?></div>
 								<div class="bottom-content">
 									<div class="experience-years ">
 										<div class="icon"><?php \Elementor\Icons_Manager::render_icon($settings['icon'], array('aria-hidden' => 'true')); ?></div>
 										<h4><?php echo $right_title; ?></h4>
 									</div>
 									<div class="progress-levels">
 										<!--Skill Box-->
 										<?php
 										$i = 1;
 										foreach ($settings['item_prog'] as $item) {
 											$item_title = $item['item_prog_title'];
 											$item_data  = $item['item_prog_data'];
 										?>
 											<div class="progress-box">
 												<h5><?php echo $item_title; ?></h5>
 												<div class="inner">
 													<div class="bar">
 														<div class="bar-innner">
 															<div class="bar-fill" data-percent="<?php echo $item_data; ?>">
 																<div class="percent"></div>
 															</div>
 														</div>
 													</div>
 												</div>
 											</div>
 										<?php
 											$i++;
 										}
 										?>
 										<!--Skill Box-->
 									</div>
 									<ul class="list ">
 										<?php echo $content1; ?>
 									</ul>
 									<div class="link">
 										<a href="<?php echo $btn_link; ?>" class="theme-btn btn-style-one"><span><?php echo $btn_title; ?></span></a>
 									</div>
 								</div>
 							</div>
 						</div>
 					</div>
 				</div>
 			</section>
 		<?php
 		} elseif ($layout_style == '3') {
 			$sub_title     = $settings['sub_title'];
 			$title         = $settings['title'];
 			$description   = $settings['description'];
 			$content1      = $settings['content1'];
 			$content2      = $settings['content2'];
 			$right_title   = $settings['right_title'];
 			$image_one     = ($settings['image_one']['id'] != '') ? wp_get_attachment_image($settings['image_one']['id'], 'full') : $settings['image_one']['url'];
 			$image_one_alt = get_post_meta($settings['image_one']['id'], '_wp_attachment_image_alt', true);
 		?>
 			<section class="welcome-section-three">
 				<div class="auto-container">
 					<div class="row">
 						<div class="col-lg-6">
 							<div class="image-wrapper">
 								<div class="image-one ">
 									<?php
 									if (wp_http_validate_url($image_one)) {
 									?>
 										<img src="<?php echo esc_url($image_one); ?>" alt="<?php esc_url($image_one_alt); ?>">
 									<?php
 									} else {
 										echo $image_one;
 									}
 									?>
 									<div class="experience-years">
 										<div class="icon"><?php \Elementor\Icons_Manager::render_icon($settings['icon'], array('aria-hidden' => 'true')); ?></div>
 										<h4><?php echo $right_title; ?></h4>
 									</div>
 								</div>
 							</div>
 						</div>
 						<div class="col-lg-6">
 							<div class="content-side">
 								<div class="sec-title mb-30">
 									<div class="sub-title"><?php echo $sub_title; ?></div>
 									<h2><?php echo $title; ?></h2>
 								</div>
 								<div class="text mb-30"><?php echo $description; ?></div>
 								<div class="bottom-content">
 									<div class="row">
 										<div class="col-md-6">
 											<ul class="list">
 												<?php echo $content1; ?>
 											</ul>
 										</div>
 										<div class="col-md-6">
 											<ul class="list">
 												<?php echo $content2; ?>
 											</ul>
 										</div>
 									</div>
 									<div class="progress-levels">
 										<!--Skill Box-->
 										<?php
 										$i = 1;
 										foreach ($settings['item_prog'] as $item) {
 											$item_title = $item['item_prog_title'];
 											$item_data  = $item['item_prog_data'];
 										?>
 											<div class="progress-box">
 												<h5><?php echo $item_title; ?></h5>
 												<div class="inner">
 													<div class="bar">
 														<div class="bar-innner">
 															<div class="bar-fill" data-percent="<?php echo $item_data; ?>">
 																<div class="percent"></div>
 															</div>
 														</div>
 													</div>
 												</div>
 											</div>
 										<?php $i++;
 										} ?>
 										<!--Skill Box-->
 									</div>
 								</div>
 							</div>
 						</div>
 					</div>
 				</div>
 			</section>
 <?php
 		}
 	}
 }