/home/arranoyd/magicraft/wp-content/plugins/convertplug/framework/classes/class.style-framework.php
<?php
global $Smile_Options, $admin_screen;

//echo $Smile_Options;
if(!function_exists('Smile_Style_Dashboard')){
	function Smile_Style_Dashboard( $class, $option_name, $module ){
		$html = '';
		$settings = $class::$options;
		$all_settings = $settings;
		$styles = $style_opts = $panels = $new_panels = $style_content = $all_styles = array();

		$urlData = $_GET;

		$ge_theme = (isset($urlData['theme'])) ? $urlData['theme'] : '';
		$style_view = (isset($urlData['style-view'])) ? $urlData['style-view'] : '';

		$categoryData = array();
		foreach($all_settings as $style => $options){
			$all_opts = array();
			$all_opts[] = $options['style_name'];
			$all_opts[] = $options['demo_url'];
			$all_opts[] = $options['img_url'];
			$all_opts[] = $options['customizer_js'];
			$all_opts[] = $options['tags'];

			$all_styles[$style] = $all_opts;
		}
		if(!empty($settings)){

			$panels = array();
			$theme_sections = array();

			$theme_array = array();

			foreach($settings as $style => $options){
				if($style !== $ge_theme && $style_view == 'edit')
					continue;
				$opts = $new_panels = $new_sections = array();
				$opts[] = $options['style_name'];
				$opts[] = $options['demo_url'];
				$opts[] = $options['img_url'];
				$opts[] = $options['customizer_js'];

				if( !isset($options['category']) || $options['category'] == null )
					$category = 'promotions';
				else
					$category = $options['category'];

				if( !isset($options['tags']) || $options['tags'] == null )
					$tags = 'promotions';
				else
					$tags = $options['tags'];

				$categoryData[] = $category;

				$opts[] = $category;
				$opts[] = $tags;

				$styles[$style] = $opts;
				$style_opts[$style] = $options['options'];
				$new_options =  $options['options'];

				foreach($new_options as $key => $values){
					$temp_panel = array();
					$panel = $values['panel'];
					$section = (isset($values['section'])) ? $values['section'] : '';
					$values['style'] = $style;

					$section_id = cp_generate_sp_id($section);
					$section_icon = (isset($values['section_icon'])) ? $values['section_icon'] : false;

					if( $ge_theme == $style ) {

						if(!isset($new_panels[$panel])){
								$new_panels[$panel] = array();
						}
						array_push($new_panels[$panel],$values);

						if(!isset($theme_array[$section]['panels'][$panel])){
								$theme_array[$section]['panels'][$panel] = array();
						}
						array_push($theme_array[$section]['panels'][$panel],$values);
						$theme_array[$section]['section_id'] = $section_id;
						if($section_icon) {
							$theme_array[$section]['icon'] = $section_icon;
						}
					}
				}
				array_push($panels,$new_panels);
			}
		}

		$categoryData = array_values( array_unique( $categoryData ) );

		foreach( $categoryData as $key => $category ) {
			$category = explode( ',', $category );
			if( count($category) > 1 ) {
				foreach( $category as $catName ) {
					array_push( $categoryData, $catName );
				}
				unset( $categoryData[$key] );
			}
		}

		$categoryData = array_unique($categoryData);

		if( $_GET['style-view'] !== "variant" ){
			echo '<ul class="filter-options">';
			foreach( $categoryData as $index => $cat ){
				$icon = 'connects-icon-ribbon';

				switch( $cat ) {
					case 'All':
						$icon = 'connects-icon-align-justify';
						break;
					case 'Offer':
						$icon = 'connects-icon-tag';
						break;
					case 'Optins':
						$icon = 'connects-icon-mail';
						break;
					case 'Exit Intent':
						$icon = 'connects-icon-outbox';
						break;
					case 'Updates':
						$icon = 'connects-icon-star';
						break;
					case 'Videos':
						$icon = 'connects-icon-video';
						break;

				}
				echo '<li class="smile-filter-li" data-group="'.$cat.'">
					  <i class="'.$icon.'"></i>
					  <a class="smile-filter-anchor">'. ucfirst( $cat ) .'</a></li>';
			}
			echo '</ul>';
			echo '<ul class="cp-styles-list row" id="grid">';
		}


		if(!empty($styles)){
			$style_name = $style_settings = '';
			$old_style = '';
			$data_action = isset( $_GET['variant-test'] ) ? 'update_variant_test_settings' : 'update_style_settings';
			$data_option = isset( $_GET['variant-test'] ) ? $module.'_variant_tests' : $option_name;
			$variant_style = isset( $_GET['variant-style'] ) ? $_GET['variant-style'] : '';
			$smile_variant_tests = get_option($data_option);
			$variant_style = isset( $_GET['variant-style'] ) ? $_GET['variant-style'] : '';
			$variant_test = isset( $_GET['variant-test'] ) ? $_GET['variant-test'] : '';
			$style_id = isset( $_GET['style_id'] ) ? $_GET['style_id'] : '';
			$smile_variant_tests = isset( $smile_variant_tests[$style_id] ) ? $smile_variant_tests[$style_id] : '';
			$style_name = isset( $_GET['style'] ) ? $_GET['style'] : '';
			if( isset( $_GET[ 'variant-style' ] ) ) {
				if( is_array ( $smile_variant_tests ) && !empty( $smile_variant_tests ) ){
					if( isset( $_GET[ 'action' ] ) && $_GET['action'] == 'new' ){
						$prev_styles = get_option('smile_modal_styles');
						$key = search_style($prev_styles,$style_id);
						$style_settings = $prev_styles[$key];
						$style_settings = unserialize($style_settings['style_settings']);
						$old_style = $style_settings['style'];
					} else {
						foreach($smile_variant_tests as $key => $array ){
							if( $array['style_id'] == $variant_style ){
								$style_settings = $array['style_settings'];
								$style_settings = unserialize($style_settings);
								$old_style = $style_settings['style'];
								break;
							}
						}
					}
				} elseif( isset( $_GET[ 'action' ] ) && $_GET['action'] == 'new' ){
					$prev_styles = get_option('smile_modal_styles');
					$key = search_style($prev_styles,$style_id);
					$style_settings = $prev_styles[$key];
					$style_settings = unserialize($style_settings['style_settings']);
					$old_style = $style_settings['style'];
				}
			} elseif(isset($_GET['style'])){
				$style_id = $_GET['style'];
				$prev_styles = get_option($data_option);
				$key = search_style($prev_styles,$style_id);
				$style_settings = $prev_styles[$key];
				$style_name = urldecode($style_settings['style_name']);
				$style_settings = unserialize($style_settings['style_settings']);
				$old_style = $style_settings['style_id'];

			}
			if( isset( $_GET['theme'] ) ){
				$theme = $_GET['theme'];
				$edit_style[$theme] = $styles[$theme];

				$styles = $edit_style;
			}

			foreach($styles as $style => $options){
				$rand = substr(md5(uniqid()),rand(0,26),5);
				$dynamic_style_name = 'cp_id_'.$rand;
				$new_style_id = ( isset( $style_id ) && $style_id !== "" ) ? $style_id : $dynamic_style_name;
				if( isset( $_GET['variant-test'] ) && $_GET['variant-test'] == "new" ){
					$new_style_id = $dynamic_style_name;
				}
				$active = ($old_style == $style) ? 'active ' : '';

				$page = $_GET['page'];

				$callback_url = 'admin.php?page='.$page;
  				$hide_new_style ='';

				if( isset( $_GET['style-view'] ) && $_GET['style-view'] !== "variant" ){
					$url =  'admin.php?page='.$page.'&style-view=edit&action=new&style='.$dynamic_style_name.'&theme='.$style;
					$callback_url = 'admin.php?page='.$page;					
				} else {
					$sid = isset( $_GET['style_id'] ) ? $_GET['style_id'] : $_GET['variant-style'];
					$pid = isset( $_GET['parent-style'] ) ? $_GET['parent-style'] : $_GET['style_id'] ;
					$callback_url = 'admin.php?page='.$page.'&style-view=variant&variant-style='.$sid.'&style='.stripslashes($pid).'&theme='.$theme;
					$url = 'admin.php?page='.$page.'&style-view=variant&variant-test=edit&action=new&variant-style='.$dynamic_style_name.'&style='.urlencode( stripslashes($style_name )  ).'&style_id='.$variant_style.'&theme='.$style;
					$hide_new_style ='cp-hidden-variant-style';
				}

				if( !isset($style_name) ) {
					$style_name = stripslashes(ucwords($_GET['style-name']));
				}

				if( isset($_GET['action']) &&  $_GET['action'] == 'new' && isset($_GET['variant-style']) ) {
					$style_name = '';
				}

				$data_view = ( isset( $_GET['style-view'] ) && $_GET['style-view'] == "new" ) || ( isset( $_GET['variant-test'] ) && $_GET['variant-test'] == "new" ) ? 'data-view="new" ' : 'data-view="edit"';

				if( $_GET['style-view'] == "variant" ){
					if( isset( $_GET['variant-test']) && $_GET['variant-test'] == 'new' ){
						$el_class = " variant-test";
					} else {
						$el_class = '';
					}
					echo '<a id="'.$style.'" class="cp-style-split-link button button-primary customize'.$el_class.'" href="'.$url.'" '.$data_view.' data-module="'. ucwords( str_replace( "_", " ", $module ) ) .'" data-id="'.$style.'" data-style="panel-'.$style.'">'.__( "Start Customizing", "smile" ) .'</a>';
				} else {
					if( isset( $_GET["style-view"] ) && $_GET['style-view'] !== "edit" ){
						$options[4] = explode(",",$options[4]);
						$result = array();
						foreach ( $options[4]  as $a1) {
						    $result[]='"'.$a1.'"';
						}
						$options[4] = implode( ',', $result );

						echo "<li class='col-xs-6 col-sm-4 col-md-4 cp-style-item ".$active."cp-style-".$style."' data-groups='[".$options[4]."]' data-tags=['".$options[5]."']>";
						echo '<a id="'.$style.'" class="cp-style-item-link customize" data-module="'. ucwords( str_replace( "_", " ", $module ) ) .'" href="'.$url.'" '.$data_view.' data-id="'.$style.'" data-style="panel-'.$style.'"></a>';
						echo '<div class="cp-style-item-box">';
						echo '<div class="cp-style-screenshot">';
						echo '<img src="'.$options[2].'"/>';
						echo '</div>';
						echo '<h3 class="cp-style-name">'. $options[0] .'</h3>';
						echo '<div class="cp-style-actions">';
						echo '<a id="'.$style.'" class="cp-style-item-link customize" data-module="'. ucwords( str_replace( "_", " ", $module ) ) .'" href="'.$url.'" '.$data_view.' data-id="'.$style.'" data-style="panel-'.$style.'">
								<span class="cp-action-link customize"><span class="cp-action-link-icon connects-icon-cog"></span>'.__( "Use This", "smile" ).'</span>';
						echo '</a>';
						echo '<span class="cp-action-link style-demo"
							 onclick="displayPopup(\''.$style.'\',\''.$options[0].'\',\''.plugins_url( '../../modules/'.$module.'/assets/demos/'.$style.'/'.$style.'.min.css', __FILE__ ).'\');"><span class="cp-action-link-icon connects-icon-link"></span>'.__( "Live Preview", "smile" ).'</span>
							</div>';

						echo '</div>'; /*--- .cp-style-item-box ---*/
					} else {
						echo '<a id="'.$style.'" class="cp-style-item-link customize" data-module="'. ucwords( str_replace( "_", " ", $module ) ) .'" href="'.$url.'" '.$data_view.' data-id="'.$style.'" data-style="panel-'.$style.'">'.__("Customize", "smile" ) .'</a>';
					}
				}
				if( isset( $_GET['style-view'] ) && ( $_GET['style-view'] == "edit" || $_GET['style-view'] == "variant" && $_GET['variant-test'] == 'edit') ){
				?>
				<div class="customizer-wrapper smile-customizer-wrapper panel-<?php echo $style; ?>" style="display: none;">
					<div id="cp-designer-form" class="design-form">
                        <form class="cp-cust-form" id="form-<?php echo $style; ?>" data-action="<?php echo $data_action; ?>">
                        <input type="hidden" name="style" value="<?php echo $style; ?>" />
                        <input type="hidden" name="style_id" value="<?php echo $new_style_id; ?>" />
                        <input type="hidden" name="option" value="<?php echo $data_option; ?>" />
		    			<?php if( isset( $_GET[ 'variant-style' ] ) ) { ?>
	                        <input type="hidden" name="variant-style" value="<?php echo $_GET[ 'variant-style' ]; ?>" />
	                        <input type="hidden" name="variant_style_id" value="<?php echo $_GET[ 'variant-style' ]; ?>" />
                        <?php } ?>

                         <?php 
                         $timezone_settings = get_option('convert_plug_settings');
    					 $timezone_name = $timezone_settings['cp-timezone'];
    					 ?>
                        <input type="hidden" name="cp_gmt_offset" class ="cp_gmt_offset" value="<?php echo get_option('gmt_offset'); ?>" />
	                    <input type="hidden" name="cp_counter_timezone" class ="cp_counter_timezone" value="<?php echo $timezone_name; ?>" />
                   		<div class="customizer metro" id="accordion-panel-<?php echo $style; ?>">
							<div class="cp-new-cust-section">
                            <div class="cp-vertical-nav">
                            	<div class="cp-vertical-nav-top cp-customize-section">
	                            	<?php
									foreach($theme_array as $key => $sections) {
										$section_id = (isset($sections['section_id'])) ? $sections['section_id'] : '';
										$section_icon = (isset($sections['icon'])) ? $sections['icon'] : '';
										?>
											<a href="#<?php echo $section_id ?>" class="cp-section" data-section-id="<?php echo $section_id ?>">
												<span class="cp-tooltip-icon has-tip" data-position="right" title="<?php echo $key ?>">
													<i class="<?php echo $section_icon ?>"></i>
												</span>
											</a>
										<?php
									}
									?>
								</div>
								<div class="cp-vertical-nav-center cp-customize-section">
                                	<?php
									$dashboard_link = '';
									if( isset($_GET['page']) ) {
										$dashboard_link = admin_url( 'admin.php?page='.$_GET['page'] );
									}
									
									?>
									<a data-redirect="<?php echo esc_url( $dashboard_link ); ?>" href="javascript:void(0)" target="_blank" class="cp-section cp-dashboard-link">
										<span class="cp-tooltip-icon has-tip" data-position="right" title="Dashboard">
											<i class="connects-icon-esc"></i>
										</span>
									</a>
									<a data-redirect="<?php echo site_url(); ?>" href="javascript:void(0)" target="_blank" class="cp-section cp-website-link" >
										<span class="cp-tooltip-icon has-tip" data-position="right" title="See Website">
											<i class="connects-icon-globe"></i>
										</span>
									</a>
								</div>

								<div class="cp-vertical-nav-bottom <?php echo $hide_new_style;?>">

									<a href="#" class="customize-footer-actions customize-collpase-act" >
										<span class="cp-tooltip-icon has-tip customizer-collapse" title="Collapse">
											<i class="connects-icon-arrow-left"></i>
											<i class="connects-icon-arrow-right"></i>
										</span>
									</a>
									<a href="#responsive-sect" data-section-id="responsive-sect" class="cp-section cp-customize-section" >
										<span class="cp-tooltip-icon has-tip" data-position="top" title="Responsive">
											<i class="connects-icon-responsive2"></i>
										</span>
									</a>
                                    <a href="#cp-themes" class="cp-section cp-themes" data-section-id="cp-themes">
                                    	<span class="cp-tooltip-icon has-tip" data-position="top" title="<?php _e( "Create New ". ucwords( str_replace( "_", " ", $module ) ), "smile" ); ?>">
                                        	<i class="connects-icon-plus"></i>
                                        </span>
                                    </a>
                                    <a href="#" class="cp-save" id="button-save-panel-<?php echo $style; ?>" data-style="<?php echo $style; ?>">
										<span class="cp-tooltip-icon has-tip" data-position="top" title="Save">
											<i class="connects-icon-inbox"></i>
										</span>
									</a>

									<a data-redirect="<?php echo admin_url( $callback_url ); ?>" href="javascript:void(0)" class="close-button">
										<span class="cp-tooltip-icon has-tip" data-position="top" title="Close">
											<i class="connects-icon-cross"></i>
										</span>
									</a>

								</div><!-- .cp-vertical-nav-bottom -->

							</div><!-- .cp-vertical-nav -->
							<div class="cp-customizer-tabs-wrapper" style="height:100%;">
								<div class="preview-notice">
	                                <span class="theme-name site-title"><?php echo $options[0];?></span>
	                            </div>
								<?php
									$count = 0;
									foreach($theme_array as $key => $sections) {
										$panels = $sections['panels'];
										$section_id = $sections['section_id'];
										?>
											<div id="<?php echo $section_id ?>" class="cp-customizer-tab accordion with-marker cp-tab-<?php echo $count ?>" data-role="accordion" data-closeany="true">
												<?php
													$cnt=0;
													foreach( $panels as $panel_key => $panel ) {
													?>
														<div class="accordion-frame">
															<a href="#" class="heading <?php if( $panel_key != 'Name') { echo 'collapsed';  } ?>" ><?php echo $panel_key; ?></a>
															<div class="content" <?php if( $panel_key == 'Name') { echo 'style="display:block;"';  } ?>>
															<?php

															if( $panel_key == 'Name' && $cnt == 0 ){
															?>
															    <div class="smile-element-container">
					                                                <strong>
					                                                    <label for="cp_style_title"><?php _e( "Name This Design", "smile" ); ?></label>
					                                                </strong>
					                                                <span class="cp-tooltip-icon has-tip" data-position="right" style="cursor: help;float: right;" title="<?php _e( "A unique & descriptive name will help you in future as it would appear in the dashboard, analytics, etc.", "smile" ); ?>">
					                                                    <i class="dashicons dashicons-editor-help"></i>
					                                                </span>
					                                                <p>
					                                                    <input type="text" id="cp_style_title"  class="form-control smile-input smile-textfield style_title textfield " name="new_style" data-style="<?php echo $style_name; ?>" value="<?php echo stripslashes($style_name); ?>">
					                                                </p>
					                                            </div>

														<?php } ?>

																<?php
																	$html = '';
																	foreach($panel as $key => $values){
																		$name = $values['name'];
																		$type = $values['type'];
																		$default_value = isset( $values['opts']['value'] ) ? urldecode($values['opts']['value']) : '';
																		$input_value = isset($style_settings[$name])? urldecode( utf8_decode($style_settings[$name] )) : $values['opts']['value'];
																		if(function_exists("do_input_type_settings_field")){
																			$values['opts']['type'] = $type;
																			$dependency = isset($values['dependency']) ? $values['dependency'] : '';
																			$dependency = smile_framework_create_dependency($name,$dependency);
																			$html .= '<div class="smile-element-container" '.$dependency.'>';
																			if( $type !== "section" && $type !== "google_fonts" ) {
																				$html .= '<strong><label for="smile_'.$name.'">'.ucwords( $values['opts']['title'] ).'</label></strong>';
																				if(isset($values['opts']['description'])){
																					$html .= '<span class="cp-tooltip-icon has-tip" data-position="right" title="'.$values['opts']['description'].'" style="cursor: help;float: right;"><i class="dashicons dashicons-editor-help"></i></span>';
																				}
																			}
																			$html .= do_input_type_settings_field( $name, $type, $values['opts'], $input_value, $default_value );
																			$html .= '</div>';
																		}
																	}
																	echo $html;
																?>
															</div><!-- .content -->
														</div><!-- .accordion-frame -->
														<?php
														$count++;
													}
												?>
												</div><!-- .cp-customizer-tab -->
										<?php
									}
								?>
								<div id="responsive-sect" class="cp-customizer-tab" data-role="accordion" data-closeany="true">
									<div class="accordion-frame">
										<div class="content">
											<div class="cp-responsive-bar">
					                        	<!-- iphone -->
					                            <div class="cp-resp-bar-icon cp-iphone" data-res-class="cp-iphone-device"><i class="connects-icon-iPhone"></i></div>
					                            <!-- iphone-horizontal -->
					                            <div class="cp-resp-bar-icon cp-iphone-h"  data-res-class="cp-iphone-device-hr"><i class="connects-icon-iPhone"></i></div>
					                            <!-- ipad -->
					                            <div class="cp-resp-bar-icon cp-ipad" data-res-class="cp-ipad-device"><i class="connects-icon-iPad"></i></div>
					                            <!-- ipad-horizontal -->
					                            <div class="cp-resp-bar-icon cp-ipad-h" data-res-class="cp-ipad-device-hr"><i class="connects-icon-iPad"></i></div>
					                            <!-- laptop -->
					                            <div class="cp-resp-bar-icon cp-mac cp-resp-active" data-res-class="cp-monitor-device"><i class="connects-icon-tv"></i></div>
					                        </div>
                                            <div class="cp-responsive-notice">
                                            	<div class="smile-element-container">
	                                            	<div class="link-title" style="display: block;padding: 50px 20px;">
	                                                	<?php echo __( "Responsive preview here is roughly displayed and might not be 100% correct. For accurate preview, please check output on the actual device.", "smile" ); ?>
	                                                </div>
	                                            </div>
                                            </div>
										</div><!-- .content -->
									</div><!-- .accordion-frame -->
								</div><!-- .cp-customizer-tab -->

                                <div id="cp-themes" class="cp-customizer-tab" data-rome="accordion" data-closeany="true">
                                	<div class="accordion-frame">
                                    	<div class="content cp-themes-area">
                                         <div class="row smile-style-search">
                                            <div class="container">
                                                <div class="col-sm-12">
                                                    <input type="search" class="js-shuffle-search" id="style-search" name="style-search" placeholder="<?php _e( "Search Template", "smile" ); ?>">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="cp-styles-list row" id="cp_grid" style="margin:0px;">
											<?php
                                            foreach($all_styles as $style_title => $style_options){
                                                $rand = substr(md5(uniqid()),rand(0,26),5);
                                                $dynamic_style_name = 'cp_id_'.$rand;
                                                $new_style_id = ( isset( $style_id ) && $style_id !== "" ) ? $style_id : $dynamic_style_name;
                                                if( isset( $_GET['variant-test'] ) && $_GET['variant-test'] == "new" ){
                                                    $new_style_id = $dynamic_style_name;
                                                }
                                                $active = ($old_style == $style_title) ? 'active ' : '';

                                                if ( isset($style_options[4]) ) {
                                                	$tags = $style_options[4];
                                                } else {
                                                	$tags = 'promotions';
                                                }

                                                $page = $_GET['page'];

                                                $callback_url = 'admin.php?page='.$page;

                                                if( isset( $_GET['style-view'] ) && $_GET['style-view'] !== "variant" ){
                                                    $url =  'admin.php?page='.$page.'&style-view=edit&action=new&style='.$dynamic_style_name.'&theme='.$style_title;
                                                    $callback_url = 'admin.php?page='.$page;
                                                } else {
                                                    $sid = isset( $_GET['style_id'] ) ? $_GET['style_id'] : $_GET['variant-style'];
                                                    $pid = isset( $_GET['parent-style'] ) ? $_GET['parent-style'] : $_GET['style_id'] ;
                                                    $callback_url = 'admin.php?page='.$page.'&style-view=variant&variant-style='.$sid.'&style='.$pid.'&theme='.$theme;
                                                    $url = 'admin.php?page='.$page.'&style-view=variant&variant-test=edit&action=new&variant-style='.$dynamic_style_name.'&style='.$style_name.'&style_id='.$variant_style.'&theme='.$style_title;
                                                }

                                                echo '<div class="cp-style-item '.$active.'cp-style-'.$style_title.'" data-tags=["'.$tags.'"] style="margin: 15px;">';
                                                echo '<div class="cp-style-item-box">';
                                                echo '<a id="'.$style_title.'" class="cp-new-style-link" href="'.$url.'" '.$data_view.' data-id="'.$style_title.'" data-style-title="'.$style_options[0].'" data-style="'.$style_id.'" data-option="smile_'.$module.'_styles">';
                                                echo '<div class="cp-style-screenshot">';
                                                echo '<img src="'.$style_options[2].'"/>';
                                                echo '</div>';
                                                echo '<h3 class="cp-style-name">'. $style_options[0] .'</h3>';
                                                echo '</a>';
                                                echo '</div>'; /*--- .cp-style-item-box ---*/
                                                echo '</div>'; /*--- .cp-style-item ---*/
                                            }
                                            ?>
										</div>
                                        <div class="col-xs-6 col-sm-4 col-md-4 shuffle_sizer"></div>
                                        <style type="text/css">
										.cp-switch-theme > p {
											position: static !important;
										}
										span.cp-discard-popup {
											position: absolute;
											top: 0;
											right: 0;
											display: inline-block;
											cursor: pointer;
											padding: 5px;
										}
										</style>
                                        <script type="text/javascript">
										jQuery(document).ready(function(){
											jQuery(".cp-new-style-link").click(function(e){
												e.preventDefault();
												e.stopPropagation();
												var src = jQuery(this).attr('href');
												var style = jQuery(this).data('style-title');
												var $this = jQuery(this);
												swal({
													title: "<?php _e( "What would you like to do with current ".ucwords( str_replace( "_", " ", $module ) )."?", "smile" ); ?>",
													text: '<span class="cp-discard-popup" style="position: absolute;top: 0;right: 0;"><i class="connects-icon-cross"></i></span>',
													type: "warning",
													html: true,
													showCancelButton: true,
													confirmButtonColor: "#DD6B55",
													confirmButtonText: "DELETE IT",
													cancelButtonText: "SAVE IT",
													closeOnConfirm: false,
													closeOnCancel: true,
													showLoaderOnConfirm: true,
													customClass: 'cp-switch-theme',
												},
												function(isConfirm){
													if (isConfirm) {
														var section = jQuery('.cp-section.active');
														jQuery(document).trigger('deleteStyle',[$this,false]);
														section.trigger('click');
														setTimeout(function(){
															window.location = src;
														},500);
													} else {
														var section = jQuery('.cp-section.active');
														var smile_panel = jQuery(".customize").data('style');
														jQuery('#button-save-'+smile_panel+' > span').trigger('click');
														section.trigger('click');
														setTimeout( function(){
															window.location = src;
														},500);
													}
												});
												jQuery(".cp-switch-theme").prev().css( "background-color", "rgba(0,0,0,.9)" );
												jQuery("body").on("click", ".cp-switch-theme .cp-discard-popup", function(e){
													e.preventDefault();
													jQuery(".sweet-overlay, .sweet-alert").fadeOut('slow').remove();
												});
											});
										});
										</script>
                                        </div>
                                    </div>
                                </div>
							</div><!-- .cp-customizer-tabs-wrapper -->
							</div><!-- .cp-new-cust-section -->
						</div><!-- .customizer -->
                        </form><!-- .cp-cust-form -->
                    </div> <!-- .design-form -->
                    <script type="text/javascript">
						jQuery(document).ready(function(){
							Ps.initialize(document.getElementById('cp-designer-form'));
						});
						jQuery(document).on("focusElementChanged", function(){
							Ps.update(document.getElementById('cp-designer-form'));
							setTimeout( function(){
								cp_changeSize();
							},600);
						});
						function cp_changeSize() {

							jQuery(".ps-scrollbar-y-rail").remove();

							// update scrollbars
							Ps.update(document.getElementById('cp-designer-form'));
						}
					</script>                   
					<?php	 
						$iframe_url = admin_url('admin.php?page=cp_customizer') . '&module='.$module.'&class='.$class.'&theme='.$_GET['theme'].'&hidemenubar=true'; 
                    ?>
					<div class="design-content" data-demo-id="<?php echo $_GET['theme']; ?>" data-class="<?php echo $class; ?>" data-module="<?php echo $module; ?>" data-js-url="<?php echo $options[3]; ?>" data-iframe-url="<?php echo esc_url( $iframe_url ); ?>">
                    	<div class="live-design-area">
                    		<div class="design-area-loading">                    		
                    			<!-- <span class="spinner"></span> -->
                                <div class="smile-absolute-loader" style="visibility: visible;">
                                  <div class="smile-loader">
                                    <div class="smile-loading-bar"></div>
                                    <div class="smile-loading-bar"></div>
                                    <div class="smile-loading-bar"></div>
                                    <div class="smile-loading-bar"></div>
                                  </div>
                                </div>
                    		</div>
                        </div>
					</div><!-- .design-content -->
				</div><!-- .customizer-wrapper -->
				<?php
				echo '</li>'; /*--- .customizer-wrapper ---*/
				}
			}
			if( $_GET['style-view'] !== "variant" ){
				echo '</ul>';
			}
			?>
            <script type="text/javascript">
			function displayPopup( style, title, url ){
				jQuery("#style_preview_css").attr("href", url );
				// load thickbox
				tb_show("Preview - "+title, ajaxurl + "?action=cp_display_preview_<?php echo $module; ?>&style=" + style);

				var loader = '<div class="smile-absolute-loader" style="visibility: visible;overflow: hidden;width: 80px;height: 80px;background-color: transparent;">\
							  <div class="smile-loader">\
								<div class="smile-loading-bar"></div>\
								<div class="smile-loading-bar"></div>\
								<div class="smile-loading-bar"></div>\
								<div class="smile-loading-bar"></div>\
							  </div>\
							</div>';
				jQuery("#TB_load").html(loader);
				jQuery("#TB_ajaxContent").addClass("cp-live-preview");
				jQuery("#TB_load").css({"width": "0","height": "0","background-color":"transparent","border":"none","padding": "0","margin": "0 auto"});
			}
			</script>
            <?php
		}
	}
}
if(!function_exists('smile_search_array')){
	function smile_search_array($arrays, $field, $value)
	{
		$keys = array();
		foreach($arrays as $key => $array)
		{
			foreach($array as $k => $arr){
				if ( $arr[$field] === $value )
					array_push($keys,$key);
			}
		}
		if(!empty($keys))
			return $keys;
		else
			return false;
	}
}
if(!function_exists('smile_manage_toolbar')){
	function smile_manage_toolbar()
	{
		$user_ID = get_current_user_id();
		$display = _get_admin_bar_pref('front', $user_ID );
		if (isset($_GET['hidemenubar'])) {
			$display = false;
		}
		return $display;
	}
}
if( is_user_logged_in() ) {
	$data = get_option( 'convert_plug_debug' );
	$hide_admin_bar = isset( $data['cp-hide-bar'] ) ? $data['cp-hide-bar'] : 'css';
	if( $hide_admin_bar == 'wordpress' ) {
		add_filter('show_admin_bar', 'smile_manage_toolbar');
	} elseif( isset( $_GET['hidemenubar'] ) ) {
		add_filter( 'body_class', 'cp_body_class_names' );
		add_action( 'wp_head', 'cp_admin_bar_css' );
	}
}
if( !function_exists( 'cp_admin_bar_css' ) ){
	function cp_admin_bar_css(){
		echo '<style id="cp-admin-bar">.cp-hide-admin-bar #wpadminbar{ display: none !important; }</style>';
	}
}

