<?php

add_action('init', 'cyber_post_tab_sections'); 

if(!function_exists('cyber_post_tab_sections')):

	function cyber_post_tab_sections(){

		if(function_exists('kc_add_map')): 

		kc_add_map(

		    array(

		        'cyber_post_tab'  => array( 
		            'name'        => esc_html__('EM Post Tab', 'cyber'),
		            'description' => esc_html__('Display Tab Style', 'cyber'),
		            'icon'        => 'kc-icon-tabs',
		            'category'    => 'cyber',
		            'params'      => array(

		         	'General' => array(
						array(

							'name'			=> 'show_carousel',							
							'type'			=> 'toggle',
							'label'			=> esc_html__( 'Show/Hide carousel', 'cyber' ),
							'value'			=> 'yes',
							'description'	=> esc_html__( 'If you set yes, that time Set Column and gutter not work.', 'cyber' )
						),					
						array(
							'name'			=> 'items',
							'label'			=> __( 'Items Limit', 'cyber' ),
							'type'			=> 'number_slider',
							'value'			=> '8',
							'description'	=> __(' Specify number of post that you want to show. Set 0 to get all team', 'cyber'),
							'options'		=> array(
								'min'			=> 0,
								'max'			=> 15,
								'unit'			=> '',
								'show_input'	=> false
							)
						),
						array(
							'type'			=> 'radio_image',
							'label'			=> __( 'Select Feature Style', 'cyber' ),
							'name'			=> 'layout',
							'admin_label'	=> true,
							'options'		=> array(
								'1'	=> EM40_EXTENSION_URI . 'asstes/images/blog/layout1.jpg',
								'2'	=> EM40_EXTENSION_URI . 'asstes/images/blog/layout2.jpg',
							),
							'description'	=> __( 'Select Your Feature Style', 'cyber' ),
							'value'			=> '1'
						),
						array(
							'type'		=> 'select',
							'label'		=> __( 'Order By', 'cyber' ),
							'name'		=> 'order',
							'options'	=> array(
								'DESC'	=> __( 'Descending', 'cyber' ),
								'ASC'	=> __( 'Ascending', 'cyber' )
							)
						),																					
						array(
							'type'			=> 'select',
							'label'			=> __( 'Set Column', 'cyber' ),
							'name'			=> 'set_column',
							'description'	=> __( 'Enter number item per row', 'cyber' ),
							'value'			=> '6',
							'options'		=> array(
								'12'	=> __( '1 Column', 'cyber' ),
								'6'	=> __( '2 Column', 'cyber' ),
								'4'	=> __( '3 Column', 'cyber' ),
								'3'	=> __( '4 Column', 'cyber' )
							),						
						),					
						array(
							'name'			=> 'gutter',
							'label'			=> __( 'Select No Gutter', 'cyber' ),
							'type'			=> 'toggle',
							'value'			=> 'no',
							'description'	=> __( 'Remove column Spacing', 'cyber' ),						
						),						
						array(
							'type'			=> 'text',
							'label'			=> __( 'Custom class', 'cyber' ),
							'name'			=> 'custom_class',
							'description'	=> __( 'Enter extra custom class', 'cyber' )
						)

		         	),
				'styling'	=> array(
					array(
						'name'		=> 'css_custom',
						'type'		=> 'css',
						'options'	=> array(
							array(
								"screens" => "any,1024,999,767,479",
								'Title'	=> array(
									array('property' => 'color', 'label' => 'Color', 'selector' => '+ .em_testi_title h2 '),
									array('property' => 'font-family', 'label' => 'Font Family', 'selector' => '+ .em_testi_title h2 '),
									array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '+ .em_testi_title h2 '),
									array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '+ .em_testi_title h2 '),
									array('property' => 'font-weight', 'label' => 'Font Weight', 'selector' => '+ .em_testi_title h2 '),
									array('property' => 'text-transform', 'label' => 'Text Transform', 'selector' => '+ .em_testi_title h2 '),
									array('property' => 'margin', 'label' => 'Margin', 'selector' => '+ .em_testi_title h2 '),
									array('property' => 'padding', 'label' => 'Padding', 'selector' => '+ .em_testi_title h2 '),
								),
								'Degi'	=> array(
									array('property' => 'color', 'label' => 'Color', 'selector' => '+ .em_testi_title h2 sup,.em_testi_degi'),
									array('property' => 'font-family', 'label' => 'Font Family', 'selector' => '+ .em_testi_title h2 sup,.em_testi_degi'),
									array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '+ .em_testi_title h2 sup,.em_testi_degi'),
									array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '+ .em_testi_title h2 sup,.em_testi_degi'),
									array('property' => 'font-weight', 'label' => 'Font Weight', 'selector' => '+ .em_testi_title h2 sup,.em_testi_degi'),
									array('property' => 'text-transform', 'label' => 'Text Transform', 'selector' => '+ .em_testi_title h2 sup,.em_testi_degi'),
									array('property' => 'margin', 'label' => 'Margin', 'selector' => '+ .em_testi_title h2 sup,.em_testi_degi'),
									array('property' => 'padding', 'label' => 'Padding', 'selector' => '+ .em_testi_title h2 sup,.em_testi_degi'),
								),
								'Desc'	=> array(
									array('property' => 'color', 'label' => 'Color', 'selector' => '.em_testi_text'),
									array('property' => 'font-family', 'label' => 'Font Family', 'selector' => '.em_testi_text'),
									array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '.em_testi_text'),
									array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '.em_testi_text'),
									array('property' => 'font-weight', 'label' => 'Font Weight', 'selector' => '.em_testi_text'),
									array('property' => 'text-transform', 'label' => 'Text Transform', 'selector' => '.em_testi_text'),
									array('property' => 'padding', 'label' => 'Padding', 'selector' => '.em_testi_text'),
									array('property' => 'margin', 'label' => 'Margin', 'selector' => '.em_testi_text'),
								),
								'Image'	=> array(
									array('property' => 'height', 'label' => 'Height', 'selector' => '+ .em_test_thumb img'),
									array('property' => 'width', 'label' => 'Width', 'selector' => '+ .em_test_thumb img'),
									array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '+ .em_test_thumb img'),
									array('property' => 'border-radius', 'label' => 'Border Radius', 'selector' => '+ .em_test_thumb img'),
								),									
								'Box'	=> array(
									array('property' => 'background'),
									array('property' => 'background-color', 'label' => 'BG Color Hover', 'selector' => '+:hover'),
									array('property' => 'text-align', 'label' => 'Box Text Align'),
									array('property' => 'border', 'label' => 'Border'),
									array('property' => 'border-color', 'label' => 'Border Color Hover'),
									array('property' => 'display', 'label' => 'Display'),
									array('property' => 'border-radius', 'label' => 'Border Radius'),
									array('property' => 'box-shadow', 'label' => 'Box Shadow', 'selector' => '.em_single_post_tab',),
									array('property' => 'box-shadow', 'label' => 'Box Shadow Hover', 'selector' => '.em_single_post_tab:hover'),
									array('property' => 'margin', 'label' => 'Margin'),
									array('property' => 'padding', 'label' => 'Padding'),
									array('property' => 'margin', 'label' => 'Position Hover', 'selector' => '.em_single_post_tab:hover')
								),	
							)
						)
					)
				),
				'animate' => array(
					array(
						'name'    => 'animate',
						'type'    => 'animate'
					)
				),					
					

		            )// Params

		        )// end shortcode key

		    )// first array

		); // End add map

		endif;

	}

