/home/arranoyd/magicraft/wp-content/plugins/convertplug/modules/modal/themes/jugaad.php
<?php

if( !function_exists( "modal_theme_jugaad" ) ) {
	function modal_theme_jugaad( $atts, $content = null ){
		/**
		 * Define Variables
		 */
		global $cp_form_vars;

		$style_id = $settings_encoded = '';
		extract(shortcode_atts(array(
			'style_id'			=> '',
			'settings_encoded'	=> '',
	    ), $atts));

		$settings = base64_decode( $settings_encoded );
		$style_settings = unserialize( $settings );

		foreach( $style_settings as $key => $setting ) {
			$style_settings[$key] = apply_filters('smile_render_setting',$setting);;
		}
		
		unset($style_settings['style_id']); 

		//	Generate UID
		$uid		= uniqid();
		$uid_class	= 'content-'.$uid;

		$individual_vars = array(
			"uid"       	=> $uid,
			"uid_class" 	=> $uid_class,
			"style_class"	=> "cp-jugaad"
		);		

		/**
		 * Merge short code variables arrays
		 *
		 * @array 	$individual_vars		Individual style EXTRA short-code variables
		 * @array 	$cp_form_vars			CP Form global short-code variables
		 * @array 	$style_settings			Individual style short-code variables
		 * @array 	$atts					short-code attributes
		 */
		$all = array_merge(
			$individual_vars,
			$cp_form_vars,
			$style_settings,
			$atts
		);

		/**
		 *	Extract short-code variables
		 *
		 *	@array 		$all 		 All merged arrays
		 *	@array 		array() 	 Its required as per WP. Merged $style_settings in $all.
		 */

		$a = shortcode_atts( $all , array() );

		$imageStyle		 	= cp_add_css( 'left', $a['image_horizontal_position'], 'px');
		$imageStyle		   .= cp_add_css( 'top', $a['image_vertical_position'], 'px');
		$imageStyle		   .= cp_add_css( 'max-width', $a['image_size'], 'px');

		//	Filters & Actions
		$modal_image 	   = apply_filters( 'cp_get_modal_image_url', $a['modal_image'] );

		/** = Before filter
		 *-----------------------------------------------------------*/
		apply_filters_ref_array( 'cp_modal_global_before', array( $a ) );

		// Form background color and image 
		$form_bg_repeat = $form_bg_pos = $form_bg_size = $form_bg_setting = $form_css = "";
		if( strpos( $a['form_opt_bg'], "|" ) !== false ){
		    $form_opt_bg = explode( "|", $a['form_opt_bg'] );
		    $form_bg_repeat   = $form_opt_bg[0];
		    $form_bg_pos      = $form_opt_bg[1];
		    $form_bg_size     = $form_opt_bg[2];
		    if( $a['form_bg_image'] !== '' ){
		        $form_bg_setting .= 'background-repeat: '.$form_bg_repeat.';';
		        $form_bg_setting .= 'background-position: '.$form_bg_pos.';';
		        $form_bg_setting .= 'background-size: '.$form_bg_size.';';
			}
		}

		$form_bg_image = '';
		$form_bg_color = ( isset( $a['form_bg_color'] ) ) ? $a['form_bg_color'] : '';
		$rowClasses = '';
		$cp_equalized = '';

		if( isset( $a['form_bg_image'] ) && !empty( $a['form_bg_image'] ) ) {
			$form_bg_image = apply_filters('cp_get_wp_image_url', $a['form_bg_image'] );
		}

		$form_overaly_css = cp_add_css('background-color', $form_bg_color );

		if( $form_bg_image !== '' ){
			$form_css .= 'background-image:url(' . $form_bg_image . ');' .$form_bg_setting .';';
		}	

		// Content background color and image 
		$content_bg_repeat = $content_bg_pos = $content_bg_size = $content_bg_setting = $content_css = "";
		if( strpos( $a['content_opt_bg'], "|" ) !== false ){
		    $content_opt_bg = explode( "|", $a['content_opt_bg'] );
		    $content_bg_repeat   = $content_opt_bg[0];
		    $content_bg_pos      = $content_opt_bg[1];
		    $content_bg_size     = $content_opt_bg[2];
		    if( $a['content_bg_image'] !== '' ){
		        $content_bg_setting .= 'background-repeat: '.$content_bg_repeat.';';
		        $content_bg_setting .= 'background-position: '.$content_bg_pos.';';
		        $content_bg_setting .= 'background-size: '.$content_bg_size.';';
			}
		}

		$content_bg_image = '';   
		$content_bg_color = ( isset( $a['content_bg_color'] ) ) ? $a['content_bg_color'] : '';

		if( isset( $a['content_bg_image'] ) && !empty( $a['content_bg_image'] ) ) {
			$content_bg_image = apply_filters('cp_get_wp_image_url', $a['content_bg_image'] );
		}

		$content_overaly_css = cp_add_css( 'background-color', $content_bg_color );

		if( $content_bg_image !== '' ){	
			$content_css .= 'background-image:url(' . $content_bg_image . ');' .$content_bg_setting .';';
		}

		if( $a['form_separator'] !== 'none' ) {
			if( $a['form_sep_part_of'] == 0 ) 
				$form_sep_part_of = 'part-of-content';
			else 
				$form_sep_part_of = 'part-of-form';

			$form_sep_position = 'vertical';
			$form_sep_direction = 'upward';

			switch($a['modal_layout']) {
				
				case "form_left": 
					if( $a['form_sep_part_of'] == 1 ) {
						$form_sep_direction = 'downward';
					}	
				break;
				case "form_right":
					if( $a['form_sep_part_of'] == 0 ) {
						$form_sep_direction = 'downward';
					}
				break;	
				case "form_left_img_top":
					if( $a['form_sep_part_of'] == 1 ) {
						$form_sep_direction = 'downward';
					}
				break;							
				case "form_right_img_top":	
					if( $a['form_sep_part_of'] == 0 ) {
						$form_sep_direction = 'downward';
					}
				break;
				case "img_left_form_bottom":
					$form_sep_position = 'horizontal';
					if( $a['form_sep_part_of'] == 0 ) {
						$form_sep_direction = 'downward';
					}
				break;
				case "img_right_form_bottom":
					$form_sep_position = 'horizontal';
					if( $a['form_sep_part_of'] == 0 ) {
						$form_sep_direction = 'downward';
					}					
				break;
				case "form_bottom_img_top":
					$form_sep_position = 'horizontal';
					if( $a['form_sep_part_of'] == 0 ) {
						$form_sep_direction = 'downward';
					}
				break;
				case "form_bottom":				
					$form_sep_position = 'horizontal';
					if( $a['form_sep_part_of'] == 0 ) {
						$form_sep_direction = 'downward';
					}
				break;
			}

			$classes = $a['form_separator'].' '.$a['modal_layout'].' '.$form_sep_part_of.' cp-fs-'.$form_sep_position.' cp-fs-'.$form_sep_position.'-content '.$form_sep_direction;

			// start output buffer for form separator 
			ob_start();

			?> 
			<div class="cp-form-separator <?php echo esc_attr($classes); ?>" data-form-sep-part="<?php echo esc_attr($form_sep_part_of); ?>" 
			data-form-sep-pos="<?php echo esc_attr($form_sep_position); ?>" data-form-sep-direction="<?php echo esc_attr($form_sep_direction); ?>" data-form-sep="<?php echo esc_attr($a['form_separator']); ?>">
			</div>
			<?php $form_separator = ob_get_clean(); 
		}

		$rowClasses .= $a['modal_layout'];

		if( $a['modal_layout'] == 'img_left_form_bottom' || $a['modal_layout'] == 'img_right_form_bottom' ) {
			$cp_equalized = 'cp-columns-equalized';
		}

		// start output buffer for form section variable
		ob_start();

		$text_container_class = 'cp-text-center';
    	if( $a['modal_layout'] == 'img_left_form_bottom' || $a['modal_layout'] == 'img_right_form_bottom' ) {
    		$text_container_class = '';
    	}
		?>
		<?php if( $a['modal_layout'] == 'img_left_form_bottom' || $a['modal_layout'] == 'img_right_form_bottom' 
			|| $a['modal_layout'] == 'form_bottom_img_top' || $a['modal_layout'] == 'form_bottom' ) { ?>
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cp-form-section form-pos-bottom"  style="<?php echo esc_attr($form_css); ?>">
		<?php } else { 
			if( $a['modal_col_width'] == 0 ) {
				$rowClasses .= ' form-one-by-two';
 				$formClasses = 'col-md-6 col-sm-6 col-lg-6';
			} else {
				$rowClasses .= ' form-one-third';
 				$formClasses = 'col-md-5 col-sm-5 col-lg-5';	
			}
		?>
			<div class="<?php echo $formClasses;?> col-xs-12 cp-form-section form-pos-right form-pos-<?php echo $a['modal_layout']; ?>"  style="<?php echo esc_attr($form_css); ?>">
		<?php } ?>
		<div class="cp-form-section-overlay" style="<?php echo esc_attr($form_overaly_css); ?>"></div>
			<div class="cp-short-title-container <?php if( trim( $a['modal_short_title'] ) == '' ) { echo 'cp-empty'; } ?>">
	        	<div class="cp-short-title cp_responsive"><?php echo do_shortcode( html_entity_decode(  $a['modal_short_title'] ) ); ?></div>
			</div>
			<div class="cp-form-container">
				<?php
             		/**
					 * Embed CP Form
					 */
					apply_filters_ref_array('cp_get_form', array( $a ) );
				?>
			</div><!-- .cp-form-container -->
			<div class="modal-note-container <?php if( trim( $a['modal_note_1'] ) == '' ) { echo 'cp-empty'; } ?>">
	        	<div class="cp-modal-note cp_responsive"><?php echo do_shortcode( html_entity_decode(  $a['modal_note_1'] ) ); ?></div>
			</div>
		</div><!-- .cp-form-section -->
	    <?php $form_section = ob_get_clean(); 

	    // Start output buffer for image container variable 	
	    ob_start(); 
	    
	    if ( $a['modal_layout'] == 'img_left_form_bottom' || $a['modal_layout'] == 'img_right_form_bottom' ){ ?>
	    	<div class="cp-image-container col-md-4 col-sm-12 col-xs-12 col-lg-4 cp-column-equalized-center" > 
	    <?php } else { ?>
	    	<div class="cp-image-container col-md-12 col-sm-12 col-xs-12 col-lg-12" > 
	    <?php } ?>
			   	<img style="<?php echo esc_attr($imageStyle); ?>" src="<?php echo esc_attr( $modal_image ); ?>" class="cp-image"> 
			</div>

		<?php $img_container = ob_get_clean();

		// Start output buffer for text container variable 	
	    ob_start(); 
	    ?>
	    <?php 
	    	$text_container_class = 'cp-text-center';
	    	if( $a['modal_layout'] == 'img_left_form_bottom' || $a['modal_layout'] == 'img_right_form_bottom' ) {
	    		$text_container_class = '';
	    	}
	    	if ( $a['modal_layout'] == 'img_left_form_bottom' || $a['modal_layout'] == 'img_right_form_bottom' ){ ?>
	    		<div class="cp-jugaad-text-container col-md-8 col-sm-12 col-xs-12 col-lg-8 cp-column-equalized-center" > 
	    	<?php } else { ?>
	    		<div class="cp-jugaad-text-container cp-text-center col-md-12 col-sm-12 col-xs-12 col-lg-12 txt-pos-bottom <?php echo esc_attr($text_container_class); ?>" > 
	    	<?php } ?>
			<div class="cp-title-container <?php if( trim( $a['modal_title1'] ) == '' ) { echo 'cp-empty'; } ?>" >
            	<h2 class="cp-title cp_responsive" style="color: <?php echo esc_attr( $a['modal_title_color'] ); ?>;"><?php echo do_shortcode( html_entity_decode( $a['modal_title1'] ) ); ?></h2>
           	</div>
            <div class="cp-desc-container <?php if( trim( $a['modal_short_desc1'] ) == '' ) { echo 'cp-empty'; } ?>">
	        	<div class="cp-description cp_responsive" style="color: <?php echo esc_attr( $a['modal_desc_color'] ); ?>;"><?php echo do_shortcode( html_entity_decode(  $a['modal_short_desc1'] ) ); ?></div>
			</div>
			<div class="modal-note-container-2 <?php if( trim( $a['modal_note_2'] ) == '' ) { echo 'cp-empty'; } ?>">
				<div class="cp-modal-note-2 cp_responsive"><?php echo do_shortcode( html_entity_decode(  $a['modal_note_2'] ) ); ?></div>
			</div>
		</div>
	    <?php $txt_container = ob_get_clean();

	    // Start output buffer for content section variable
	    ob_start();
		?>
		
		<?php if( $a['modal_layout'] == 'form_left' || $a['modal_layout'] == 'form_right' 
			|| $a['modal_layout'] == 'form_right_img_top' || $a['modal_layout'] == 'form_left_img_top' ) { 

			if( $a['modal_col_width'] == 0 )	
 				$contentClasses = 'col-md-6 col-sm-6 col-lg-6';
 			else
 				$contentClasses = 'col-md-7 col-sm-7 col-lg-7';
 		?>
			<div class="<?php echo $contentClasses;?> col-xs-12 cp-content-section" style="<?php echo esc_attr($content_css); ?>" >
		<?php } else { ?>
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cp-content-section <?php echo esc_attr($cp_equalized); ?>" style="<?php echo esc_attr($content_css); ?>" >
		<?php } ?>
		<div class="cp-content-section-overlay" style="<?php echo esc_attr($content_overaly_css); ?>"></div>
		<?php 
			if( $a['modal_layout'] == 'form_left_img_botttom' || $a['modal_layout'] == 'img_right_form_bottom' 
				|| $a['modal_layout'] == 'form_right_img_bottom' ) {
				echo $txt_container; 
				if( $a['modal_layout'] != 'form_bottom' && $a['modal_layout'] != 'form_left' && $a['modal_layout'] != 'form_right' ) {
					echo $img_container; 
				}
			} else {
				if( $a['modal_layout'] == 'form_right_img_top' 
				 || $a['modal_layout'] == 'img_left_form_bottom' || $a['modal_layout'] == 'form_left_img_top' 
				 || $a['modal_layout'] == 'form_bottom_img_top' ) {
					echo $img_container; 
				}
				echo $txt_container;
			}
		?>
		</div>
		<?php $content_section = ob_get_clean(); ?>
		
		<!-- BEFORE CONTENTS -->
		<?php if( $a['modal_layout'] == 'form_bottom' || $a['modal_layout'] == 'img_left_form_bottom' || $a['modal_layout'] == 'img_right_form_bottom' 
			|| $a['modal_layout'] == 'form_bottom_img_top' )  { 
		?>
			<div class="cp-row cp-block <?php echo esc_attr($rowClasses); ?>">
		<?php } else { ?>
			<div class="cp-row cp-table <?php echo esc_attr($rowClasses); ?>">
		<?php }  
			if ( $a['modal_layout'] == 'form_left' || $a['modal_layout'] == 'form_left_img_botttom' 
				|| $a['modal_layout'] == 'form_left_img_top' ) { 
				echo $form_section; 	
				echo $content_section; 			
			} else {
				echo $content_section;	
				echo $form_section;	
			}

			if( $a['form_separator'] !== 'none' ) {
				echo $form_separator;
			}
		?>		
		</div>	
		<!-- AFTER CONTENTS -->
<?php
		/** = After filter
		 *-----------------------------------------------------------*/
		apply_filters_ref_array('cp_modal_global_after', array( $a ) );

	   return ob_get_clean();
	}
}