{layout name="manager/layout" /}
<div class="layui-bg-gray" style="padding: 30px;">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md4">
            <div class="layui-panel" style="border-radius: 8px;">
                <div class="layui-row layui-col-space20">
                    <div class="layui-col-md4" style="text-align: center; padding: 40px 20px">
                        <div class="layui-anim" data-anim="layui-anim-downbit">
                            <i class="fa fa-user-circle-o" style="font-size: 500%;"></i>
                        </div>
                    </div>
                    <div class="layui-col-md8" style="padding: 15% 0;">
                        <h3><strong>新增客户（人）</strong></h3>
                        <span style="font-size: 36px">{$count['new'] ?? 0}</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-col-md4">
            <div class="layui-panel" style="border-radius: 8px;">
                <div class="layui-row layui-col-space20">
                    <div class="layui-col-md4" style="text-align: center; padding: 40px 20px">
                        <div class="layui-anim" data-anim="layui-anim-downbit">
                            <i class="fa fa-user" style="font-size: 500%;"></i>
                        </div>
                    </div>
                    <div class="layui-col-md8" style="padding: 15% 0;">
                        <h3><strong>客户总数（人）</strong></h3>
                        <span style="font-size: 36px">{$count['total'] ?? 0}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div>
        <br>
        <blockquote class="layui-elem-quote" style="padding: 5px;">客户排行榜</blockquote>
        <fieldset class="table-search-fieldset" style="border: 1px solid #e6e6e6">
            <legend>搜索信息</legend>
            <div style="margin: 10px 10px 10px 10px">
                <form class="layui-form layui-form-pane" action="">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">关键词</label>
                            <div class="layui-input-inline">
                                <input type="text" name="keyword" placeholder="昵称/真实姓名/手机号" autocomplete="off" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-inline">
                            <button type="submit" class="layui-btn layui-btn-primary"  lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>
                        </div>
                    </div>
                </form>
            </div>
        </fieldset>
        <table id="table-container" data-type="customer" class="layui-table" data-url="/manager/overview/customer" lay-filter="table-container"></table>
    </div>
</div>

<!-- toolbar -->
<script type="text/html" id="toolbar-tpl">
    <a class="layui-btn layui-btn-sm layui-btn-sm" data-table-refresh lay-event="refresh"><i class="fa fa-refresh"></i></a>
    <!--    <a class="layui-btn layui-btn-normal layui-btn-sm" data-href="/manager/overview/export.html?type=customer" data-title="数据导出" lay-event="export">数据导出</a>-->
</script>

<script src="__MANAGER__/js/overview.js?v={:mt_rand()}"></script>