endif;


// ========== Portfolio Area
if(!function_exists('cyber_post_tab_area')){
	function cyber_post_tab_area( $atts , $content = null ){

	ob_start();
	 // Attributes
			$em_post_tab_box = shortcode_atts(array(
				'layout' 				=> '1',
				'show_carousel' 		=> '',
				'set_column' 			=> '2',
				'post_type' 			=> '',
				'items' 				=> '4',
				'order' 				=> '',
				'gutter'				=> '',
				'custom_css' 	   		=> '',
				'custom_class' 			=> '',
			),$atts); 
			extract( $em_post_tab_box );	 
	 

		//custom class		
		$wrap_class  = apply_filters( 'kc-el-class', $atts );
		if( !empty( $custom_class ) ):
			$wrap_class[] = $custom_class;
		endif;
		$extra_class =  implode( ' ', $wrap_class );	
	

	$args = array(
		'post_type' => 'em_tab',
		'posts_per_page' => intval( $items ),
		'order' 			=> $order,	
	);
	$post_query = new WP_Query($args);


	if( $post_query->have_posts() ) {
	
				switch($layout){
					case '2':
						
						?>
						<div class="em_tab_inner tab_post_style2">
							<div class="col-md-12">
								<ul class="em_tab_pils nav nav-pills">
									<?php while ($post_query->have_posts()) : $post_query->the_post(); 	 ?>	
											<?php  $em_tab_menu  = get_post_meta( get_the_ID(),'_cyber_em_tab_menu', true );?>
											<?php  $em_tab_active  = get_post_meta( get_the_ID(),'_cyber_em_tab_active', true );?>
											<?php  $em_tab_icon  = get_post_meta( get_the_ID(),'_cyber_em_tab_icon', true );?>
											<?php  $em_tab_image  = get_post_meta( get_the_ID(),'_cyber_em_tab_image', true );?>	
									
<li  <?php if($em_tab_active){?> class="<?php echo $em_tab_active;?>"  <?php }?> ><a <?php if($em_tab_image){?> style="background-image:url(<?php echo $em_tab_image; ?>);"  <?php } ?>   data-toggle="pill" href="#tab-<?php echo get_the_ID(); ?>"><i class="fa fa-<?php echo $em_tab_icon; ?>"></i><?php if($em_tab_menu){echo $em_tab_menu;   }?></a></li>
																	
											
									<?php endwhile; ?>	
								 </ul>		
							</div>	
							<div class="em_tab_content tab-content">
							  <?php while ($post_query->have_posts()) : $post_query->the_post(); 		 ?>	
							  
							<?php  $em_tab_active  = get_post_meta( get_the_ID(),'_cyber_em_tab_active', true );?>
								<div id="tab-<?php echo get_the_ID(); ?>" class="tab-pane  <?php if($em_tab_active){echo $em_tab_active;}?>">
								
								<?php if(has_post_thumbnail()){?> 
									<div class="col-md-6">
										<div class="em_post_tab_thumb">
											<?php the_post_thumbnail();?>
										</div>
									</div>
									
									<div class="col-md-6">	
										<div class="tab_pan_content">
											<h2><?php the_title();?></h2>
											<?php the_content();?>	
										</div>											
									</div>
									<?php }else{?>

										<div class="col-md-12">	
											<div class="tab_pan_content">
												<h2><?php the_title();?></h2>
												<?php the_content();?>
											</div>									
										</div>
									<?php } ?>	
								</div>
							
									<?php endwhile; ?>
							</div>											
							<?php wp_reset_query(); ?>	
							
						</div>
																
					<?php
					break;
					
					default:
						
						?>
						<div class="em_tab_inner ">
							<div class="col-md-12">
								<ul class="em_tab_pils nav nav-pills">
									<?php while ($post_query->have_posts()) : $post_query->the_post(); 	 ?>	
											<?php  $em_tab_menu  = get_post_meta( get_the_ID(),'_cyber_em_tab_menu', true );?>
											<?php  $em_tab_active  = get_post_meta( get_the_ID(),'_cyber_em_tab_active', true );?>
											<?php  $em_tab_icon  = get_post_meta( get_the_ID(),'_cyber_em_tab_icon', true );?>
											<?php  $em_tab_image  = get_post_meta( get_the_ID(),'_cyber_em_tab_image', true );?>	
									
											<li  <?php if($em_tab_active){?> class="<?php echo $em_tab_active;?>"  <?php }?> ><a <?php if($em_tab_image){?> style="background-image:url(<?php echo $em_tab_image; ?>);"  <?php } ?>   data-toggle="pill" href="#tab-<?php echo get_the_ID(); ?>"><i class="<?php echo $em_tab_icon; ?>"></i><?php if($em_tab_menu){echo $em_tab_menu;   }?></a></li>
																	
											
									<?php endwhile; ?>	
								 </ul>		
							</div>


							<div class="em_tab_content tab-content">
							  <?php while ($post_query->have_posts()) : $post_query->the_post(); 		 ?>	
							  
							<?php  $em_tab_active  = get_post_meta( get_the_ID(),'_cyber_em_tab_active', true );?>
								<div id="tab-<?php echo get_the_ID(); ?>" class="tab-pane  <?php if($em_tab_active){echo $em_tab_active;}?>">
								
								<?php if(has_post_thumbnail()){?> 
									<div class="col-md-6">
											<div class="em_post_tab_thumb">
												<?php the_post_thumbnail();?>
											</div>
									</div>
									
									<div class="col-md-6">	
										<div class="tab_pan_content">
											<h2><?php the_title();?></h2>
											<?php the_content();?>	
										</div>											
									</div>
									<?php }else{?>

										<div class="col-md-12">	
											<div class="tab_pan_content">
												<h2><?php the_title();?></h2>
												<?php the_content();?>
											</div>									
										</div>
									<?php } ?>	
								</div>
							
									<?php endwhile; ?>
							</div>											
							<?php wp_reset_query(); ?>	
							
						</div>									
					<?php
					
					break; 
					
				}
	
 } 
	return ob_get_clean();
	}
}
add_shortcode ('cyber_post_tab', 'cyber_post_tab_area' );