<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
function qcld_show_arrow_items_fnc(){
$elem 		= isset($_POST['elem']) ? sanitize_text_field($_POST['elem']) : '';
$slidid 	= isset($_POST['slidid']) ? sanitize_text_field($_POST['slidid']) : '';
$selfelem 	= isset($_POST['selfelem']) ? sanitize_text_field($_POST['selfelem']) : '';
$btn 		= isset($_POST['btnval']) ? sanitize_text_field($_POST['btnval']) : '';
if($btn!=''){
	$btn = json_decode(wp_unslash(htmlspecialchars_decode($btn)));
}
?>
	<div id="sm-modal" class="slider_hero_modal">

		<!-- Modal content -->
		<div class="modal-content" data-elem="<?php echo esc_attr($elem); ?>" data-self="<?php echo esc_attr( $selfelem ); ?>" data-sid="<?php echo esc_attr( $slidid ); ?>" style="width: 60%;">
			<span class="close"><?php _e( "X", 'Slider X' ); ?></span>
			<h3><?php _e( "Create A Button", 'Slider X' ); ?></h3>
	

<div class="hero_tab">
  <button class="hero_tablinks hero_active" onclick="openCity(event, 'hero_general')">General</button>
  <button class="hero_tablinks" onclick="openCity(event, 'hero_btnscode')">Button Shortcode</button>
  
</div>
	<div id="hero_general" class="hero_tabcontent" style="padding: 6px 12px;">
        <div class="qc-Slider-Hero-item_btn">
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Button's Text</label><input style="width: 225px;" type="text" id="hero_button_text" value="<?php echo (isset($btn->button_text)?esc_attr($btn->button_text):''); ?>" placeholder="Enter button text" />
			</div>
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Button URL</label><input style="width: 225px;" type="text" id="hero_button_url" placeholder="http://www.expample.com" value="<?php echo (isset($btn->button_url)?esc_url($btn->button_url):''); ?>" />
			</div>
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Button Target</label><select id="hero_button_target">
					<option <?php echo ( isset($btn->button_target) && $btn->button_target=='_self'?'selected="selected"':''); ?> value="_self">_Self</option>
					<option <?php echo ( isset($btn->button_target) && $btn->button_target=='_blank'?'selected="selected"':''); ?> value="_blank">_Blank</option>
				</select>
			</div>

		
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Button Border</label>
				Square <input type="radio" checked <?php echo ( isset($btn->button_border) && $btn->button_border=='square'?'checked':''); ?> name="hero_button_border" value="square" />
				Rounded <input type="radio" <?php echo ( isset($btn->button_border) && $btn->button_border=='rounded'?'checked':''); ?> name="hero_button_border" value="rounded" />
				
			</div>
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Button Style</label>
				Full Background <input type="radio" checked <?php echo ( isset($btn->button_style) && $btn->button_style=='full_background'?'checked':''); ?> name="hero_button_style" value="full_background" />
				Border <input type="radio" <?php echo ( isset($btn->button_style) && $btn->button_style=='border'?'checked':''); ?> name="hero_button_style" value="border" />
				
			</div>
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Button Effect</label>
				<div style="display: inline-block;
    width: 57%;line-height: 23px;">
				None <input type="radio" checked <?php echo ( isset($btn->button_effect) && $btn->button_effect=='none'?'checked':''); ?> name="hero_button_effect" value="none" />
				
				Glitch <input type="radio" <?php echo ( isset($btn->button_effect) && $btn->button_effect=='glitch'?'checked':''); ?> name="hero_button_effect" value="glitch" />
				
				Animated Fill <input type="radio" <?php echo ( isset($btn->button_effect) && $btn->button_effect=='fill'?'checked':''); ?> name="hero_button_effect" value="fill" />
				
				Spin Effect <input type="radio" <?php echo ( isset($btn->button_effect) && $btn->button_effect=='spin'?'checked':''); ?> name="hero_button_effect" value="spin" />
				
				Shiney Effect <input type="radio" <?php echo ( isset($btn->button_effect) && $btn->button_effect=='shiney'?'checked':''); ?> name="hero_button_effect" value="shiney" />
				
				3D Effect <input type="radio" <?php echo ( isset($btn->button_effect) && $btn->button_effect=='3d'?'checked':''); ?> name="hero_button_effect" value="3d" />
				
				Expend Border Effect <input type="radio" <?php echo ( isset($btn->button_effect) && $btn->button_effect=='exborder'?'checked':''); ?> name="hero_button_effect" value="exborder" />
				
				Nanuk Effect <input type="radio" <?php echo ( isset($btn->button_effect) && $btn->button_effect=='nanuk'?'checked':''); ?> name="hero_button_effect" value="nanuk" />
				
				Nina Effect <input type="radio" <?php echo ( isset($btn->button_effect) && $btn->button_effect=='nina'?'checked':''); ?> name="hero_button_effect" value="nina" />
				
				Moema Effect <input type="radio" <?php echo ( isset($btn->button_effect) && $btn->button_effect=='moema'?'checked':''); ?> name="hero_button_effect" value="moema" />
				
				</div>
			</div>
			<div class="hero_single_field_btn">
			<?php 
				$json  = file_get_contents( QCLD_SLIDER_HERO_DIR . '/fonts/webfont.json' );
				$json = json_decode($json);
				$items = $json->items;
			?>
				<label style="width: 250px;display: inline-block;">Font Family</label>
				<select id="hero_btn_font_family">
					<option value="">Select One</option>
				<?php foreach($items as $item): ?>
						<?php if(isset($btn->hero_btn_font_family) and $btn->hero_btn_font_family==$item->family): ?>
							<option value="<?php echo esc_attr( $item->family ); ?>" selected="selected"><?php echo esc_attr( $item->family ); ?></option>
						<?php else: ?>
							<option value="<?php echo esc_attr( $item->family ); ?>"><?php echo esc_attr( $item->family ); ?></option>
						<?php endif; ?>
						
					
				<?php endforeach; ?>
				</select>
				
			</div>
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Font Weight</label><select id="hero_button_font_weight">
					<option <?php echo ( isset($btn->button_font_weight) && $btn->button_font_weight=='normal'?'selected="selected"':''); ?> value="normal">Normal</option>
					<option <?php echo ( isset($btn->button_font_weight) && $btn->button_font_weight=='bold'?'selected="selected"':''); ?> value="bold">Bold</option>
				</select>
			</div>
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Font Size</label><input style="width: 225px;" type="text" id="hero_button_font_size" value="<?php echo (isset($btn->button_font_size)?esc_attr($btn->button_font_size):''); ?>" placeholder="Ex: 20px" />
			</div>
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Letter Spacing</label><input style="width: 225px;" type="text" id="hero_button_letter_spacing" value="<?php echo (isset($btn->button_letter_spacing)?esc_attr($btn->button_letter_spacing):''); ?>" placeholder="Ex: 0.5px" />
			</div>
			
			
			<div class="hero_single_field_btn_wrap">
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Button Text Color</label>
				
				<input type="text" name="hero_button_text_color" id="hero_button_text_color" class="color-field" value="<?php echo (isset($btn->button_color)?esc_attr($btn->button_color):''); ?>" />
				
			</div>
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Button Text Hover Color</label>
				
				<input type="text" name="hero_button_text_hover_color" id="hero_button_text_hover_color" class="color-field" value="<?php echo (isset($btn->button_hover_color)?esc_attr($btn->button_hover_color):''); ?>" />
				
			</div>
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Button Background /Border Color</label>
				
				<input type="text" name="hero_button_bg_color" id="hero_button_bg_color" class="color-field" value="<?php echo (isset($btn->button_background_color)?esc_attr($btn->button_background_color):''); ?>" />

			</div>
			
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Button Background /Border Hover Color</label>
				
				<input type="text" name="hero_button_bg_hover_color" id="hero_button_bg_hover_color" class="color-field" value="<?php echo (isset($btn->button_background_hover_color)?esc_attr($btn->button_background_hover_color):''); ?>" />
				
			</div>
			</div>


        </div>
	</div>
	<div id="hero_btnscode" class="hero_tabcontent" style="padding: 6px 12px;">
        <div class="qc-Slider-Hero-item_btn">
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Use Button As Shortcode</label><input type="checkbox" <?php echo ((isset($btn->hero_button_shortcode)&&$btn->hero_button_shortcode=='1')?'checked':''); ?> id="hero_button_shortcode" value="1" placeholder="" />
			</div>
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Shortcode</label><input type="text" id="hero_button_shortcode_value" value="<?php echo ((isset($btn->hero_button_shortcode_value)&&$btn->hero_button_shortcode_value!='')?esc_attr($btn->hero_button_shortcode_value):''); ?>" />
				<span style="display: block;font-size: 11px;margin-left: 252px;margin-top: 5px;">Use the shortcode in description field.</span>
			</div>
        </div>
	</div>
	
	<div class="hero_single_field_btn">
		<label style="width: 250px;display: inline-block;"></label><input style="background: #4191EF; border: none;color: #fff; padding: 7px 15px; margin-right: 10px;cursor:pointer;" type="button" id="add_the_button" value="<?php echo (isset($btn->button_text)?'Update':'Add Button'); ?>" />
		<input style="    background: #FE8D2E; border: none;color: #fff;padding: 7px 15px;margin-right: 10px;cursor:pointer; font-size: 14px; float: none;  font-weight: normal;" type="button" class="botmclose" value="Cancel" />
		<input style="    background: #E91E63; border: none;color: #fff;padding: 7px 15px;margin-right: 10px;cursor:pointer;" type="button" id="cancel_the_button" value="Reset" />
		
		
		
		
		<input style="    background: #FE8D2E; border: none;color: #fff;padding: 7px 15px;margin-right: 10px;cursor:pointer;<?php echo ((isset($btn->hero_button_shortcode)&&$btn->hero_button_shortcode=='1')?'display:inline-block;':'display:none;'); ?>" type="button" id="add_short_code" value="Add Shortcode" />
	</div>
</div>
</div>
<?php
exit;
}
add_action( 'wp_ajax_qcld_show_arrow_items', 'qcld_show_arrow_items_fnc');
?>
<?php
function qcld_show_stomp_config_fnc(){
$elem 		= isset($_POST['elem']) ? sanitize_text_field($_POST['elem']) : '';
$slidid 	= isset($_POST['slidid']) ? sanitize_text_field($_POST['slidid']) : '';
$selfelem 	= isset($_POST['selfelem']) ? sanitize_text_field($_POST['selfelem']) : '';
$btn 		= isset($_POST['btnval']) ? sanitize_text_field($_POST['btnval']) : '';
$ordering 	= isset($_POST['ordering']) ? sanitize_text_field($_POST['ordering']) : '';
if($btn!=''){
	$btn = json_decode(wp_unslash(htmlspecialchars_decode($btn)));
}
?>
	<div id="sm-modal" class="slider_hero_modal">

		<!-- Modal content -->
		<div class="modal-content" data-elem="<?php echo esc_attr($elem); ?>" data-self="<?php echo esc_attr( $selfelem ); ?>" data-sid="<?php echo esc_attr( $slidid ); ?>" style="width: 60%;">
			<span class="close"><?php _e( "X", 'Slider Hero' ); ?></span>
			<h3 style="font-size: 20px;"><?php _e( "Slide Configuration -> ", 'Slider Hero' ); echo esc_attr( $ordering ); ?></h3>
			<hr/>

        <div class="qc-Slider-Hero-item_btn">

		<?php 
		$animations = array('none','bounce', 'flash', 'pulse', 'rubberBand', 'shake', 'swing', 'tada', 'wobble', 'jello', 'bounceIn', 'bounceInDown', 'bounceInLeft', 'bounceInRight', 'bounceInUp', 'fadeIn', 'fadeInDown', 'fadeInDownBig', 'fadeInLeft', 'fadeInLeftBig', 'fadeInRight', 'fadeInRightBig', 'fadeInUp', 'fadeInUpBig', 'flip', 'flipInX', 'flipInY', 'lightSpeedIn', 'rotateIn', 'rotateInDownLeft', 'rotateInDownRight', 'rotateInUpLeft', 'rotateInUpRight', 'slideInUp', 'slideInDown', 'slideInLeft', 'slideInRight', 'zoomIn', 'zoomInDown', 'zoomInLeft', 'zoomInRight', 'zoomInUp', 'hinge', 'rollIn' );
		
		$animations2 = array('none','bounce', 'flash', 'pulse', 'rubberBand', 'shake', 'swing', 'tada', 'wobble', 'jello', 'bounceOut', 'bounceOutDown', 'bounceOutLeft', 'bounceOutRight', 'bounceOutUp', 'fadeOut', 'fadeOutDown', 'fadeOutDownBig', 'fadeOutLeft', 'fadeOutLeftBig', 'fadeOutRight', 'fadeOutRightBig', 'fadeOutUp', 'fadeOutUpBig', 'flip', 'flipOutX', 'flipOutY', 'lightSpeedOut', 'rotateOut', 'rotateOutDownLeft', 'rotateOutDownRight', 'rotateOutUpLeft', 'rotateOutUpRight', 'slideOutUp', 'slideOutDown', 'slideOutLeft', 'slideOutRight', 'zoomOut', 'zoomOutDown', 'zoomOutLeft', 'zoomOutRight', 'zoomOutUp', 'rollOut' );
		?>
		
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Select In Animation</label>
				
				<select id="hero_stomp_animation">
				
					<?php foreach($animations as $animation): ?>
						<option <?php echo ( isset($btn->hero_stomp_animation) && ( $btn->hero_stomp_animation==$animation?'selected="selected"':'')); ?> value="<?php echo esc_attr( $animation ); ?>"><?php echo esc_attr( $animation ); ?></option>
					<?php endforeach; ?>

				</select>
				<p id="hero_text_preview_animation" style="display: inline-block;margin-left: 10px;font-size: 16px;">Slider Hero</p>
			</div>
			
			

			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Delay Time</label><input style="width: 225px;" type="text" id="hero_stomp_delay" value="<?php echo (isset($btn->hero_stomp_delay)?esc_attr($btn->hero_stomp_delay):''); ?>" placeholder="1200" />
			</div>
			
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Font Size</label><input style="width: 225px;" type="text" id="hero_stomp_fontsize" value="<?php echo (isset($btn->hero_stomp_fontsize)?esc_attr($btn->hero_stomp_fontsize):''); ?>" placeholder="50px" />
			</div>
			<div class="hero_single_field_btn">
			<?php 
				$json  = file_get_contents( QCLD_SLIDER_HERO_DIR . '/fonts/webfont.json' );
				$json = json_decode($json);
				$items = $json->items;
			?>
				<label style="width: 250px;display: inline-block;font-size: 18px;">Font Family <span class="hero_pro_features">[PRO]</span></label>
				<select id="hero_intro_font_family">
					<option value="">Select One</option>
				<?php foreach($items as $item): ?>
						<?php if(isset($btn->hero_intro_font_family) and $btn->hero_intro_font_family==$item->family): ?>
							<option value="<?php echo esc_attr( $item->family ); ?>" selected="selected" disabled><?php echo esc_attr( $item->family ); ?></option>
						<?php else: ?>
							<option value="<?php echo esc_attr( $item->family ); ?>" disabled><?php echo esc_attr( $item->family ); ?></option>
						<?php endif; ?>
						
					
				<?php endforeach; ?>
				</select>

			</div>
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Font Weight</label><select id="hero_stomp_font_weight">
					<option <?php echo ( isset($btn->hero_stomp_font_weight) && $btn->hero_stomp_font_weight=='normal'?'selected="selected"':''); ?> value="normal">Normal</option>
					<option <?php echo ( isset($btn->hero_stomp_font_weight) && $btn->hero_stomp_font_weight=='bold'?'selected="selected"':''); ?> value="bold">Bold</option>
				</select>
			</div>
			
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Letter Spacing</label><input style="width: 225px;" type="text" id="hero_stomp_letter_spacing" value="<?php echo (isset($btn->hero_stomp_letter_spacing)?esc_attr($btn->hero_stomp_letter_spacing):''); ?>" placeholder="Ex: 0.5px" />
			</div>
			
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Text Color</label>
				
				<input type="text" name="hero_stomp_text_color" id="hero_stomp_text_color" class="color-field" value="<?php echo (isset($btn->hero_stomp_text_color)?esc_attr($btn->hero_stomp_text_color):''); ?>" />
				
			</div>
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;">Background Color</label>
				
				<input type="text" name="hero_stomp_background_color" id="hero_stomp_background_color" class="color-field" value="<?php echo (isset($btn->hero_stomp_background_color)?esc_attr($btn->hero_stomp_background_color):''); ?>" />
				
			</div>

        </div>
	
	
        
	
	<div class="hero_single_field_btn">
		<label style="width: 250px;display: inline-block;"></label><input style="background: #4191EF; border: none;color: #fff; padding: 7px 15px; margin-right: 10px;cursor:pointer;" type="button" id="add_configuration" value="<?php echo (isset($btn->button_text)?'Update Configuration':'Add Configuration'); ?>" />
		<input style="    background: #FE8D2E; border: none;color: #fff;padding: 7px 15px;margin-right: 10px;cursor:pointer; font-size: 14px; float: none;  font-weight: normal;" type="button" class="botmclose" value="Cancel" />
		<input style="    background: #E91E63; border: none;color: #fff;padding: 7px 15px;margin-right: 10px;cursor:pointer;" type="button" id="cancel_the_button" value="Reset" />

	</div>

</div>
</div>
<?php
exit;
}
add_action( 'wp_ajax_qcld_show_stomp_config', 'qcld_show_stomp_config_fnc');
?>
<?php 
function qcld_hero_show_arrow_items_fnc(){

?>
	<div id="sm-modal" class="slider_hero_modal">

		<!-- Modal content -->
		<div class="modal-content" style="width: 800px;">
			<span class="close"><?php _e( "X", 'Slider X' ); ?></span>
			<h3><?php _e( "Choose an Arrow Style", 'Slider X' ); ?></h3>
			<hr/>
        <div class="qc-slider-x-item_arrow">
<?php 
	$path = QCLD_SLIDERHERO_IMAGES.'/arrows/';
	
?>
			<div class="arrow_style" data="arrow-circle">
				<i class="fa fa-arrow-circle-left" aria-hidden="true"></i><i class="fa fa-arrow-circle-right" aria-hidden="true"></i>
			</div>
			<div class="arrow_style" data="arrow">
				<i class="fa fa-arrow-left" aria-hidden="true"></i><i class="fa fa-arrow-right" aria-hidden="true"></i>
			</div>
			
			<div class="arrow_style" data="caret">
				<i class="fa fa-caret-left" aria-hidden="true"></i><i class="fa fa-caret-right" aria-hidden="true"></i>
			</div>
			<div class="arrow_style" data="arrow-circle-o">
				<i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>
			</div>
			<div class="arrow_style" data="chevron-circle">
				<i class="fa fa-chevron-circle-left" aria-hidden="true"></i><i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
			</div>
			<div class="arrow_style" data="chevron">
				<i class="fa fa-chevron-left" aria-hidden="true"></i><i class="fa fa-chevron-right" aria-hidden="true"></i>
			</div>
			<div class="arrow_style" data="long-arrow">
				<i class="fa fa-long-arrow-left" aria-hidden="true"></i><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
			</div>
			<div class="arrow_style" data="angle-double">
				<i class="fa fa-angle-double-left" aria-hidden="true"></i><i class="fa fa-angle-double-right" aria-hidden="true"></i>
			</div>
			<div class="arrow_style" data="angle">
				<i class="fa fa-angle-left" aria-hidden="true"></i><i class="fa fa-angle-right" aria-hidden="true"></i>
			</div>
			

        </div>
</div>
</div>
<?php
exit;
}
add_action( 'wp_ajax_qcld_hero_show_arrow_items', 'qcld_hero_show_arrow_items_fnc');
?>
<?php

