<?php

global $eltdIconCollections;
global $eltd_options;

$output = $el_class = $el_id = '';

$args = array(
    'el_class' => '',
	'row_type' => 'row',
	'use_as_box' => '',
	'row_box_border_radius' => '',
	'row_box_border_width' => '',
	'use_row_as_full_screen_section' => '',
    'use_row_as_full_screen_section_slide' => '',
	'type' => 'full_width',
    'header_style' => '',
	'anchor' => '',
	'in_content_menu'=>'',
	'content_menu_title' => '',
	'video' => '',
	'video_overlay' => '',
	'video_overlay_image' => '',
	'video_webm' => '',
	'video_mp4' => '',
	'video_ogv' => '',
	'video_image' => '',
	'background_color' => '',
    'full_screen_section_height' => 'no',
    'vertically_align_content_in_middle' => 'no',
	'section_height' => '',
    'parallax_speed' => '1',
	'background_image' => '',
	'pattern_background' => '',
	'border_color' => '',
	'border_top_color' => '',
	'enable_badge' => '',
	'badge_text' => '',
	'padding_top' => '',
	'padding_bottom' => '',
	'side_padding' => '',
	'text_align' => 'left',
	'more_button_label' =>'Expand Section',
	'less_button_label'=>'Contract Section',
	'button_position'=>'center',
	'color'=>'',
	'hover_color'=>'',
	'content_background_color' => '',
	'css_animation'=>'',
	'transition_delay'=>'',
	'box_shadow_on_row' => 'no',
	'box_shadow_color' => '',
	'horizontal_offset' => '1',
	'vertical_offset' => '1',
	'box_shadow_blur' => '1',
	'box_shadow_spread' => '1',
	'logo_in_content_menu' => '',
	'custom_widget_area' => '',
	'content_menu_border_bottom' => '',
	'content_menu_border_color' => '',
	'content_menu_border_style' => '',
    'el_id' => ''
);

$args = array_merge($args, $eltdIconCollections->getShortcodeParams('content_menu_'));

extract(shortcode_atts($args, $atts));
$el_class = esc_attr($el_class);
$anchor = esc_attr($anchor);
$content_menu_title = esc_html($content_menu_title);
$video_webm = esc_url($video_webm);
$video_mp4 = esc_url($video_mp4);
$video_ogv = esc_url($video_ogv);
$background_color = esc_attr($background_color);
$section_height = esc_attr($section_height);
$parallax_speed = esc_attr($parallax_speed);
$border_color = esc_attr($border_color);
$padding_top = esc_attr($padding_top);
$padding_bottom = esc_attr($padding_bottom);
$side_padding = esc_attr($side_padding);
$more_button_label = esc_html($more_button_label);
$less_button_label = esc_html($less_button_label);
$color = esc_attr($color);
$hover_color = esc_attr($hover_color);
$content_background_color = esc_attr($content_background_color);
$transition_delay = esc_attr($transition_delay);
$row_box_border_radius = esc_attr($row_box_border_radius);
$border_top_color = esc_attr($border_top_color);
$box_shadow_color = esc_attr($box_shadow_color);
$horizontal_offset = esc_attr($horizontal_offset);
$vertical_offset = esc_attr($vertical_offset);
$box_shadow_blur = esc_attr($box_shadow_blur);
$box_shadow_spread = esc_attr($box_shadow_spread);

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

$el_class = $this->getExtraClass($el_class);

$css_classes = array(
	'vc_row',
	'wpb_row', //deprecated
	'section',
	$el_class,
	//vc_shortcode_custom_css_class( $css ),
);

$css_class = preg_replace( '/\s+/', ' ', apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, implode( ' ', array_filter( $css_classes ) ), $this->settings['base'], $atts ) );

if($type == "grid"){
	$css_class_type =  " grid_section";
} else {
	$css_class_type =  "";
}

if($type == "grid"){
	$css_class_type_inner =  " section_inner";
} else {
	$css_class_type_inner =  " full_section_inner";
}

