<?php if (!defined('ROOT')){ echo 'Deny ...'; exit; } extract($data); ?>
<ons-navigator var="searchNavigator">
<ons-page ng-controller="SearchController">
    <form onsubmit="return false;" method="get" action="" id="searchForm">
    <ul class="list">
        <li class="list__header" style="line-height: 30px;">关键字</li>
        <li class="list__item">
            <input type="search" class="search-input" name="keyword" placeholder="请输入昵称" style="width: 100%; height: 38px; margin-top: 8px;">
        </li>
    </ul>
    <ul class="list">
        <li class="list__header" style="line-height: 30px;">类型</li>
        <li class="list__item">
            <div style="margin: 10px 0;">
                <select style="padding: 5px;border: 1px solid #ccc;height: 34px; width: 140px;" name="type" id="searchType">
                    <option value="0">个人微信</option> 
                    <option value="1">微信群</option> 
                </select>
            </div>
        </li>         
    </ul>
    <ul class="list">
        <li class="list__header" style="line-height: 30px;">性别</li>
        <li class="list__item">
            <div style="margin: 10px 0;">
                <select style="padding: 5px;border: 1px solid #ccc;height: 34px; width: 140px;" name="sex">
                    <option value="0">不限</option> 
                    <option value="1">男</option> 
                    <option value="2">女</option> 
                </select>
            </div>
        </li>        
    </ul>
    <ul class="list">
        <li class="list__header" style="line-height: 30px;">地区</li>
        <li class="list__item">
            <div style="margin: 10px 0;">
                <select style="padding: 5px;border: 1px solid #ccc;height: 34px; width: 140px;" onchange="getCity();" id="province" name="province">
                    <option value="">-- 省份 --</option>
                    <option value="0">北京</option> 
                    <option value="1">上海</option> 
                    <option value="2">天津</option> 
                    <option value="3">重庆</option> 
                    <option value="4">河北</option> 
                    <option value="5">山西</option> 
                    <option value="6">内蒙古</option> 
                    <option value="7">辽宁</option> 
                    <option value="8">吉林</option> 
                    <option value="9">黑龙江</option> 
                    <option value="10">江苏</option> 
                    <option value="11">浙江</option> 
                    <option value="12">安徽</option> 
                    <option value="13">福建</option> 
                    <option value="14">江西</option> 
                    <option value="15">山东</option> 
                    <option value="16">河南</option> 
                    <option value="17">湖北</option> 
                    <option value="18">湖南</option> 
                    <option value="19">广东</option> 
                    <option value="20">广西</option> 
                    <option value="21">海南</option> 
                    <option value="22">四川</option> 
                    <option value="23">贵州</option> 
                    <option value="24">云南</option> 
                    <option value="25">西藏</option> 
                    <option value="26">陕西</option> 
                    <option value="27">甘肃</option> 
                    <option value="28">宁夏</option> 
                    <option value="29">青海</option> 
                    <option value="30">新疆</option> 
                    <option value="31">香港</option> 
                    <option value="32">澳门</option> 
                    <option value="33">台湾</option> 
                </select>
                <select style="padding: 5px;border: 1px solid #ccc;height: 34px; width: 140px;" id="city" name="city">
                    <option value="">-- 城市 --</option>
                </select>
            </div>
        </li>
    </ul>    
    <div style="padding: 10px">
        <button class="button button--large" ng-click="search();">搜 索</button>
    </div>
    </form>
</ons-page>
</ons-navigator>    