{layout name="manager/layout" /}
<div class="layui-bg-gray" style="padding: 30px;">
    <div class="layui-row layui-col-space15 layui-hide">
        <div class="layui-col-md3">
            <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-md3">
            <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" 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['appointment'] ?? 0}</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-col-md3">
            <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" style="font-size: 500%;"></i>
                        </div>
                    </div>
                    <div class="layui-col-md8" style="padding: 15% 0;">
                        <a href="javascript:;" layuimini-content-href="manager/appointment" data-title="预约列表">
                            <h3><strong>待处理预约（人）</strong></h3>
                            <span style="font-size: 36px">{$count['appointment_waiting'] ?? 0}</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-col-md3">
            <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['online'] ?? 0}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-hide">
        <br>
        <blockquote class="layui-elem-quote" style="padding: 5px;">分销排行榜
            <a class="pull-right" href="javascript:;" layuimini-content-href="/manager/appointment" data-title="客户分析">查看全部</a>
        </blockquote>

        <table id="table-container" class="layui-table" data-url="/manager/index/dashboard"
               lay-filter="table-container"></table>
    </div>

    <blockquote class="layui-elem-quote pull-left" style="padding: 5px;margin-top: 20px;">常用功能</blockquote>
    <div class="layui-row">
        <div class="layui-panel" style="border-radius: 8px;">
            <div class="layui-col-md7">
                <div class="layui-row">
                    <div class="layui-col-md2" style="text-align: center; padding: 40px 20px">
                        <a href="javascript:;" layuimini-content-href="/manager/consumer/index" data-title="用户管理">
                            <i class="fa fa-user-circle-o" style="font-size: 500%;"></i>
                        </a>
                        <div><span>消费者管理</span></div>
                    </div>

                    <div class="layui-col-md2 layui-hide" style="text-align: center; padding: 40px 20px">
                        <a href="javascript:;" layuimini-content-href="manager/channel" data-title="渠道管理">
                            <i class="fa fa-road" style="font-size: 500%;"></i>
                        </a>
                        <div><span>渠道管理</span></div>
                    </div>
                    <div class="layui-col-md2 layui-hide" style="text-align: center; padding: 40px 20px">
                        <a href="javascript:;" layuimini-content-href="manager/appointment" data-title="预约列表">
                            <i class="fa fa-american-sign-language-interpreting" style="font-size: 500%;"></i>
                        </a>
                        <div><span>预约管理</span></div>
                    </div>
                    <div class="layui-col-md2 layui-hide" style="text-align: center; padding: 40px 20px">
                        <a href="javascript:;" data-title="报告管理">
                            <i class="fa fa-newspaper-o" style="font-size: 500%;"></i>
                        </a>
                        <div><span>报告管理</span></div>
                    </div>
                    <div class="layui-col-md2 layui-hide" style="text-align: center; padding: 40px 20px">
                        <a href="javascript:;" layuimini-content-href="manager/overview/customer" data-title="分销排行榜">
                            <i class="fa fa-bar-chart-o" style="font-size: 500%;"></i>
                        </a>
                        <div><span>分销排行榜</span></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 列 真实姓名 -->
<script type="text/html" id="row-action">
    {{# if (d.staff_name) { }}
    {{ d.staff_name }}
    {{# } else { }}
    {{ d.real_name }}
    {{# } }}
</script>

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