if($type == "grid" && $row_type == 'parallax'){
    $css_class_type_parallax =  " parallax_grid_section";
    $css_class_type_parallax_inner =  " parallax_section_inner";
} else {
    $css_class_type_parallax =  "";
    $css_class_type_parallax_inner =  " parallax_full_section_inner";
}

$header_style_data = '';
if($header_style != ""){
    $header_style_data =  'data-eltd_header_style="'.$header_style.'"';
}

$css_class_pattern =  "";
if($pattern_background == "pattern_background"){
	$css_class_pattern = " pattern_background";
}

$css_class_video =  "";
if($video == "show_video"){
	$css_class_video =  " video_section";
}

$css_class_in_content_menu =  "";
if($in_content_menu == "in_content_menu"){
	$css_class_in_content_menu =  " in_content_menu";
}

$_image ="";
$css_class_preload_background =  "";
if($background_image != '' || $background_image != ' ') { 
	$_image = wp_get_attachment_image_src( $background_image, 'full');
	$css_class_preload_background =  "preload_background";
}

$overlay_image ="";
if($video_overlay_image != '' && $video_overlay_image != ' ') { 
	$overlay_image = wp_get_attachment_image_src( $video_overlay_image, 'full');
}

if($css_animation != ""){
	$clsss_css_animation =  "  " . $css_animation;
} else {
	$clsss_css_animation =  "";
}
$delay = "";
if($transition_delay != ""){
	$delay = " style='transition-delay:" . $transition_delay . "ms; -webkit-animation-delay:" . $transition_delay . "ms; animation-delay:" . $transition_delay . "ms;'";
}
$anchor_id = "";
if($anchor != ""){
	$anchor_id = ' data-eltd_id="#'.$anchor.'"';
}

$menu_title = "";
if($content_menu_title != ""){
	$menu_title = ' data-eltd_title="'.$content_menu_title.'"';
}

$menu_icon = '';
if ($icon_pack !== '' && $in_content_menu !== '') {

    $item_collection_icon_obj = $eltdIconCollections->getIconCollection($icon_pack);

    if (method_exists($item_collection_icon_obj, 'render')) {
        
        $menu_icon .= 'data-icon_pack="'.$icon_pack.'" ';
        
        if (${'content_menu_'.$item_collection_icon_obj->param} != "") {
            $icon_html = esc_attr($item_collection_icon_obj->render(${'content_menu_'.$item_collection_icon_obj->param}));
            $menu_icon .= 'data-icon_html="'.$icon_html.'"';
        }
        
    }
    
}

$use_row_as_box_class="";
if($use_as_box == 'use_row_as_box'){
	$use_row_as_box_class = ' use_row_as_box';
}

$full_screen_section_class = "";
if($use_row_as_full_screen_section == "yes"){
	$full_screen_section_class = " full_screen_section";
}


$row_id = '';
if($el_id !== '') {
    $row_id = 'id="'.esc_attr($el_id).'"';
}

