<?php
/**
 * Fullwidth Sub Menu
 * 
 * Shortcode that allows to display a fullwidth Sub Menu
 */
if ( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly


if ( ! class_exists( 'avia_sc_submenu' ) ) 
{
	class avia_sc_submenu extends aviaShortcodeTemplate
	{
		/**
		 *
		 * @var int 
		 */
		static protected $count = 0;

		/**
		 *
		 * @var int 
		 */
		static protected $custom_items = 0;

		/**
		 * Create the config array for the shortcode button
		 */
		function shortcode_insert_button()
		{
			$this->config['version']		= '1.0';
			$this->config['self_closing']	= 'no';

			$this->config['name']			= __( 'Fullwidth Sub Menu', 'avia_framework' );
			$this->config['tab']			= __( 'Content Elements', 'avia_framework' );
			$this->config['icon']			= AviaBuilder::$path['imagesURL'] . 'sc-submenu.png';
			$this->config['order']			= 30;
			$this->config['target']			= 'avia-target-insert';
			$this->config['shortcode'] 		= 'av_submenu';
			$this->config['shortcode_nested'] = array( 'av_submenu_item' );
			$this->config['tooltip'] 	    = __( 'Display a sub menu', 'avia_framework' );
			$this->config['tinyMCE'] 		= array( 'disable' => 'true' );
			$this->config['drag-level'] 	= 1;
			$this->config['preview'] 		= false;
			$this->config['disabling_allowed'] = true;
			
			$this->config['id_name']		= 'id';
			$this->config['id_show']		= 'yes';
			$this->config['alb_desc_id']	= 'alb_description';
		}
			
		function extra_assets()
		{
			//load css
			wp_enqueue_style( 'avia-module-menu', AviaBuilder::$path['pluginUrlRoot'] . 'avia-shortcodes/menu/menu.css', array( 'avia-layout' ), false );

				//load js
			wp_enqueue_script( 'avia-module-menu', AviaBuilder::$path['pluginUrlRoot'] . 'avia-shortcodes/menu/menu.js', array( 'avia-shortcodes' ), false, true );
		}

		/**
		 * Popup Elements
		 *
		 * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
		 * opens a modal window that allows to edit the element properties
		 *
		 * @return void
		 */
		function popup_elements()
		{
			
			$this->elements = array(
					
				array(
						'type' 	=> 'tab_container', 
						'nodescription' => true
					),
						
				array(
						'type' 	=> 'tab',
						'name'  => __( 'Content', 'avia_framework' ),
						'nodescription' => true
					),
				
					array(
							'type'			=> 'template',
							'template_id'	=> $this->popup_key( 'content_menus' ),
							'nodescription' => true
						),
				
				array(
						'type' 	=> 'tab_close',
						'nodescription' => true
					),
				
				array(
						'type' 	=> 'tab',
						'name'  => __( 'Styling', 'avia_framework' ),
						'nodescription' => true
					),
				
					array(
							'type'			=> 'template',
							'template_id'	=> $this->popup_key( 'styling_colors' ),
							'nodescription' => true
						),
				
				array(
						'type' 	=> 'tab_close',
						'nodescription' => true
					),
				
				array(
						'type' 	=> 'tab',
						'name'  => __( 'Advanced', 'avia_framework' ),
						'nodescription' => true
					),
				
					array(
							'type' 	=> 'toggle_container',
							'nodescription' => true
						),
				
						array(
									'type'			=> 'template',
									'template_id'	=> $this->popup_key( 'advanced_responsive' ),
									'nodescription' => true
								),
				
						array(	
								'type'			=> 'template',
								'template_id'	=> 'developer_options_toggle',
								'args'			=> array( 'sc' => $this )
							),
				
					array(
							'type' 	=> 'toggle_container_close',
							'nodescription' => true
						),
				
				array(
						'type' 	=> 'tab_close',
						'nodescription' => true
					),

				array(
						'type' 	=> 'tab_container_close',
						'nodescription' => true
					)
					
				);

		}
		
		/**
		 * Create and register templates for easier maintainance
		 * 
		 * @since 4.6.4
		 */
		protected function register_dynamic_templates()
		{
			global $avia_config;

			$this->register_modal_group_templates();
			
			/**
			 * Content Tab
			 * ===========
			 */
			
			$menus = array();
			if( ! empty( $_POST ) && ! empty( $_POST['action'] ) && $_POST['action'] == 'avia_ajax_av_submenu' )
			{
				$menus = AviaHelper::list_menus();
			}
			
			$c = array(
						array(	
							'name' 	=> __( 'Which kind of menu do you want to display','avia_framework' ),
							'desc' 	=> __( 'Either use an existing menu, built in Appearance -> Menus or create a simple custom menu here', 'avia_framework' ),
							'id' 	=> 'which_menu',
							'type' 	=> 'select',
							'std' 	=> 'center',
							'subtype'	=> array(   
												__( 'Use existing menu', 'avia_framework' )			=> '',
												__( 'Build simple custom menu', 'avia_framework' )	=> 'custom',
											)
						),


						array(	
							'name' 	=> __( 'Select menu to display', 'avia_framework' ),
							'desc' 	=> __( 'You can create new menus in ', 'avia_framework' ) . "<a target='_blank' href='" . admin_url( 'nav-menus.php?action=edit&menu=0' ) . "'>" . __( 'Appearance -> Menus', 'avia_framework' ) . '</a><br/>' . __( 'Please note that Mega Menus are not supported for this element ', 'avia_framework' ),
							'id' 	=> 'menu',
							'type' 	=> 'select',
							'std' 	=> '',
							'required'	=> array( 'which_menu', 'not', 'custom' ),
							'subtype'	=>  $menus		
						),
				
						array(
							'name'			=> __( 'Add/Edit submenu item text', 'avia_framework' ),
							'desc'			=> __( 'Here you can add, remove and edit the submenu item text', 'avia_framework' ),
							'type'			=> 'modal_group',
							'id'			=> 'content',
							'required'		=> array( 'which_menu', 'equals', 'custom' ),
							'modal_title'	=> __( 'Edit Text Element', 'avia_framework' ),
							'std'			=> array(
													array( 'title' => __( 'Menu Item 1', 'avia_framework' ) ),
													array( 'title' => __( 'Menu Item 2', 'avia_framework' ) ),
												),
							'subelements'	=> $this->create_modal()
						),
				
						array(	
							'name' 	=> __( 'Menu Position', 'avia_framework' ),
							'desc' 	=> __( 'Aligns the menu either to the left, the right or centers it', 'avia_framework' ),
							'id' 	=> 'position',
							'type' 	=> 'select',
							'std' 	=> 'center',
							'subtype'	=> array(   
												__( 'Left', 'avia_framework' )		=> 'left',
												__( 'Center', 'avia_framework' )	=> 'center',
												__( 'Right', 'avia_framework' )		=> 'right', 
											)
						),
							
						array(	
							'name' 	=> __( 'Sticky Submenu', 'avia_framework' ),
							'desc' 	=> __( 'If checked the menu will stick at the top of the page once it touches it. This option is ignored when burger menu icon is shown.', 'avia_framework' ),
							'id' 	=> 'sticky',
							'std' 	=> 'true',
							'type' 	=> 'checkbox'
						),
				
				);
			
			AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'content_menus' ), $c );
			
			
			/**
			 * Styling Tab
			 * ===========
			 */
			
			$desc  = __('The menu will use the color scheme you select. Color schemes are defined on your styling page', 'avia_framework' );
			$desc .= '<br/><a target="_blank" href="' . admin_url( 'admin.php?page=avia#goto_styling' ) . '">';
			$desc .= __( '(Show Styling Page)', 'avia_framework' ) . '</a>';

			
			$c = array(
						array(
							'name' 	=> __( 'Menu Colors', 'avia_framework' ),
							'id' 	=> 'color',
							'desc'  => $desc,
							'type' 	=> 'select',
							'std' 	=> 'main_color',
							'subtype' =>  array_flip( $avia_config['color_sets'] )
						),
				
				);
			
			AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_colors' ), $c );
			
			/**
			 * Advanced Tab
			 * ============
			 */
			
			$c = array(
						array(	
							'name' 	=> __( 'Mobile Menu Display','avia_framework' ),
							'desc' 	=> __( 'How do you want to display the menu on mobile devices','avia_framework' ),
							'id' 	=> 'mobile',
							'type' 	=> 'select',
							'std' 	=> 'disabled',
							'subtype'	=> array(   
												__( 'Display full menu (works best if you only got a few menu items)', 'avia_framework' )				=> 'disabled',
												__( 'Display a button to open menu (works best for menus with a lot of menu items)', 'avia_framework' )	=> 'active',
											)
						),
					
						array(
							'name'		=> __( 'Screenwidth for burger menu button', 'avia_framework' ),
							'desc'		=> __( 'Select the maximum screenwidth to use a burger menu button instead of full menu. Above that the full menu is displayed', 'avia_framework' ),
							'id'		=> 'mobile_switch',
							'type'		=> 'select',
							'std'		=> 'av-switch-768',
							'required' 	=> array( 'mobile', 'equals', 'active' ),
							'subtype'	=> array(
												__( 'Switch at 990px (tablet landscape)','avia_framework' )		=> 'av-switch-990',
												__( 'Switch at 768px (tablet portrait)','avia_framework' )		=> 'av-switch-768',
												__( 'Switch at 480px (smartphone portrait)','avia_framework' )	=> 'av-switch-480',
											)
						),
				    
						array(	
							'name' 	=> __( 'Hide Mobile Menu Submenu Items', 'avia_framework'),
							'desc' 	=> __( 'By default all menu items of the mobile menu are visible. If you activate this option they will be hidden and a user needs to click on the parent menu item to display the submenus', 'avia_framework'),
							'id' 	=> 'mobile_submenu',
							'required' 	=> array( 'mobile', 'equals', 'active' ),
							'type' 	=> 'checkbox',
							'std' 	=> ''
						),
						
				
				);
			
			$template = array(
							array(	
								'type'			=> 'template',
								'template_id'	=> 'toggle',
								'title'			=> __( 'Responsive', 'avia_framework' ),
								'content'		=> $c 
							),
					);
			
			AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'advanced_responsive' ), $template );
			
		}
		
		/**
		 * Creates the modal popup for a single entry
		 * 
		 * @since 4.6.4
		 * @return array
		 */
		protected function create_modal()
		{
			$elements = array(
				
				array(
						'type' 	=> 'tab_container', 
						'nodescription' => true
					),
						
				array(
						'type' 	=> 'tab',
						'name'  => __( 'Content', 'avia_framework' ),
						'nodescription' => true
					),
				
					array(
							'type'			=> 'template',
							'template_id'	=> $this->popup_key( 'modal_content_menu' )
						),
				
				array(
						'type' 	=> 'tab_close',
						'nodescription' => true
					),
				
				array(
						'type' 	=> 'tab',
						'name'  => __( 'Styling', 'avia_framework' ),
						'nodescription' => true
					),
				
					array(
							'type'			=> 'template',
							'template_id'	=> $this->popup_key( 'modal_styling_style' )
						),
				
				array(
						'type' 	=> 'tab_close',
						'nodescription' => true
					),
				
				array(
						'type' 	=> 'tab',
						'name'  => __( 'Advanced', 'avia_framework' ),
						'nodescription' => true
					),
				
					array(
							'type'			=> 'template',
							'template_id'	=> $this->popup_key( 'modal_advanced_link' )
						),
				
				array(
						'type' 	=> 'tab_close',
						'nodescription' => true
					),

				array(
						'type' 	=> 'tab_container_close',
						'nodescription' => true
					)
				
				);
			
			return $elements;
		}
		
		/**
		 * Register all templates for the modal group popup
		 * 
		 * @since 4.6.4
		 */
		protected function register_modal_group_templates()
		{
			/**
			 * Content Tab
			 * ===========
			 */
			$c = array(
						array(
							'name' 	=> __( 'Menu Text', 'avia_framework' ),
							'desc' 	=> __( 'Enter the menu text here', 'avia_framework' ) ,
							'id' 	=> 'title',
							'std' 	=> '',
							'type' 	=> 'input'
						),
				
				
				);
			
			AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'modal_content_menu' ), $c );
			
			
			/**
			 * Styling Tab
			 * ===========
			 */
			$c = array(
						array(
							'name' 	=> __( 'Style', 'avia_framework' ),
							'desc' 	=> __( 'Select the styling of your menu item', 'avia_framework' ),
							'id' 	=> 'button_style',
							'type' 	=> 'select',
							'std' 	=> '',
							'subtype'	=> array(
												__( 'Default Style', 'avia_framework' )				=> '',
												__( 'Button Style (Colored)', 'avia_framework' )	=> 'av-menu-button av-menu-button-colored',
												__( 'Button Style (Bordered)', 'avia_framework' )	=> 'av-menu-button av-menu-button-bordered',
											),
						)
				
				);
			
			AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'modal_styling_style' ), $c );
			
			/**
			 * Advanced Tab
			 * ===========
			 */
			
			$c = array(
						array(	
							'type'			=> 'template',
							'template_id'	=> 'linkpicker_toggle',
							'name'			=> __( 'Menu Link?', 'avia_framework' ),
							'desc'			=> __( 'Apply a link to the menu text?', 'avia_framework' ),
							'subtypes'		=> array( 'manually', 'single', 'taxonomy' ),
							'no_toggle'		=> true
						),
				);
			
			AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'modal_advanced_link' ), $c );
			
		}


		/**
		 * Editor Sub Element - this function defines the visual appearance of an element that is displayed within a modal window and on click opens its own modal window
		 * Works in the same way as Editor Element
		 * @param array $params this array holds the default values for $content and $args.
		 * @return $params the return array usually holds an innerHtml key that holds item specific markup.
		 */
		function editor_sub_element( $params )
		{
			$template = $this->update_template( 'title', '{{title}}' );

			$params['innerHtml']  = '';
			$params['innerHtml'] .= "<div class='avia_title_container'>";
			$params['innerHtml'] .= "<span {$template} >{$params['args']['title']}</span></div>";

			return $params;
		}
			
			
		/**
		 * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas
		 * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container
		 * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className
		 *
		 *
		 * @param array $params this array holds the default values for $content and $args. 
		 * @return $params the return array usually holds an innerHtml key that holds item specific markup.
		 */
		function editor_element( $params )
		{	
//			$term_args = array( 
//							'taxonomy'		=> 'nav_menu',
//							'hide_empty'	=> false
//						);
//
//			$menus = AviaHelper::get_terms( $term_args );

		
			$params = parent::editor_element( $params );
			
			return $params;
		}
			
			
		/**
		 * Returns false by default.
		 * Override in a child class if you need to change this behaviour.
		 * 
		 * @since 4.2.1
		 * @param string $shortcode
		 * @return boolean
		 */
		public function is_nested_self_closing( $shortcode )
		{
			if( in_array( $shortcode, $this->config['shortcode_nested'] ) )
			{
				return true;
			}

			return false;
		}			


		/**
		 * Frontend Shortcode Handler
		 *
		 * @param array $atts array of attributes
		 * @param string $content text within enclosing form of shortcode element 
		 * @param string $shortcodename the shortcode found, when == callback name
		 * @return string $output returns the modified html string 
		 */
		function shortcode_handler( $atts, $content = '', $shortcodename = '', $meta = '' )
		{
			$atts = shortcode_atts( array(
							'style'			=> '',
							'menu'			=> '',
							'position'	 	=> 'center',
							'sticky'		=> '',
							'color'			=> 'main_color',
							'mobile'		=> 'disabled',
							'mobile_switch'	=> 'av-switch-768',
							'mobile_submenu'=> '',
							'which_menu'	=> ''

					), $atts, $this->config['shortcode'] );

			if( 'disabled' == $atts['mobile'] )
			{
				$atts['mobile_switch'] = '';
			}
			else if( empty( $atts['mobile_switch'] ) )
			{
				$atts['mobile_switch'] = 'av-switch-768';
			}

			extract( $atts );

			$output = '';
			$sticky_div = '';
			avia_sc_submenu::$count ++;
			avia_sc_submenu::$custom_items = 0;
				
			$params['class'] = "av-submenu-container {$color} {$meta['el_class']}";
			$params['open_structure'] = false; 
			$params['id'] = ! empty( $meta['custom_id_val'] ) ? $meta['custom_id_val'] : 'sub_menu' . avia_sc_submenu::$count;
			$params['custom_markup'] = $meta['custom_markup'];
			$params['style'] = "style='z-index:" . ( avia_sc_submenu::$count + 300 ) . "'";

			if( $sticky && $sticky != 'disabled' ) 
			{
				$params['class'] .= ' av-sticky-submenu';
				$params['before_new'] = "<div class='clear'></div>";
				$sticky_div = "<div class='sticky_placeholder'></div>";
			}

			$params['class'] .= ' ' . $mobile_switch;

			//we dont need a closing structure if the element is the first one or if a previous fullwidth element was displayed before
			if( isset( $meta['index'] ) && $meta['index'] == 0 ) 
			{
				$params['close'] = false;
			}
			
			if( ! empty( $meta['siblings']['prev']['tag'] ) && in_array( $meta['siblings']['prev']['tag'], AviaBuilder::$full_el_no_section  ) ) 
			{
				$params['close'] = false;
			}
			
			if( isset($meta['index'] ) && $meta['index'] > 0 ) 
			{
				$params['class'] .= ' submenu-not-first';
			}
				
			if( $which_menu == 'custom' )
			{
				$element = '';
				$custom_menu = ShortcodeHelper::avia_remove_autop( $content, true );
				if(!empty($custom_menu))
				{
					$element .= "<ul id='av-custom-submenu-" . avia_sc_submenu::$count . "' class='av-subnav-menu av-submenu-pos-{$position}'>";
					$element .= $custom_menu;
					$element .= '</ul>';
				}
			}
			else
			{
				$element = wp_nav_menu(
					array(
						'menu' 			=> wp_get_nav_menu_object( $menu ),
						'menu_class' 	=> "av-subnav-menu av-submenu-pos-{$position}",
						'fallback_cb' 	=> '',
						'container'		=> false,
						'echo' 			=> false,
						'walker' 		=> new avia_responsive_mega_menu( array('megamenu' => 'disabled' ) )
					)
				);
			}


			$submenu_hidden = ''; 
			$mobile_button = $mobile == 'active' ? "<a href='#' class='mobile_menu_toggle' " . av_icon_string( 'mobile_menu' ) . "><span class='av-current-placeholder'>" . __( 'Menu', 'avia_framework' ) . '</span></a>' : '';
			if( ! empty( $mobile_button ) && ! empty( $mobile_submenu ) && $mobile_submenu != 'disabled' )
			{
				$submenu_hidden = 'av-submenu-hidden';
			}

			// if(!ShortcodeHelper::is_top_level()) return $element;
					
			$output .= avia_new_section( $params );
			$output .=		"<div class='container av-menu-mobile-{$mobile} {$submenu_hidden}'>{$mobile_button}{$element}</div>";
			$output .= avia_section_after_element_content( $meta , 'after_submenu', false, $sticky_div );
			
			return $output;
		}
			
		/**
		 * Shortcode handler
		 * 
		 * @param array $atts
		 * @param string $content
		 * @param string $shortcodename
		 * @param array $meta
		 * @return string
		 */
		public function av_submenu_item( $atts, $content = '', $shortcodename = '', $meta = '' )
		{
			/**
			 * Fixes a problem when 3-rd party plugins call nested shortcodes without executing main shortcode  (like YOAST in wpseo-filter-shortcodes)
			 */
			if( avia_sc_submenu::$count == 0 )
			{
				return '';
			}

			$output = '';
			$atts = shortcode_atts( array(	
								'title' 		=> '',
								'link' 			=> '',
								'linktarget' 	=> '',
								'button_style' 	=> '',
							), $atts, 'av_submenu_item' );

			extract( $atts );

			if( ! empty( $title) )
			{
				avia_sc_submenu::$custom_items++;
				$link = AviaHelper::get_url( $link );
				$blank = ( strpos( $linktarget, '_blank' ) !== false || $linktarget == 'yes' ) ? ' target="_blank" ' : '';
				$blank .= strpos( $linktarget, 'nofollow' ) !== false ? ' rel="nofollow" ' : '';

				$output .= "<li class='menu-item menu-item-top-level {$button_style} menu-item-top-level-" . avia_sc_submenu::$custom_items . "'>";
				$output .=		"<a href='{$link}' {$blank}><span class='avia-bullet'></span>";
				$output .=			"<span class='avia-menu-text'>{$title}</span>";
				//$output .=		"<span class='avia-menu-fx'><span class='avia-arrow-wrap'><span class='avia-arrow'></span></span></span>";
				$output .=		'</a>';
				$output .= '</li>';

			}

			return $output;
		}
			
	}
}

