<div class="row">
    <div class="col-xs-12">
        <!-- PAGE CONTENT BEGINS -->
        <div class="col-xs-3">
            <div class="widget green-1 animated fadeInDown">
                <div class="widget-content padding">
                    <div class="widget-icon">
                        <i class="icon-group"></i>
                    </div>
                    <div class="text-box">
                        <p class="maindata">LƯỢNG <b>NGƯỜI DÙNG</b></p>
                        <h2><span class="animate-number" data-value="18648" data-duration="3000"><?php echo $top['this_month']['user']; ?></span></h2>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="widget-footer">
                    <div class="row">
                        <div class="col-sm-12">
                            <i class="icon-caret-<?php echo $percent['user']['class']; ?> rel-change"></i> <b><?php echo $percent['user']['value']; ?></b>% <?php echo $percent['user']['display']; ?> so với tháng trước
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>

        <div class="col-xs-3">
            <div class="widget darkblue-1 animated fadeInDown">
                <div class="widget-content padding">
                    <div class="widget-icon">
                        <i class="icon-envelope"></i>
                    </div>
                    <div class="text-box">
                        <p class="maindata">DOANH THU <b>SMS</b></p>
                        <h2><span class="animate-number" data-value="18648" data-duration="3000"><?php echo number_format($top['this_month']['sms'],0); ?></span></h2>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="widget-footer">
                    <div class="row">
                        <div class="col-sm-12">
                            <i class="icon-caret-<?php echo $percent['sms']['class']; ?> rel-change"></i> <b><?php echo $percent['sms']['value']; ?></b>% <?php echo $percent['sms']['display']; ?> so với tháng trước
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>

        <div class="col-xs-3">
            <div class="widget pink-1 animated fadeInDown">
                <div class="widget-content padding">
                    <div class="widget-icon">
                        <i class="icon-credit-card"></i>
                    </div>
                    <div class="text-box">
                        <p class="maindata">DOANH THU <b>THẺ CÀO</b></p>
                        <h2><span class="animate-number" data-value="18648" data-duration="3000"><?php echo number_format($top['this_month']['card'],0); ?></span></h2>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="widget-footer">
                    <div class="row">
                        <div class="col-sm-12">
                            <i class="icon-caret-<?php echo $percent['card']['class']; ?> rel-change"></i> <b><?php echo $percent['card']['value']; ?></b>% <?php echo $percent['card']['display']; ?> so với tháng trước
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>

        <div class="col-xs-3">
            <div class="widget lightblue-1 animated fadeInDown">
                <div class="widget-content padding">
                    <div class="widget-icon">
                        <i class="icon-male"></i>
                    </div>
                    <div class="text-box">
                        <p class="maindata">DOANH THU <b>CỘNG TÁC VIÊN</b></p>
                        <h2><span class="animate-number" data-value="18648" data-duration="3000"><?php echo number_format($top['this_month']['collaborator'],0); ?></span></h2>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="widget-footer">
                    <div class="row">
                        <div class="col-sm-12">
                            <i class="icon-caret-<?php echo $percent['collaborator']['class']; ?> rel-change"></i> <b><?php echo $percent['collaborator']['value']; ?></b>% <?php echo $percent['collaborator']['display']; ?> so với tháng trước
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>



        <!-- PAGE CONTENT ENDS -->
    </div><!-- /.col -->
</div>
<div class="col-xs-12">
    <!-- PAGE CONTENT BEGINS -->
    <div class="col-xs-6 no-padding">
        <div class="widget-box no-border">
            <div class="widget-header widget-header-flat">
                <h4 class="lighter">
                    <i class="icon-signal"></i>
                    Doanh thu
                </h4>

                <div class="widget-toolbar">
                    <a data-action="collapse" href="#">
                        <i class="icon-chevron-up"></i>
                    </a>
                </div>
            </div>
            <div class="widget-body">
                <div class="table-responsive">
                    <table class="table table-striped table-bordered table-hover" id="sample-table-1">
                        <thead style="background-color: blue">
                            <tr>
                                <th>Thời gian</th>
                                <th>Doanh thu</th>
                            </tr>
                        </thead>

                        <tbody>
                            <tr>
                                <td>Tuần trước</td>
                                <td>
                                    <?php echo number_format($revenue['last_week'], 0); ?>
                                </td>
                            </tr>
                            <tr>
                                <td>Tháng trước</td>
                                <td>
                                    <?php echo number_format($revenue['last_month'], 0); ?>
                                </td>
                            </tr>
                            <tr>
                                <td>Quý trước</td>
                                <td>
                                    <?php echo number_format($revenue['last_quarter'], 0); ?>
                                </td>
                            </tr>
                            <tr>
                                <td>Năm trước</td>
                                <td>
                                    <?php echo number_format($revenue['last_year'], 0); ?>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div><!-- /.table-responsive -->
            </div>
        </div>
    </div>

    <div class="col-xs-6">
        <div class="widget-box no-border">
            <div class="widget-header widget-header-flat">
                <h4 class="lighter">
                    <i class="icon-signal"></i>
                    Biểu đồ doanh thu
                </h4>

                <div class="widget-toolbar">
                    <a data-action="collapse" href="#">
                        <i class="icon-chevron-up"></i>
                    </a>
                </div>
            </div>

            <div class="widget-body">
                <div class="widget-main padding-4">
                    <div id="sales-charts"></div>
                </div><!-- /widget-main -->
            </div>

        </div><!-- /widget-box -->
    </div>

    <div class="clearfix"></div>



    <!-- PAGE CONTENT ENDS -->
</div>
<script type="text/javascript">
    window.onload = function ()
    {
        init_page();
    }

</script>