if($row_type == 'row') {
	$output .= '<div '.$row_id.' '.$anchor_id.' '.$menu_title.' '.$menu_icon.' '.$header_style_data.' class="' . $css_class . $css_class_type . $css_class_in_content_menu . $css_class_video . $use_row_as_box_class . $css_class_pattern . $full_screen_section_class . '"';
	if($background_color != "" || $border_color != "" || $padding_top != "" || $padding_bottom != "" || $text_align != "" || $_image != "" || $box_shadow_on_row == 'yes'){
			$output .= " style='";
				if($background_color != ""){
					$output .="background-color:".$background_color.";";
				}
				if($_image != ""){
					$output .="background-image:url(".$_image[0].");";
				}
				if($border_color != ""){
					if($use_as_box == 'use_row_as_box') {

						if($row_box_border_width != ""){
			                $border_width = (strstr($row_box_border_width, 'px', true)) ? $row_box_border_width : $row_box_border_width . "px";										
						}
						else {
							$border_width = '1px';
						}
						$output .=" border: ".$border_width." solid ".$border_color.";";
					}else {
						$output .=" border-bottom: 1px solid ".$border_color.";";
					}
				}
				if($border_top_color != ""){
					$output .=" border-top: 1px solid ".$border_top_color.";";	
				}
				if($row_box_border_radius != "" && $use_as_box == 'use_row_as_box'){
					$output .=" border-radius:".$row_box_border_radius."px;";
				}
				if($padding_top != ""){
					$output .=" padding-top:".$padding_top."px;";
				}
				if($padding_bottom != ""){
					$output .=" padding-bottom:".$padding_bottom."px;";
				}

				if ($box_shadow_on_row == 'yes') {

					$box_shadow_css = "";
					if ($box_shadow_color != "") {
						$box_shadow_css .= $box_shadow_color . ' ';
					}
					if ($horizontal_offset != "") {
						$box_shadow_css .= $horizontal_offset . 'px ';
					}
					if ($vertical_offset != "") {
						$box_shadow_css .= $vertical_offset . 'px ';
					}
					if ($box_shadow_blur != "") {
						$box_shadow_css .= $box_shadow_blur . 'px ';
					}
					if ($box_shadow_spread != "") {
						$box_shadow_css .= $box_shadow_spread . 'px ';
					}

					if ($box_shadow_css != "") {
						$box_shadow_css = 'box-shadow: ' . $box_shadow_css . '; '; 
					}

					$output .= $box_shadow_css;
				}

				$output .= ' text-align:' . $text_align . ';';
				$output.="'";
		}
	$output.=">";

	if ($enable_badge == "yes"){
		$output .= '<div class="row_badge">';
		$output .= '<span class="badge_icon"><img src="'.get_template_directory_uri().'/img/crown.png" alt=""/></span>';
		if ($badge_text !== ''){
			$output .= '<span class="badge_text">'.$badge_text.'</span>';
		}
		$output .= '<span class="row_badge_triangle"></span>';
		$output .= '</div>';
	}
	
	if($video == "show_video"){
		$v_image = wp_get_attachment_url($video_image);
		$v_overlay_image = wp_get_attachment_url($video_overlay_image);


        if($use_row_as_full_screen_section == "yes"){
            $output .= '<div class="video-overlay';
            if($video_overlay == "show_video_overlay"){
                $output .= ' active';
            }
            $output .= '"';
            $output .= ($overlay_image !== '' && $overlay_image !== ' ') ? " style='background-image:url(" . $overlay_image[0] . ");'" : '';
            $output .= '></div>';
            $output .= '<video class="full_screen_sections_video" width="1920" height="800" poster="'.$v_image.'" controls="controls" preload="auto" loop autoplay muted>';
            if(!empty($video_webm)) { $output .= '<source type="video/webm" src="'.$video_webm.'">'; }
            if(!empty($video_mp4)) { $output .= '<source type="video/mp4" src="'.$video_mp4.'">'; }
            if(!empty($video_ogv)) { $output .= '<source type="video/ogg" src="'. $video_ogv.'">'; }
            $output .='<object width="320" height="240" type="application/x-shockwave-flash" data="'.get_template_directory_uri().'/js/flashmediaelement.swf">
										<param name="movie" value="'.get_template_directory_uri().'/js/flashmediaelement.swf" />
										<param name="flashvars" value="controls=true&file='.$video_mp4.'" />
										<img src="'.$v_image.'" width="1920" height="800" title="No video playback capabilities" alt="Video thumb" />
								</object>
						</video>';
        } else {
            $output .= '<div class="mobile-video-image" style="background-image: url('.$v_image.')"></div><div class="video-overlay';
            if($video_overlay == "show_video_overlay"){
                $output .= ' active';
            }
            $output .= '"';
            $output .= ($overlay_image !== '' && $overlay_image !== ' ') ? " style='background-image:url(" . $overlay_image[0] . ");'" : '';
            $output .= '></div><div class="video-wrap">

								<video class="video" width="1920" height="800" poster="'.$v_image.'" controls="controls" preload="auto" loop autoplay muted>';
            if(!empty($video_webm)) { $output .= '<source type="video/webm" src="'.$video_webm.'">'; }
            if(!empty($video_mp4)) { $output .= '<source type="video/mp4" src="'.$video_mp4.'">'; }
            if(!empty($video_ogv)) { $output .= '<source type="video/ogg" src="'. $video_ogv.'">'; }
            $output .='<object width="320" height="240" type="application/x-shockwave-flash" data="'.get_template_directory_uri().'/js/flashmediaelement.swf">
												<param name="movie" value="'.get_template_directory_uri().'/js/flashmediaelement.swf" />
												<param name="flashvars" value="controls=true&amp;file='.$video_mp4.'" />
												<img src="'.$v_image.'" width="1920" height="800" title="No video playback capabilities" alt="Video thumb" />
										</object>
								</video>
						</div>';
        }
	}
	$output .= '<div class="' . $css_class_type_inner . ' clearfix"';

	if($side_padding != ""){
			$side_padding_styles = array();

			$side_padding_styles[] = 'padding-left: '.$side_padding;
			$side_padding_styles[] = 'padding-right: '.$side_padding;
			$output .= " style='".implode(';', $side_padding_styles)."'";
		}
	$output .= '>';
	if($type == "grid"){
		$output .= "<div class='section_inner_margin clearfix'>";
	}
	if($row_type == "row" && $css_animation != ""){
		$output .= '<div class="'. $clsss_css_animation .'"><div'. $delay .'>';
	}
    if($use_row_as_full_screen_section_slide == "yes"){
        $output .= '<div class="full_screen_section_slide"><div class="full_screen_section_slide_intro">';
    }

}else if($row_type == 'parallax'){

    $parallax_padding = '';
    if($side_padding != ""){
        $side_padding_styles = array();
        $side_padding_styles[] = 'padding-left: '.$side_padding;
        $side_padding_styles[] = 'padding-right: '.$side_padding;
        $parallax_padding .= " style='".implode(';', $side_padding_styles)."'";
    }

    $full_screen_section_height_class = '';
    $vertically_align_content_in_middle_class = '';
    if($full_screen_section_height == 'yes'){
        $full_screen_section_height_class = 'full_screen_height_parallax';

        if($vertically_align_content_in_middle == 'yes'){
            $vertically_align_content_in_middle_class = 'vertical_middle_align';
        }
    }



    $output .='<section '.$row_id.' '.$anchor_id.' '.$menu_title.' '.$menu_icon.' '.$header_style_data.' data-speed="'. $parallax_speed .'" class="parallax_section_holder '.$css_class_preload_background.' '.$css_class_in_content_menu.' ' . $css_class_type_parallax . ' '.$full_screen_section_height_class.' '.$vertically_align_content_in_middle_class.'" style = "';

	if($full_screen_section_height !== 'yes' ) {
        $output .= ($section_height != '' || $section_height != ' ') ? ' min-height:' . $section_height . 'px; height: auto; ' : '';
    }
    $output .= ($background_image !== '' || $background_image !== ' ') ? " background-image:url('" . $_image[0] . "');" : "";
    $output .= '"';
    $output .= '>';
	
	if ($enable_badge == "yes"){
		$output .= '<div class="row_badge">';
		$output .= '<span class="badge_icon"><img src="'.get_template_directory_uri().'/img/crown.png" alt=""/></span>';
		if ($badge_text !== ''){
			$output .= '<span class="badge_text">'.$badge_text.'</span>';
		}
		$output .= '<span class="row_badge_triangle"></span></div>';
	}
	
    if($full_screen_section_height == 'yes' ) {
        $output .='<div class="parallax_content_outer">';
    }
	$output .='<div class="parallax_content ' . $text_align . ' '.$css_class_type_parallax_inner.'" '.$parallax_padding.'>';
	
	$output .= "<div class='parallax_section_inner_margin clearfix'>";
	
	
	

}else if($row_type == 'expandable') {
	$output .= '<div '.$row_id.' '.$anchor_id.' '.$menu_title.' '.$menu_icon.' '.$header_style_data.' class="' . $css_class . $css_class_in_content_menu .'"';
	if($text_align != ""){
		    $output .= " style='";
            $output .= ' text-align:' . $text_align . ';';
            $output.="'";
	}
	$output.=">";
	$output .= '<div class="more_facts_holder"';
	if($background_color != "" || $_image != ""){
		$output .= " style='";
		if($background_color != ""){
			$output .= "background-color: ".$background_color.";";
		}
        if($_image != ""){
            $output .="background-image:url(".$_image[0].");";
        }
		$output .= "'";
	}
	$output .= '>';
	$output .= '<div class="more_facts_button_holder ' . $button_position . '">';
	$output .= '<span class="more_facts_button" data-color="'. $color . '" data-hovercolor="'. $hover_color . '" data-morefacts="'. $more_button_label .'" data-lessfacts="'. $less_button_label . '"';
	if($color != ""){
		$output .= " style='";
		if($color != ""){
			$output .= " color: ".$color.";";
		}
		$output .= "'";
	}
	$output .='><span class="more_facts_button_text">'. $more_button_label .'</span><span class="more_facts_button_arrow"><i class="fa fa-angle-down"></i> </span></span>';
	$output .= '</div>';

	$output .= '<div class="more_facts_outer">';
	$output .= '<div class="more_facts_inner_holder"';
	$output .= '><div class="more_facts_inner">';

} else if($row_type == 'content_menu'){
    $output .= '<nav '.$row_id.' class="content_menu"';
    $output .= " style = '";
    if($background_color != ""){
        $output .= " background-color:". esc_attr($background_color).";";
    }
	if ($content_menu_border_bottom == 'yes') {
		if ($content_menu_border_style != '') {
			$output .= 'border-bottom-style: ' . esc_attr($content_menu_border_style) . '; ';
		}
		else {
			$output .= 'border-bottom-style: solid; ';
		}

		if ($content_menu_border_color != '') {
			$output .= 'border-bottom-color: ' . esc_attr($content_menu_border_color) . '; ';
		}
		else {
			$output .= 'border-bottom-color: #9d9d9d; ';
		}

		$output .= 'border-bottom-width: 1px; ';
	}

    $output .= "'>";
	
	if($type == "grid"){
		$output .= "<div class='". $css_class_type . "'><div class='". $css_class_type_inner . " clearfix'>";
	}
	
	if($logo_in_content_menu == 'logo_in_content_menu'){
		$output .= '<div class="logo">';
			
			if(isset($eltd_options['content_menu_logo_image']) && $eltd_options['content_menu_logo_image'] != ""){
				$logo_image = $eltd_options['content_menu_logo_image'];
			}else if(isset($eltd_options['logo_image']) && $eltd_options['logo_image'] != ""){
				$logo_image = $eltd_options['logo_image'];
			}
			$output .= '<a href="'.esc_url(home_url('/')).'"><img src="'.esc_url($logo_image).'" alt="Logo"/></a>';
		$output .= '</div>';
	}
    $output .= "<div class='nav_select_menu clearfix'><div class='nav_select_button'><i class='fa fa-bars'></i></div></div>";
	
	$output .= "<ul class='menu'></ul>";
	
	if($custom_widget_area !== ''){
		$output .= '<div class="custom_widget_area"><div class="custom_widget_area_inner"><div class="custom_widget_area_inner2">';
			$output .= eltd_get_dynamic_sidebar($custom_widget_area);
		$output .= '</div></div></div>';
	}
	
	if($type == "grid"){
        $output .= "</div></div>";
    }
	$output .= "";
}
if($row_type != 'content_menu'){
	$output .= wpb_js_remove_wpautop($content);
}
if($row_type == 'row') {
    if($use_row_as_full_screen_section_slide == "yes"){
        $output .= '</div></div>';
    }
	if($css_animation != "") { 
		$output .= '</div></div>';
	}
    if($type == "grid"){
        $output .= "</div>";
    }
    $output .= '</div>';


	$output .= '</div>'.$this->endBlockComment('row');
}elseif($row_type == 'parallax'){
	$output .= "</div>";
	
	$output .= "</div>";
	
    if($full_screen_section_height == 'yes' ) {
        $output .= "</div>";
    }
	
	
    $output .= '</section>'.$this->endBlockComment('row');
	
}elseif($row_type == 'expandable'){
	$output .= '</div></div></div></div></div>'.$this->endBlockComment('row');
}else if($row_type == 'content_menu'){
	$output .= '</nav>';
}
print $output;