<extend name="Public/bases2" />
<block name="css">
 <link rel="stylesheet" href="__CSS__/swiper.min.css">
  <link href="__CSS__/game.css" rel="stylesheet" > 
  <link href="__CSS__/trade.css" rel="stylesheet" > 
	<script>var url = '{:U("Trade/search_list",array("is_app"=>I("is_app"),"token"=>I("token")))}';</script>
</block>
<block name="body" >
<script src="__JS__/lwx.js"></script>
    <!--头部-->
    <div class="">
		  
		<header class="s_header" style="border-bottom-width:2px;">
			<section class="s_wrap">
				<div class="s_searchbox">
					<div class="search_input jssearch table" >
						<span class="table-cell">
							<a class="s_iconbox jssearchbtn" href="javascript:;">
								<span class="table">
									<span class="table-cell">
										<i class="s_icon s_iconsearch"></i>
									</span>
								</span>
							</a>
							<a  class="s_iconbox" id="jssearchdel" href="javascript:;">
								<span class="table">
									<span class="table-cell">
										<i class="s_icon s_icondel"></i>
									</span>
								</span>
							</a>
							<div class="s_inputgroup">
								<input type="hidden" name="mark" value="1">
								<input type="text" id="game_name" name="game_name" value="{:I('game_name')}" class="s_txt" placeholder="请输入游戏名称">
							</div>
						</span>
					</div>
				</div>
				<a class="cancle_box" href="{$referer}">
					<span class="table">
						<span class="table-cell">取消</span>
					</span>
				</a>
			</section>		
		</header>
		<!-- 主要内容区域 begin-->
		<section class="trunker">
		<neq name="mark" value="1">
			<section class="s_inner" id="tuijian">
				<section class="content">
					<div class="default_list">
						<div class="new_recommend">
							<div class="recommend_tit">
								<span>热门推荐</span>
								<a class="search_change" href="javascript:;" id="change">
									<i class="icon_change"></i>换一批
								</a>
							</div>
							<div class="recommend_content">
								<!-- swiper begin! -->
								<div class="swiper-container">
									<div class="swiper-wrapper">
										<volist name="reco" id="vo">
										<div class="swiper-slide">
											<div class="slider_item">
												<a class="a_img" href="{:U('Trade/index',array('game_id'=>$vo['id']))}">
													<img src="{$vo.icon|get_cover='path'}" alt="" height="" width="">
												</a>
												<a class="a_txt" href="{:U('Trade/index',array('game_id'=>$vo['id']))}">{$vo.game_name}</a>
											</div>
										</div>
										</volist>
									</div>
								</div>
								<!--end swiper-->
							</div>
						</div>
						<div class="search_history" style="display:none;">
							<div class="recommend_tit">
								<span>搜索历史</span>
								<a class="search_change" href="javascript:;" id="history_clear">
									<i class="icon_empty"></i>清空
								</a>
							</div>
							<div class="history_content">
								<div class="hiscontent_list" id="search_result">
								</div>
							</div>
						</div>
					</div>
				</section>
			</section>
			<script>
				$(function() {
					var gamename = lwx.getItem('gamename');console.log(gamename);
					if(gamename) {
						gamename = gamename.split(',');
						var html = '';
						var urlt = url.replace('.html','');
						for(var i=0,len=gamename.length;i<len;i++) {
							html += '<a class="history_btn" href="'+(urlt+'/mark/1/game_name/'+gamename[i])+'">'+gamename[i]+'</a>';
						}
						$('#search_result').html(html).closest('.search_history').show();
					}

					$('#history_clear').click(function() {
						$('#search_result').html('').closest('.search_history').hide();
						lwx.removeItem('gamename');
						return false;
					});

				});
			</script>
		<!-- 搜索搜索时页有数据 begin!-->
		</neq>
		<section class="s_inner" id="chaxun">
			<section class="content">
				<div class="hasdata_contain" >
					<ul class="hasdata_ul"  id="ajaxContainer" currentpage="{$page}" game_name="{:I('game_name','')}" maxpage="{$totalpage}">
						<volist name="data" id="vo">
						<li class="hasdata_li">
							<php>$href_url = U('Trade/index',array('is_app'=>I('is_app'),token=>I('token'),game_id=>$vo['id']));</php>
							<a class="hasdata_a" href="javascript:;" data-name="{$vo.game_name}" onclick="jumpurl(this,'{$href_url}')">
								<span class="search_litit">{$vo.game_name}</span>
								<gt name='vo.bind_recharge_discount' value='0'>
								<lt name='vo.bind_recharge_discount' value='10'>
								<span class="discount">{$vo.bind_recharge_discount}折</span>
								</lt>
								</gt>
							</a>
						</li>
						</volist>
					</ul>
				</div>
			</section>
		</section>
			

		<!-- end! 搜索搜索时页有数据-->
		
		</section>
	  	<!--end 主要内容区域-->
      </div>

    </div>
    </div>	
	<div class="popmsg pop-dialog"></div>
	<div class="loading ms-none hidden" id="moreBtn"><a href="javascript:" class="link"></a></div>
	<script src="__JS__/common.js"></script>
	<script src="__JS__/ajaxload.js"></script>
	<script src="__JS__/pop.lwx.min.js"></script>
	<script src="__JS__/swiper-3.3.1.jquery.min.js"></script>
	<script type="text/javascript">
	//---------------@author   zwm--------------------//
	//---------------date  2018-07-17-----------------//
		//初始化 swiper
		$(document).ready(function () {
		  var mySwiper = new Swiper ('.swiper-container', {
			direction: 'horizontal',
			loop: true,
			slidesPerView : 4,
			slidesPerGroup : 4,          //在carousel mode下定义slides的数量多少为一组    
		  });

			$('#change').click(function() {
				mySwiper.slideNext();
			});
		  
		})
		
		$(function(){
            search();
			var mobile = browser.versions.mobile;
			var timer;
			var kwv = $.trim($('#game_name').val());
			//$('#game_name').val('').focus().val(kwv);
			if (kwv&&kwv.length>0) {$('#jssearchdel').addClass('on');}
            $('#game_name').bind('input propertychange', function() {
                $('#ajaxContainer').attr('game_name',$("#game_name").val());
                search();
            });
			$('#jssearchdel').click(function() {
				$(this).removeClass('on');
				$("#game_name").val('');
				return false;
			});
			
			$('.jssearchbtn').click(function() {
				var val = $.trim($('#game_name').val());
				if(val) {
					search();
				}
				return false;
			});
			
			function search(){
                var ac = $('#ajaxContainer');
                var popmsg = $('.loading').pop();
                var is_app = "{:I('is_app','')}";
                var token = "{:I('token','')}";
                if(ac.attr('game_name') == ''){
                    $("#tuijian").show();
                    return false;
				}
				$.ajax({
                    url:'{:U("ajaxsearch_list")}',
                    type:"POST",
                    dataType:"json",
                    data:{game_name:ac.attr('game_name'),is_app:is_app,token:token},
                    success:function(data){
                        $("#tuijian").hide();
                        if(parseInt(data.status) == 1) {
                            ac.attr('currentpage',data.current);
                            ac.html("");
                            var html = '',d = data.lists;
                            for (var i in d) {
                                var item = d[i];
                                html += '<li class="hasdata_li">';
                                html += '	<a class="hasdata_a" href="javascript:;" data-name="'+item.game_name+'" onclick="jumpurl(this,&#39;'+item.url+'&#39;)">';
                                html += '		<span class="search_litit">'+item.game_name+'</span>';
                                if(item.bind_recharge_discount > 0 && item.bind_recharge_discount<10) {
                                    html += '		<span class="discount">'+item.bind_recharge_discount+'折</span>';
                                }
                                html += '	</a>';
                                html += '</li>';
                            }

                            ac.append(html);
                            $('.loading').addClass('ms-none');
                            $('#moreBtn').removeClass('ms-none');loads=false;
                        } else {
                            $('.loading').addClass('ms-none');
                            popmsg.msg('已经到底了~');
                        }
                    },
                    error:function(){

                    }
				})
            }
			
			
			
			$('.s_inner .content').css({'min-height':($(window).height()-$(".s_header").height()-$(".foot-nav").height()-7)});
			//$(".no_data").css({'height':($('.s_inner:visible .content').height())});
			$(".no_data").css({'height':($('.no_data').closest('.content').height())});
			
			
			
		})
    function jumpurl(ele,url) {
        var that = $(ele),val = $.trim(that.attr('data-name'));
        var gamename = lwx.getItem('gamename');
        if(gamename) {
            var arr = gamename.split(',');
            if(arr.length>=5) {arr = arr.splice(0,4);}
            for(var i=0,len=arr.length;i<len;i++) {
                if((!arr[i] && typeof(arr[i]) != 0) || arr[i] == val) {arr.splice(i,1);}
            }
            arr.unshift(val);
            val = arr.join(',');
        }

        lwx.setItem('gamename',val);
        setTimeout(function() {
            window.location.href = url;

        },100);

    }
</script>
</block>