balmet.com

Welbim_FAQ.php (9117B)

---

 <?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 Welbim_FAQ extends Widget_Base
 {
 
 	public function get_name()
 	{
 		return 'welbim_faq';
 	}
 
 	public function get_title()
 	{
 		return esc_html__('Welbim FAQ', 'welbim');
 	}
 
 	public function get_icon()
 	{
 		return 'sds-widget-ico';
 	}
 
 	public function get_categories()
 	{
 		return ['Welbim'];
 	}
 
 	protected function _register_controls()
 	{
 		$this->start_controls_section(
 			'general',
 			[
 				'label' => esc_html__('General', 'welbim'),
 			]
 		);
 
 		$this->add_control(
 			'layout_style',
 			[
 				'label'   => esc_html__('Layout Style', 'welbim'),
 				'type'    => Controls_Manager::SELECT,
 				'options' => [
 					'style_1' => esc_html__('Style One', 'welbim'),
 					'style_2' => esc_html__('Style Two', 'welbim'),
 				],
 				'default' => 'style_1',
 			]
 		);
 
 		$this->add_control(
 			'image_one',
 			[
 				'label'   => esc_html__('Image One', 'welbim'),
 				'type'    => Controls_Manager::MEDIA,
 				'default' => [
 					'url' => Utils::get_placeholder_image_src(),
 				],
 				'conditions' => [
 					'relation' => 'or',
 					'terms' => [
 						[
 							'name' => 'layout_style',
 							'operator' => '==',
 							'value' => 'style_1'
 						],
 
 					]
 				]
 			]
 		);
 
 		$this->add_control(
 			'image_two',
 			[
 				'label'   => esc_html__('Image Two', 'welbim'),
 				'type'    => Controls_Manager::MEDIA,
 				'default' => [
 					'url' => Utils::get_placeholder_image_src(),
 				],
 				'conditions' => [
 					'relation' => 'or',
 					'terms' => [
 						[
 							'name' => 'layout_style',
 							'operator' => '==',
 							'value' => 'style_1'
 						],
 
 					]
 				]
 			]
 
 		);
 
 		$this->add_control(
 			'sub_title',
 			[
 				'label'   => esc_html__('Sub Title', 'welbim'),
 				'type'    => Controls_Manager::TEXT,
 				'default' => __('Our FAQs', 'welbim'),
 				'conditions' => [
 					'relation' => 'or',
 					'terms' => [
 						[
 							'name' => 'layout_style',
 							'operator' => '==',
 							'value' => 'style_1'
 						],
 
 					]
 				]
 			]
 		);
 
 		$this->add_control(
 			'title',
 			[
 				'label'   => esc_html__('Title', 'welbim'),
 				'type'    => Controls_Manager::TEXT,
 				'default' => __('faq for inquiry', 'welbim'),
 				'conditions' => [
 					'relation' => 'or',
 					'terms' => [
 						[
 							'name' => 'layout_style',
 							'operator' => '==',
 							'value' => 'style_1'
 						],
 
 					]
 				]
 			]
 		);
 
 		$this->end_controls_section();
 
 		$this->start_controls_section(
 			'item',
 			[
 				'label' => esc_html__('Item', 'welbim'),
 			]
 		);
 
 		$repeater = new Repeater();
 
 		$repeater->add_control(
 			'item_title',
 			[
 				'label'   => esc_html__('Title', 'welbim'),
 				'type'    => Controls_Manager::TEXT,
 				'default' => __('Providing full range of high metal services solution', 'welbim'),
 			]
 		);
 
 		$repeater->add_control(
 			'item_description',
 			[
 				'label'       => esc_html__('Description', 'welbim'),
 				'type'        => Controls_Manager::TEXTAREA,
 				'default'     => __('There are many variations of passages of available but majority have alteration in some by inject humour or random words.', 'welbim'),
 				'placeholder' => esc_html__('Type your description here', 'welbim'),
 			]
 		);
 
 		$this->add_control(
 			'items',
 			[
 				'label'   => esc_html__('Repeater List', 'welbim'),
 				'type'    => Controls_Manager::REPEATER,
 				'fields'  => $repeater->get_controls(),
 				'default' => [
 					[
 						'list_title'   => esc_html__('Title #1', 'welbim'),
 						'list_content' => esc_html__('Item content. Click the edit button to change this text.', 'welbim'),
 					],
 					[
 						'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();
 
 		//Typography 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'     => 'title_typography',
 				'label'    => __('Title', 'welbim'),
 				'selector' => '{{WRAPPER}} .sec-title h2',
 
 			)
 		);
 
 		$this->add_group_control(
 			Group_Control_Typography::get_type(),
 			array(
 				'name'     => 'sub_title_typography',
 				'label'    => __('Sub-Title', 'welbim'),
 				'selector' => '{{WRAPPER}} .sec-title .sub-title',
 
 			)
 		);
 
 		$this->end_controls_section();
 
 		//Color Section
 		$this->start_controls_section(
 			'color_section',
 			array(
 				'label' => __('Color Section', 'welbim'),
 				'tab'   => \Elementor\Controls_Manager::TAB_STYLE,
 			)
 		);
 
 		$this->add_control(
 			'title_color',
 			array(
 				'label'     => __('Title Color', 'welbim'),
 				'separator' => 'before',
 				'type'      => \Elementor\Controls_Manager::COLOR,
 				'selectors' => array(
 					'{{WRAPPER}} .sec-title h2' => 'color: {{VALUE}}',
 				),
 			)
 		);
 
 		$this->add_control(
 			'sub_title_color',
 			array(
 				'label'     => __('Sub-Title Color', 'welbim'),
 				'separator' => 'before',
 				'type'      => \Elementor\Controls_Manager::COLOR,
 				'selectors' => array(
 					'{{WRAPPER}} .sec-title .sub-title' => 'color: {{VALUE}}',
 				),
 			)
 		);
 
 
 		$this->end_controls_section();
 	}
 	protected function render()
 	{
 		$settings      = $this->get_settings_for_display();
 		$layout_style  = $settings["layout_style"];
 
 		if ($layout_style == 'style_1') {
 			$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_url($settings["image_two"]["id"], "full") : $settings["image_two"]["url"];
 			$image_two_alt = get_post_meta($settings["image_two"]["id"], "_wp_attachment_image_alt", true);
 			$sub_title     = $settings["sub_title"];
 			$title         = $settings["title"];
 ?>
 			<section class="faq-section">
 				<div class="side-image">
 					<?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="auto-container">
 					<div class="row">
 						<div class="col-lg-6 column" style="background-image: url(<?php echo $image_two ?>);">
 							<div class="image">
 								<?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 class="col-lg-6">
 							<div class="inner-container">
 								<div class="sec-title">
 									<div class="sub-title"><?php echo $sub_title; ?></div>
 									<h2><?php echo $title; ?></h2>
 								</div>
 								<ul class="accordion-box">
 									<?php
 									$i = 1;
 									foreach ($settings["items"] as $item) {
 										$item_title       = $item["item_title"];
 										$item_description = $item["item_description"];
 										$active           = '';
 										$current          = '';
 										if ($i == 2) {
 											$active  = 'active';
 											$current = 'current';
 										}
 									?>
 										<li class="accordion block">
 											<div class="acc-btn <?php echo $active; ?>">
 												<div class="icon-outer"><span class="fas fa-plus"></span></div><?php echo $item_title; ?>
 											</div>
 											<div class="acc-content <?php echo $current; ?>">
 												<div class="content">
 													<div class="text"><?php echo $item_description; ?>
 													</div>
 												</div>
 											</div>
 										</li>
 									<?php
 										$i++;
 									}
 									?>
 								</ul>
 							</div>
 						</div>
 					</div>
 				</div>
 			</section>
 		<?php
 		} elseif ($layout_style == 'style_2') {
 		?>
 			<ul class="accordion-box <?php echo esc_attr($layout_style); ?>">
 				<!--Accordion Block-->
 				<?php
 				$i = 1;
 				foreach ($settings["items"] as $item) {
 					$item_title       = $item["item_title"];
 					$item_description = $item["item_description"];
 					$active           = '';
 					$current          = '';
 					if ($i == 2) {
 						$active  = 'active';
 						$current = 'current';
 					}
 				?>
 					<li class="accordion block">
 						<div class="acc-btn <?php echo $active; ?>">
 							<div class="icon-outer"><span class="fas fa-plus"></span></div><?php echo $item_title; ?>
 						</div>
 						<div class="acc-content <?php echo $current; ?>">
 							<div class="content">
 								<div class="text"><?php echo $item_description; ?>
 								</div>
 							</div>
 						</div>
 					</li>
 					<!-- End Block -->
 				<?php
 					$i++;
 				}
 				?>
 			</ul>
 <?php
 		}
 	}
 }