// Code for google font-size
 
function qcld_show_google_font_model_fnc(){
$elem = sanitize_text_field($_POST['elem']);
$slidid = sanitize_text_field($_POST['slidid']);
$selfelem = sanitize_text_field($_POST['selfelem']);
$exists = sanitize_text_field($_POST['exists']);
$exists = explode(':',$exists);
?>
	<div id="sm-modal" class="slider_hero_modal">

		<!-- Modal content -->
		<div class="modal-content" data-elem="<?php echo esc_attr($elem); ?>" data-sid="<?php echo esc_attr( $slidid ); ?>" data-selfelem="<?php echo esc_attr($selfelem); ?>" style="width: 800px;">
			<span class="close"><?php _e( "X", 'Slider X' ); ?></span>
			<h3 style="display: inline;margin-right: 15px;font-size: 20px;"><?php _e( "Choose A Google Font", 'Slider X' ); ?></h3>
			

        <div class="qc-slider-x-item_arrow">
<?php 
	$json  = file_get_contents( QCLD_SLIDER_HERO_DIR . '/fonts/webfont.json' );
	
	$json = json_decode($json);
	
	$items = $json->items;
?>
			
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;font-size: 18px;">Font Family</label>
				<select id="hero_font_family">
					<option value="">Select One</option>
				<?php foreach($items as $item): ?>
					<?php 
						if(@$exists[0]==$item->family){
						?>
						<option value="<?php echo esc_attr($item->family); ?>" selected="selected"><?php echo esc_html($item->family); ?></option>
						<?php
						}else{
						?>
						<option value="<?php echo esc_attr($item->family); ?>"><?php echo esc_html($item->family); ?></option>
						<?php
						}
					?>
					
				<?php endforeach; ?>
				</select>

			</div>
			<div class="hero_single_field_btn">
				<label style="width: 250px;display: inline-block;font-size: 18px;">variant</label>
				<select id="hero_font_variant">
				
					<option value="">None</option>
					<?php 
					if( isset( $exists[1] ) && $exists[1] != '' ) {
						qcld_show_google_font_variants_fetch( $exists[0], $exists[1] );
					}
					?>
				
				</select>

			</div>

			<div class="hero_single_field_btn">

				<input style="background: #4191EF; border: none;color: #fff; padding: 7px 15px; margin-right: 10px;cursor:pointer;" type="button" id="add_the_font" value="Add" />
				<input style="    background: #E91E63; border: none;color: #fff;padding: 7px 15px;margin-right: 10px;cursor:pointer;" type="button" id="hero_reset_font" value="Reset">
			</div>

        </div>
	<script type="text/javascript">
	jQuery("#hero_font_family").chosen();
	</script>
</div>
</div>
<?php
exit;
}
add_action( 'wp_ajax_qcld_show_google_font_model', 'qcld_show_google_font_model_fnc');
add_action( 'wp_ajax_qcld_show_google_font_variants', 'qcld_show_google_font_variants_fnc');

function qcld_show_google_font_variants_fnc(){
	$fontname = sanitize_text_field($_POST['fontname']);

	qcld_show_google_font_variants_fetch( $fontname );

	exit;
}

function qcld_show_google_font_variants_fetch( $fontname, $existing = '' ){
	
	$json  = file_get_contents( QCLD_SLIDER_HERO_DIR . '/fonts/webfont.json' );
	$json = json_decode($json);
	$items = $json->items;
	foreach($items as $item){
		if($item->family==$fontname){
			foreach($item->variants as $varient){
				echo '<option value="'.esc_attr($varient).'" '. ( $existing == $varient ? 'selected="selected"' : '' ) .' >'.esc_html($varient).'</option>';
			}
			break;
		}
	}
	
}