<?php

namespace ExtensiveVC\Shortcodes\EVCProcess;

use ExtensiveVC\Shortcodes;

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

if ( ! class_exists( 'EVCProcess' ) ) {
	class EVCProcess extends Shortcodes\EVCShortcode {
		
		/**
		 * Singleton variables
		 */
		private static $instance;
		
		/**
		 * Constructor
		 */
		function __construct() {
			$this->setBase( 'evc_process' );
			$this->setChildBase( 'evc_process_item' );
			$this->setShortcodeName( esc_html__( 'Process', 'extensive-vc' ) );
			$this->setShortcodeParameters( $this->shortcodeParameters() );
			
			// Parent constructor need to be loaded after setter's method initialization
			parent::__construct( array( 'hasChild' => true ) );
			
			// Additional methods need to be loaded after parent constructor loaded if we used methods from the parent class
			if ( $this->getIsShortcodeEnabled() ) {
				add_filter( 'extensive_vc_filter_add_vc_shortcodes_custom_style', array( $this, 'addShortcodeIconCustomStyle' ) );
			}
		}
		
		/**
		 * Get the instance of ExtensiveVCFramework
		 *
		 * @return self
		 */
		public static function getInstance() {
			if ( is_null( self::$instance ) ) {
				self::$instance = new self();
			}
			
			return self::$instance;
		}
		
		/**
		 * Add shortcode custom css style for WPBakery Page Builder shortcodes panel
		 */
		function addShortcodeIconCustomStyle( $style ) {
			$current_style = '.wpb_content_element.wpb_evc_process_item > .wpb_element_wrapper { background-color: #f5f5f5; }';
			
			$style .= $current_style;
			
			return $style;
		}
		
		/**
		 * Set shortcode parameters for WPBakery Page Builder shortcodes options panel
		 */
		function shortcodeParameters() {
			$params = array(
				array(
					'type'        => 'textfield',
					'param_name'  => 'custom_class',
					'heading'     => esc_html__( 'Custom CSS Class', 'extensive-vc' ),
					'description' => esc_html__( 'Style particular content element differently - add a class name and refer to it in custom CSS', 'extensive-vc' )
				),
				array(
					'type'       => 'dropdown',
					'param_name' => 'number_of_columns',
					'heading'    => esc_html__( 'Number of Columns', 'extensive-vc' ),
					'value'      => array_flip( extensive_vc_get_number_of_columns_array( array( 'one', 'five', 'six' ) ) )
				),
				array(
					'type'        => 'dropdown',
					'param_name'  => 'switch_to_one_column',
					'heading'     => esc_html__( 'Switch to One Column', 'extensive-vc' ),
					'value'       => array(
						esc_html__( 'Default None', 'extensive-vc' ) => '',
						esc_html__( 'Below 1366px', 'extensive-vc' ) => '1366',
						esc_html__( 'Below 1280px', 'extensive-vc' ) => '1280',
						esc_html__( 'Below 1024px', 'extensive-vc' ) => '1024',
						esc_html__( 'Below 768px', 'extensive-vc' )  => '768',
						esc_html__( 'Below 680px', 'extensive-vc' )  => '680',
						esc_html__( 'Below 480px', 'extensive-vc' )  => '480'
					),
					'description' => esc_html__( 'Choose on which stage item will be full width', 'extensive-vc' )
				),
				array(
					'type'       => 'colorpicker',
					'param_name' => 'circle_number_color',
					'heading'    => esc_html__( 'Circle Number Color', 'extensive-vc' ),
					'group'      => esc_html__( 'Design Options', 'extensive-vc' )
				),
				array(
					'type'       => 'colorpicker',
					'param_name' => 'circle_background_color',
					'heading'    => esc_html__( 'Circle Background Color', 'extensive-vc' ),
					'group'      => esc_html__( 'Design Options', 'extensive-vc' )
				),
				array(
					'type'       => 'colorpicker',
					'param_name' => 'line_color',
					'heading'    => esc_html__( 'Line Color', 'extensive-vc' ),
					'group'      => esc_html__( 'Design Options', 'extensive-vc' )
				)
			);
			
			return $params;
		}
		
		/**
		 * Renders shortcodes HTML
		 *
		 * @param $atts array - shortcode params
		 * @param $content string - shortcode content
		 *
		 * @return html
		 */
		function render( $atts, $content = null ) {
			$args   = array(
				'custom_class'            => '',
				'number_of_columns'       => 'three',
				'switch_to_one_column'    => '',
				'circle_number_color'     => '',
				'circle_background_color' => '',
				'line_color'              => ''
			);
			$params = shortcode_atts( $args, $atts, $this->getBase() );
			
			$params['holder_classes'] = $this->getHolderClasses( $params, $args );
			
			$params['number_of_items'] = $this->getNumberOfItems( $params['number_of_columns'] );
			$params['circle_styles']   = $this->getCircleStyles( $params );
			$params['line_styles']     = $this->getLineStyles( $params );
			
			$params['content'] = $content;
			
			$html = extensive_vc_get_module_template_part( 'shortcodes', 'process', 'templates/process', '', $params );
			
			return $html;
		}
		
		/**
		 * Get shortcode holder classes
		 *
		 * @param $params array - shortcode parameters value
		 * @param $args array - default shortcode parameters value
		 *
		 * @return string
		 */
		private function getHolderClasses( $params, $args ) {
			$holderClasses = array();
			
			$holderClasses[] = ! empty( $params['custom_class'] ) ? esc_attr( $params['custom_class'] ) : '';
			$holderClasses[] = ! empty( $params['number_of_columns'] ) ? 'evc-' . $params['number_of_columns'] . '-columns' : 'evc-' . $args['number_of_columns'] . '-columns';
			$holderClasses[] = ! empty( $params['switch_to_one_column'] ) ? 'evc-responsive-' . $params['switch_to_one_column'] : '';
			
			return implode( ' ', $holderClasses );
		}
		
		/**
		 * Get number of items
		 *
		 * @param $number_of_columns string - number of columns parameter value
		 *
		 * @return string
		 */
		private function getNumberOfItems( $number_of_columns ) {
			$number = 3;
			
			switch ( $number_of_columns ) {
				case 'two':
					$number = 2;
					break;
				case 'three':
					$number = 3;
					break;
				case 'four':
					$number = 4;
					break;
			}
			
			return $number;
		}
		
		/**
		 * Get circle styles
		 *
		 * @param $params array - shortcode parameters value
		 *
		 * @return string
		 */
		private function getCircleStyles( $params ) {
			$styles = array();
			
			if ( ! empty( $params['circle_number_color'] ) ) {
				$styles[] = 'color: ' . $params['circle_number_color'];
			}
			
			if ( ! empty( $params['circle_background_color'] ) ) {
				$styles[] = 'background-color: ' . $params['circle_background_color'];
			}
			
			return implode( ';', $styles );
		}
		
		/**
		 * Get line styles
		 *
		 * @param $params array - shortcode parameters value
		 *
		 * @return string
		 */
		private function getLineStyles( $params ) {
			$styles = array();
			
			if ( ! empty( $params['line_color'] ) ) {
				$styles[] = 'background-color: ' . $params['line_color'];
			}
			
			return implode( ';', $styles );
		}
	}
}

EVCProcess::getInstance();