{% extends 'templates/layer.volt' %}

{% block content %}

    <div class="im-search-wrap">
        <form class="layui-form im-search-form" method="get" action="{{ url({'for':'web.im.search'}) }}">
            <input class="layui-input" type="text" name="query" placeholder="请输入关键字...">
            <button class="layui-hide" type="submit" lay-submit="true" lay-filter="im_search">搜索</button>
        </form>
        <div class="im-search-tab">
            <div class="layui-tab layui-tab-brief user-tab">
                <ul class="layui-tab-title">
                    <li class="layui-this">成员</li>
                    <li>群组</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show" id="tab-users">
                        {{ partial('im/find_users',{'pager':user_pager}) }}
                    </div>
                    <div class="layui-tab-item" id="tab-groups">
                        {{ partial('im/find_groups',{'pager':group_pager}) }}
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block include_js %}

    {{ js_include('web/js/im.find.js') }}

{% endblock %}