<link rel="stylesheet" href="<?php echo base_url();?>public/js/vendor/bootstrap-datepicker/css/bootstrap-datepicker.standalone.min.css">
<link rel="stylesheet" href="<?php echo base_url();?>public/plugins/datatables/jquery.dataTables.min.css">
<link rel="stylesheet" href="<?php echo base_url();?>public/plugins/datatables/extensions/Responsive/css/dataTables.responsive.css">
<div class="content_wrapper">
    <div id="msg-tip"></div>

    <style>
        .change {
            background: lightgoldenrodyellow;
        }
        .td-nowrap {
            white-space: nowrap;
        }
        .text-style {
            font-weight: bold;
            color:#0072E3
        }

    </style>

    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <aside>
                    <header><i class="fa fa-fw fa-file"></i>时间查询</header>
                    <section>
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-sm-12">
                                    <form class="form-inline" role="form" method="post" action="#" >
                                        <span class="gap"></span>
                                        <div class="form-group">
                                            <label>开始时间</label>
                                            <input type="text" class="form-control datetimepicker" value="<?php echo $stime?>" placeholder="开始时间" name="stime" />
                                        </div
                                        <span class="gap"></span>
                                        <span class="gap"></span>
                                        <div class="form-group">
                                            <label>结束时间</label>
                                            <input type="text" class="form-control datetimepicker" value="<?php echo $etime?>" placeholder="结束时间" name="etime" />
                                        </div>
                                        <span class="gap"></span>
                                        <div class="form-group">
                                            <label>类型:</label>
                                            <select  name="flag" id="flag" class="selectpicker show-tick form-control">
                                                <option value="1">--全部--</option>
                                                <option value="2">安卓</option>
                                                <option value="3">IOS</option>
                                            </select>
                                        </div>
                                        <span class="gap"></span>
                                        <button type="button" class="btn btn-primary" id="searchBtn">查询</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </section>
                </aside>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <aside>
                    <header><i class="fa fa-fw fa-file"></i>基础数据</header>
                    <section>
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="table-responsive">
                                        <table id="reportTable" class="table table-striped table-bordered table-hover" cellspacing="0" width="100%">
                                            <thead>
                                            <tr>
                                                <th colspan="3" style="text-align: center"></th>
                                                <th colspan="6" style="text-align: center">3日【除去首日】</th>
                                                <th colspan="6" style="text-align: center">7日【除去3日】</th>
                                                <th colspan="6" style="text-align: center">15日【除去7日】</th>
                                                <th colspan="6" style="text-align: center">30日【除去15日】</th>
                                                <th colspan="6" style="text-align: center">60日【除去30日】</th>
                                                <th colspan="6" style="text-align: center">90日【除去60日】</th>
                                                <th colspan="6" style="text-align: center">120日【除去90日】</th>
                                                <th colspan="6" style="text-align: center">180日【除去120日】</th>
                                            </tr>
                                            <tr>
                                                <th>序号</th>
                                                <th>日期</th>
                                                <th>付费玩家</th>
                                                <th>登录人数</th>
                                                <th>付费人数</th>
                                                <th>付费金额</th>
                                                <th>登录留存</th>
                                                <th>付费留存</th>
                                                <th >ARPPU值</th>
                                                <th>登录人数</th>
                                                <th>付费人数</th>
                                                <th>付费金额</th>
                                                <th>登录留存</th>
                                                <th>付费留存</th>
                                                <th >ARPPU值</th>
                                                <th>登录人数</th>
                                                <th>付费人数</th>
                                                <th>付费金额</th>
                                                <th>登录留存</th>
                                                <th>付费留存</th>
                                                <th>ARPPU值</th>
                                                <th>登录人数</th>
                                                <th>付费人数</th>
                                                <th>付费金额</th>
                                                <th>登录留存</th>
                                                <th>付费留存</th>
                                                <th>ARPPU值</th>
                                                <th>登录人数</th>
                                                <th>付费人数</th>
                                                <th>付费金额</th>
                                                <th>登录留存</th>
                                                <th>付费留存</th>
                                                <th>ARPPU值</th>
                                                <th>登录人数</th>
                                                <th>付费人数</th>
                                                <th>付费金额</th>
                                                <th>登录留存</th>
                                                <th>付费留存</th>
                                                <th>ARPPU值</th>
                                                <th>登录人数</th>
                                                <th>付费人数</th>
                                                <th>付费金额</th>
                                                <th>登录留存</th>
                                                <th>付费留存</th>
                                                <th>ARPPU值</th>
                                                <th>登录人数</th>
                                                <th>付费人数</th>
                                                <th>付费金额</th>
                                                <th>登录留存</th>
                                                <th>付费留存</th>
                                                <th>ARPPU值</th>
                                            </tr>
                                            </thead>
                                            <tbody id="reportBody">


                                            </tbody>
                                            <tr>
                                                <th colspan="2" style="text-align: center">汇总<span class="fa fa-question-circle " style="color:red;"   data-toggle="tooltip" title="颜色为红色表示该阶段的值还不能汇总"></span></th>
                                                <th colspan="1" style="text-align: right" id="oneNumAvg"></th>
                                                <th colspan="1" style="text-align: right" id="threeLoginNum"></th>
                                                <th colspan="1" style="text-align: right" id="threePayNum"></th>
                                                <th colspan="1" style="text-align: right" id="threePayAmount"></th>
                                                <th colspan="1" style="text-align: right" id="threeLoginAvg"></th>
                                                <th colspan="1" style="text-align: right" id="threePayAvg"></th>
                                                <th colspan="1" style="text-align: right" id="threeARPPUAvg"></th>

                                                <th colspan="1" style="text-align: right" id="sevenLoginNum"></th>
                                                <th colspan="1" style="text-align: right" id="sevenPayNum"></th>
                                                <th colspan="1" style="text-align: right" id="sevenPayAmount"></th>
                                                <th colspan="1" style="text-align: right" id="sevenLoginAvg"></th>
                                                <th colspan="1" style="text-align: right" id="sevenPayAvg"></th>
                                                <th colspan="1" style="text-align: right" id="sevenARPPUAvg"></th>

                                                <th colspan="1" style="text-align: right" id="fifteenLoginNum"></th>
                                                <th colspan="1" style="text-align: right" id="fifteenPayNum"></th>
                                                <th colspan="1" style="text-align: right" id="fifteenPayAmount"></th>
                                                <th colspan="1" style="text-align: right" id="fifteenLoginAvg"></th>
                                                <th colspan="1" style="text-align: right" id="fifteenPayAvg"></th>
                                                <th colspan="1" style="text-align: right" id="fifteenARPPUAvg"></th>

                                                <th colspan="1" style="text-align: right" id="thirtyLoginNum"></th>
                                                <th colspan="1" style="text-align: right" id="thirtyPayNum"></th>
                                                <th colspan="1" style="text-align: right" id="thirtyPayAmount"></th>
                                                <th colspan="1" style="text-align: right" id="thirtyLoginAvg"></th>
                                                <th colspan="1" style="text-align: right" id="thirtyPayAvg"></th>
                                                <th colspan="1" style="text-align: right" id="thirtyARPPUAvg"></th>

                                                <th colspan="1" style="text-align: right" id="sixtyLoginNum"></th>
                                                <th colspan="1" style="text-align: right" id="sixtyPayNum"></th>
                                                <th colspan="1" style="text-align: right" id="sixtyPayAmount"></th>
                                                <th colspan="1" style="text-align: right" id="sixtyLoginAvg"></th>
                                                <th colspan="1" style="text-align: right" id="sixtyPayAvg"></th>
                                                <th colspan="1" style="text-align: right" id="sixtyARPPUAvg"></th>

                                                <th colspan="1" style="text-align: right" id="LoginNum90"></th>
                                                <th colspan="1" style="text-align: right" id="PayNum90"></th>
                                                <th colspan="1" style="text-align: right" id="PayAmount90"></th>
                                                <th colspan="1" style="text-align: right" id="LoginAvg90"></th>
                                                <th colspan="1" style="text-align: right" id="PayAvg90"></th>
                                                <th colspan="1" style="text-align: right" id="ARPPUAvg90"></th>

                                                <th colspan="1" style="text-align: right" id="onetweentyLoginNum"></th>
                                                <th colspan="1" style="text-align: right" id="onetweentyPayNum"></th>
                                                <th colspan="1" style="text-align: right" id="onetweentyPayAmount"></th>
                                                <th colspan="1" style="text-align: right" id="onetweentyLoginAvg"></th>
                                                <th colspan="1" style="text-align: right" id="onetweentyPayAvg"></th>
                                                <th colspan="1" style="text-align: right" id="onetweentyARPPUAvg"></th>

                                                <th colspan="1" style="text-align: right" id="LoginNum180"></th>
                                                <th colspan="1" style="text-align: right" id="PayNum180"></th>
                                                <th colspan="1" style="text-align: right" id="PayAmount180"></th>
                                                <th colspan="1" style="text-align: right" id="LoginAvg180"></th>
                                                <th colspan="1" style="text-align: right" id="PayAvg180"></th>
                                                <th colspan="1" style="text-align: right" id="ARPPUAvg180"></th>
                                            </tr>
                                        </table>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </section>
                </aside>
            </div>
        </div>
    </div>

</div>


<script src="<?php echo base_url();?>public/js/vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="<?php echo base_url();?>public/js/vendor/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script src="<?php echo base_url();?>public/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="<?php echo base_url();?>public/plugins/datatables/extensions/Responsive/js/dataTables.responsive.min.js"></script>
<script src="<?php echo base_url();?>public/js/common.js?version=1"></script>
<script src="<?php echo base_url();?>public/js/statistics/payremain.js?version=10"></script>
<script type="text/javascript">
    //选择日期
    $('.datetimepicker').datepicker({
        language:'zh-CN',
        format:'yyyy-mm-dd',
        zIndexOffset:906  //控制z-index
    });


</script>