<?php

/**
 * Creates an content section that can do offset text, image backgrounds, and magazine style columns
 *
 * @since    1.0.0
 */
if ( ! function_exists( 'aesop_content_shortcode' ) ) {

	function aesop_content_shortcode( $atts, $content = null ) {

		// let this be used multiple times
		static $instance = 0;
		$instance++;
		$unique = sprintf( '%s-%s', get_the_ID(), $instance );

		$defaults = array(
			'height'   			=> '',
			'width'    			=> '100%',
			'component_width'   => '100%',
			'columns'   		=> '',
			'position'   		=> 'center',
			'innerposition'  	=> '',
			'img'     			=> '',
			'imgrepeat'   		=> 'no-repeat',
			'imgposition'  		=> 'center center',
			'imgsize'   		=> 'cover',
			'floatermedia'   	=> '',
			'floaterdirection' 	=> 'down',
			'floaterposition'	=> 'left',
			'color'    			=> '#FFFFFF',
			'background'  		=> '#222222',
			'disable_bgshading' => 'off',
			'revealfx'          => '',
			'overlay_revealfx'          => ''
		);

		$atts = apply_filters( 'aesop_cbox_defaults', shortcode_atts( $defaults, $atts ) );

		// set component to content width
		$contentwidth = 'content' == $atts['width'] ? 'aesop-content' : false;

		// height
		$height = $atts['height'] ? sprintf( 'min-height:%s;', esc_attr( $atts['height'] ) ) : false;

		// inner positioning
		$getinnerposition = $atts['innerposition'] ? preg_split( '/[\s,]+/', $atts['innerposition'] ) : false;

		$positionArray = array(
			'top'    => $getinnerposition[0],
			'right'  => $getinnerposition[1],
			'bottom' => $getinnerposition[2],
			'left'   => $getinnerposition[3]
		);

		//$innerposition = is_array( $positionArray ) && $atts['innerposition'] ? sprintf( 'position:absolute;top:%s;right:%s;bottom:%s;left:%s;', $positionArray['top'], $positionArray['right'], $positionArray['bottom'], $positionArray['left'] ) : false;
		$innerposition = is_array( $positionArray ) && $atts['innerposition'] ? sprintf( 'top:%s;right:%s;bottom:%s;left:%s;', $positionArray['top'], $positionArray['right'], $positionArray['bottom'], $positionArray['left'] ) : false;


		// are we doing columns or image and do a clas based on it
		$columns = $atts['columns'] ? sprintf( 'aesop-content-comp-columns-%s', $atts['columns'] ) : false;
		$image = $atts['img'] ? 'aesop-content-img' : false;
		$typeclass = $columns.' '.$image;

		// image and width inline styles
		$bgcolor = $atts['background'] ? sprintf( 'background-color:%s;', esc_url( $atts['background'] ) ) : false;
		$imgstyle = $atts['img'] ? sprintf( '%sbackground-image:url(\'%s\');background-size:%s;background-position:%s;background-repeat:%s;', $bgcolor, esc_url( $atts['img'] ), esc_attr( $atts['imgsize'] ), esc_attr( $atts['imgposition'] ), esc_attr( $atts['imgrepeat'] ) ) : false;

		$position = ( 'left' == $atts['position'] || 'right' == $atts['position'] ) ? sprintf( 'float:%s;', esc_attr( $atts['position'] ) ) : 'margin-left:auto;margin-right:auto;';
		$widthContentStyle = 'content' == $atts['width'] ? false : sprintf( 'width:%s;max-width:100%%;', esc_attr( $atts['width'] ) );
		$widthComponentStyle = sprintf( 'width:%s;max-width:100%%;', esc_attr( $atts['component_width'] ) );
		$overlay_animated_style = (!empty($atts['overlay_revealfx']) && $atts['overlay_revealfx']!='off') ? 'visibility:hidden;':false;
		$shade_style = (empty($atts['disable_bgshading']) || $atts['disable_bgshading']=='off') ? false : 'background-color:transparent;';
		$innerstyle = sprintf( 'style="%s%s%s%s%s"', $widthContentStyle, $position, $innerposition, $overlay_animated_style, $shade_style ) ;
		$txtcolor  = $atts['color'] ? sprintf( 'color:%s;', $atts['color'] ) : false;
		$itemstyle = $imgstyle !== false || $txtcolor !== false || $height !== false ? sprintf( 'style="%s%s%s%s"', $imgstyle, $txtcolor, $bgcolor, $height ) : false;

		// custom classes
		$classes = function_exists( 'aesop_component_classes' ) ? aesop_component_classes( 'content', '' ) : false;

		// has image class
		$has_img = $atts['img'] ? 'aesop-content-has-img' : false;

		// has floater
		$has_floater = $atts['floatermedia'] ? 'aesop-content-has-floater' : false;

		// floater positoin
		$floaterposition = $atts['floaterposition'] ? sprintf( 'floater-%s', $atts['floaterposition'] ) : false;
		
		
		ob_start();

		do_action( 'aesop_cbox_before', $atts, $unique ); // action
?>
		<div <?php echo aesop_component_data_atts( 'content', $unique, $atts, true );?> class="aesop-component aesop-content-component <?php echo sanitize_html_class( $classes ).' '.$has_img. ' '.$has_floater;?>" style="<?php echo $height;echo $widthComponentStyle?>;<?php echo aesop_revealfx_set($atts) ? '"visibility:hidden;"': null ?>" >

			<?php if ( $atts['floatermedia'] && ! wp_is_mobile() ) { ?>
				<!-- Aesop Content Component -->
				<script>
				jQuery(document).ready(function($){

					var obj = $('#aesop-content-component-<?php echo esc_attr( $unique );?> .aesop-content-component-floater');

			       	function scrollParallax(){

			       	    var height 			= $(obj).height(),
	        				offset 			= $(obj).offset().top,
				       	    scrollTop 		= $(window).scrollTop(),
				       	    windowHeight 	= $(window).height(),
				       	    floater 		= Math.round( (offset - scrollTop) * 0.1);

				    	// only run parallax if in view
			       		if (offset + height <= scrollTop || offset >= scrollTop + windowHeight) {
							return;
						}

			       	    <?php if ( 'up' == $atts['floaterdirection'] ) { ?>
			            	$(obj).css({'transform':'translate3d(0px,' + floater + 'px, 0px)'});
						<?php } else { ?>
							$(obj).css({'transform':'translate3d(0px,-' + floater + 'px, 0px)'});
						<?php } ?>
			       	}
			      	scrollParallax();

			        $(window).scroll(function() {scrollParallax();});
				});
				</script>

			<?php }//end if

			echo do_action( 'aesop_cbox_inside_top', $atts, $unique ); // action ?>

			<div id="aesop-content-component-<?php echo $unique;?>" class="aesop-content-comp-wrap <?php echo $typeclass;?>" <?php echo $itemstyle;?>>

				<?php echo do_action( 'aesop_cbox_content_inside_top', $atts, $unique ); // action

				if ( $atts['floatermedia'] && ! wp_is_mobile() ) { ?>

					<div class="aesop-content-component-floater <?php echo $floaterposition;?>" data-speed="10"><?php echo aesop_component_media_filter( $atts['floatermedia'] );?></div>

				<?php } ?>

				<div class="aesop-component-content-data aesop-content-comp-inner <?php echo $contentwidth;?>" <?php echo $innerstyle;?>>

					<?php echo do_action( 'aesop_cbox_content_inner_inside_top', $atts, $unique ); // action ?>

						<?php echo do_shortcode( wpautop( html_entity_decode( $content ) ) );?>

					<?php echo do_action( 'aesop_cbox_content_inner_inside_bottom' , $atts, $unique); // action ?>

				</div>

				<?php echo do_action( 'aesop_cbox_content_inside_bottom', $atts, $unique ); // action ?>

			</div>

			<?php echo do_action( 'aesop_cbox_inside_bottom', $atts, $unique ); // action ?>

				</div>
			<?php

		do_action( 'aesop_cbox_after', $atts, $unique ); // action

		return ob_get_clean();
	}
	
	function aesop_content_block( $atts) {
		if (isset($atts['content'])) {
			return aesop_content_shortcode( $atts, $atts['content'] );
		}
	}
}//end if