<?php
/** @var $this WPBakeryShortCode_VC_Row */
$output = $el_class = $bg_image = $bg_color = $bg_image_repeat = $font_color = $padding = $margin_bottom = $css = $full_width = $el_id = $parallax_image = $parallax = $icon = $enable_icon = $enable_shadow = $image_shadow = '';

extract( shortcode_atts( array(
	'el_class' => '',
	'bg_image' => '',
	'bg_color' => '',
	'bg_image_repeat' => '',
	'font_color' => '',
	'padding' => '',
	'margin_bottom' => '',
	'full_width' => false,
	'parallax' => false,
	'parallax_image' => false,
	'css' => '',
	'el_id' => '',
	// 'icon' => 'fa fa-cutlery',
	// 'enable_shadow' => '',
	// 'enable_icon' => '',
	// 'image_shadow' => '',
	'enable_overlay' => '',
	'image_overlay' => '',
	'color_overlay' => '',
), $atts ) );
$parallax_image_id = '';
$parallax_image_src = '';
$el_class = $this->getExtraClass( $el_class );
// if row is slider
if($full_width == 'slider'){
?>
<section <?php if($el_id != '') echo 'id="'.esc_attr($el_id).'"'; ?> class="slides <?php echo $el_class; ?>">
  	<div class="slides-container">
  		<?php 
  			$content = apply_filters('iz_remove_vc_shorcode', $content, 'vc_column');
  			echo wpb_js_remove_wpautop($content);
  		?>
  	</div>
  	<nav class="slides-navigation">
	   	<a class="prev" href="#"> <i class="fa fa-chevron-left"></i></a>
	   	<a class="next" href="#"> <i class="fa fa-chevron-right"></i></a>
	</nav><!-- end slides-navigation -->
</section>
<?php
return;
}
// if row is menu header
if($full_width == 'header') : ?>
<header id="home" class="">
	<section class="navigation">
		<?php 
  			$content = apply_filters('iz_remove_vc_shorcode', $content, 'vc_column');
  			echo wpb_js_remove_wpautop($content);
  		?>
	</section>
</header>
<?php 
	return;
endif;

// wp_enqueue_style( 'js_composer_front' );
wp_enqueue_script( 'wpb_composer_front_js' );
// wp_enqueue_style('js_composer_custom_css');



$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'vc_row wpb_row ' . ( $this->settings( 'base' ) === 'vc_row_inner' ? 'vc_inner ' : '' ) . get_row_css_class() , $this->settings['base'], $atts );
$section_class = $el_class . vc_shortcode_custom_css_class( $css, ' ' );
$style = $this->buildStyle( $bg_image, $bg_color, $bg_image_repeat, $font_color, $padding, $margin_bottom );
?>

	<section <?php echo isset( $el_id ) && ! empty( $el_id ) ? "id='" . esc_attr( $el_id ) . "'" : ""; ?> class="<?php echo esc_attr($section_class); if($parallax) echo ' iz_parallax'; ?>"
<?php
// parallax bg values

$bgSpeed = 1.5;
?>
<?php
if($parallax)
{
	wp_enqueue_script( 'iz_parallax' );
}
// 	
if ( $parallax_image ) {
	$parallax_image_id = preg_replace( '/[^\d]/', '', $parallax_image );
	$parallax_image_src = wp_get_attachment_image_src( $parallax_image_id, 'full' );

	if ( ! empty( $parallax_image_src[0] ) ) {
		$parallax_image_src = $parallax_image_src[0];
		echo 'data-parallax-image="' . $parallax_image_src . '" ';
		echo 'data-parallax="'.vc_shortcode_custom_css_class($css, '').'"';
	}
	
}
?>
<?php print $style; ?>><!-- end close secion -->
<!-- Overlay -->
<?php if($enable_overlay == 'yes') : 
	$style_overlay = 'style="';
	if($image_overlay != '')
	{
		$img_overlay = wp_get_attachment_image_src($image_overlay, 'full');
		if(! empty($img_overlay[0]) )
		{
			$style_overlay .= 'background-image: url('.$img_overlay[0].');';
		}
	}
	if($color_overlay != '')
	{
		$style_overlay .= 'background-color: '.$color_overlay.';';
	}
	$style_overlay .= 'position: absolute; top: 0; width: 100%; height: 100%;"';
?>

	<div class="iz_overlay" <?php print $style_overlay; ?>></div>
<?php endif; ?>
	<?php
	if($full_width == '') echo '<div class="container">';
	?>
	<div class="<?php echo esc_attr( $css_class ); ?> <?php if ( $full_width == 'stretch_row_content_no_spaces' ): echo ' vc_row-no-padding'; endif; ?>">
<?php
echo wpb_js_remove_wpautop( $content );
	if($full_width == '') echo '</div>';
?>

	</div>
	<?php
	if ( ! empty( $full_width ) ) {
		//echo '<div class="vc_row-full-width"></div>';
	}
	?>
</section><?php print $this->endBlockComment( 'row' );