<?php
$mobile_foot_background = xintheme('mobile_foot_background_color') ?: '#ffffff';
$mobile_foot_text_color = xintheme('mobile_foot_text_color') ?: '#333333';
?>
<style>
@media screen and (max-width:767px){
	.site-footer{margin-bottom: 55px}
	.mobile_btn{background-color:<?php echo $mobile_foot_background;?>}
	.mobile_btn ul li a{color:<?php echo $mobile_foot_text_color;?>}
}
</style>
<div class="mobile_btn">
	<ul>
		<?php if ( is_array(xintheme('add_mobile_foot_menu')) ){
		$i = '1';
		foreach ( xintheme('add_mobile_foot_menu') as $value ): $i++; ?>
		<?php if($i > 4){?><style>.mobile_btn ul li {min-width: 20%}</style><?php }?>
		<?php if( $value['mobile_foot_menu_type'] == 'link' ){?>
		<li>
			<a href="<?php echo $value['mobile_foot_menu_url'];?>" rel="nofollow"><i class="<?php echo $value['mobile_foot_menu_icon'];?>"></i><?php echo $value['mobile_foot_menu_text'];?></a>
		</li>
		<?php }elseif( $value['mobile_foot_menu_type'] == 'qq' ){?>
		<li>
	    	<?php if( wp_is_mobile() ){
	    		$qq_url = 'mqqwpa://im/chat?chat_type=wpa&uin='.$value['mobile_foot_menu_qq'].'&version=1&src_type=web&web_src=oicqzone.com';
	    	}else{
	    		$qq_url = 'http://wpa.qq.com/msgrd?v=3&uin='.$value['mobile_foot_menu_qq'].'&site=qq&menu=yes';
	    	}?>
	      <a href="<?php echo $qq_url;?>" rel="nofollow" target="_blank"><i class="<?php echo $value['mobile_foot_menu_icon'];?>"></i><?php echo $value['mobile_foot_menu_text'];?></a>
	    </li>
		<?php }elseif( $value['mobile_foot_menu_type'] == 'tel' ){?>
		<li>
			<a href="tel:<?php echo $value['mobile_foot_menu_tel'];?>" rel="nofollow" target="_blank"><i class="<?php echo $value['mobile_foot_menu_icon'];?>"></i><?php echo $value['mobile_foot_menu_text'];?></a>
		</li>
		<?php }elseif( $value['mobile_foot_menu_type'] == 'copy' ){
		    $md5_copy = md5( $value['mobile_foot_menu_text'] );?>
		<li>
			<a href="javaScript:;" id="a<?php echo $md5_copy;?>" data-clipboard-text="<?php echo $value['mobile_foot_menu_copy'];?>"><i class="<?php echo $value['mobile_foot_menu_icon'];?>"></i><?php echo $value['mobile_foot_menu_text'];?></a>
		</li>
		<script>
			$(document).ready(function(){       
			var clipboard = new Clipboard('#a<?php echo $md5_copy;?>');    
			clipboard.on('success', function(e) {    
				<?php if( $value['mobile_foot_menu_copy_tips'] ){?>
				alert("<?php echo $value['mobile_foot_menu_copy_tips'];?>",1500);
				<?php }else{?>
				alert("【<?php echo $value['mobile_foot_menu_copy'];?>】复制成功",1500);
				<?php }?>
				<?php if( $value['mobile_foot_menu_copy_weixin'] ){?>
				window.location.href='weixin://';
				<?php }?>
				e.clearSelection();    
				console.log(e.clearSelection);    
			});    
			});    
		</script>
		<?php }elseif( $value['mobile_foot_menu_type'] == 'img' ){
		$md5_title = md5( $value['mobile_foot_menu_text'] );?>
		<li>
			<a data-fancybox href="#a<?php echo $md5_title;?>" rel="nofollow"><i class="<?php echo $value['mobile_foot_menu_icon'];?>"></i><?php echo $value['mobile_foot_menu_text'];?></a>
		</li>
	  	<div id="a<?php echo $md5_title;?>" style="display:none;">
	  		<a href="<?php echo $value['mobile_foot_menu_img']['url'];?>" rel="nofollow" target="_blank">
	  			<img loading="lazy" src="<?php echo $value['mobile_foot_menu_img']['url'];?>" alt="">
	  		</a>
	  	</div>

		<?php }?>
		<?php endforeach; }?>
	</ul>
</div>