{template 'header'}
<style type="text/css">
.api-search {padding:16px;}
.api-search select {width:100%;height:44px;margin-bottom:16px;border:#F0F0F0 1px solid;border-radius:4px;font-size:16px;font-size:14px;background:#FFFFFF;-webkit-appearance:none;}
.api-search input {box-sizing:border-box;width:100%;height:44px;margin-bottom:16px;line-height:24px;border:#F0F0F0 1px solid;padding:10px;border-radius:4px;font-size:14px;-webkit-appearance:none;}
.api-search-record {padding:16px;}
.api-search-record span {display:inline-block;padding:6px 12px;margin:0 12px 12px 0;background:#F6F6F6;border-radius:10px;}
</style>
<div id="head-bar">
<div class="head-bar">
<div class="head-bar-back"><a href="{if $back_link}{$back_link}{else}javascript:Dback();" id="back-{$js_pageid}{/if}" data-direction="reverse"><img src="{DT_MOB}static/img/icon-back.png" width="24" height="24"/></a></div>
<div class="head-bar-title">{$head_name}</div>
<div class="head-bar-right"><a href="{if $mid > 3}{$MODULE[$mid][mobile]}{else}{DT_MOB}{/if}" data-direction="reverse"><img src="{DT_MOB}static/img/icon-cancel.png" width="24" height="24"/></a></div>
</div>
<div class="head-bar-fix" id="load-fix-{$js_pageid}" style="height:0;"></div>
<div class="head-bar-fix" id="head-fix-{$js_pageid}"></div>
</div>
<div class="api-search">
	{if $mid > 3}
	<form action="{$MODULE[$mid][mobile]}search.php" id="dform" data-ajax="false">
	{else}
	<form action="{$MOB_MODULE[0][mobile]}search.php" id="dform" data-ajax="false">
	<select onchange="this.form.action=this.value+'search.php';">
	{loop $MOB_MODULE $i $m}
	<option value="{$m[mobile]}"{if $mid == $m[moduleid]} selected{/if}>{$m[name]}</option>
	{/loop}
	</select>
	{/if}
	<input type="search" name="kw" id="kw" value="{$kw}" placeholder="请输入关键词" onblur="window.scrollTo(0,0);"{if $DT_MBS!='app'} autofocus="autofocus"{/if}/>
	{if $mid > 3}
	{if in_array($MODULE[$mid][module], array('mall', 'sell', 'group'))}
	<input type="number" name="minprice" value="{$minprice}" placeholder="最低价格" style="width:40%;"/> 至 
	<input type="number" name="maxprice" value="{$maxprice}" placeholder="最高价格" style="width:40%;"/>
	{elseif $MODULE[$mid][module]=='club'}
	<select name="action">
	<option value=""{if $action == ''} selected{/if}>帖子</option>
	<option value="group"{if $action == 'group'} selected{/if}>商圈</option>
	<option value="reply"{if $action == 'reply'} selected{/if}>回复</option>
	</select>
	{/if}
	{ajax_category_select('catid', '选择分类', $catid, $mid)}
	{ajax_area_select('areaid', '选择地区', $areaid)}
	{/if}
	<div class="btn-blue" onclick="Dsearch();">搜 索</div>
	<div class="blank-16"></div>
	<div class="btn" onclick="Go('?mid={$mid}');">重 置</div>
	</form>
</div>
{if $lists}
	<div class="api-search-record">	
	{loop $lists $v}
	<a href="{$MODULE[$v[mid]][mobile]}{rewrite('search.php?kw='.urlencode($v['kw']))}"><span>{$v[kw]}</span></a>
	{/loop}
	<a href="javascript:Dsheet('{$js_pageid}','<a href=&#34;javascript:Dclear();&#34;><span style=&#34;color:red;&#34;>清空</span></a>', '取消', '确定要清空所有搜索记录吗？');"><span>清空记录</span></a>
	</div>
{/if}
<script type="text/javascript">
function Dsearch() {
	{if $mid > 3}
	{else}
	if(Dd('kw').value.length < 2) {
		Dtoast('{$js_pageid}','请输入关键词');
		return false;
	}
	{/if}
	Dd('dform').submit();
}
function Dclear() {
	Dsheet('{$js_pageid}',0);
	$.post('?', {'action':'clear'}, function(data) {
		if(data == 'ok') {
			Dtoast('{$js_pageid}','清理成功');
			setTimeout(function() {
				window.location.reload();
			}, 1000);
		} else {
			Dtoast('{$js_pageid}','操作失败');
		}
	});
}
</script>
{template 'footer'}