if( !function_exists( 'cp_body_class_names' ) ){
	function cp_body_class_names( $classes ) {
		$classes[] = 'cp-hide-admin-bar';
		return $classes;
	}
}
if(!function_exists('cp_generate_sp_id')) {
	function cp_generate_sp_id($key) {
		$key = strtolower($key);
		$key = preg_replace("![^a-z0-9]+!i", "-", $key);
		return $key;
	}
}

add_action( "admin_head", "live_preview_style_css" );
if( !function_exists( "live_preview_style_css" ) ){
	function live_preview_style_css(){
		echo '<link rel="stylesheet" type="text/css" id="style_preview_css" href="#" />';
	}
}

if( !function_exists( "generate_partial_atts" ) ){
	function generate_partial_atts( $s ){
		$partials	 =	isset( $s['css_property'] ) 	? ' data-css-property="' .$s['css_property']. '" ' 	: '';
		$partials	.=	isset( $s['css_selector'] ) 	? ' data-css-selector="' .$s['css_selector']. '" ' 	: '';
		$partials	.=	isset( $s['css_preview'] ) 	? ' data-css-preview="'  .$s['css_preview']. '" ' 	: ' data-css-preview="false" ';
		$partials	.=	isset( $s['unit'] ) 		? ' data-unit="'  .$s['unit']. '" ' 				: ' data-unit="px" ';
		$partials	.=	isset( $s['css-image-url'] ) 	? ' data-css-image-url="' .$s['css-image-url']. '" ' 	: ' data-css-image-url="" ';
		return $partials;
	}
}