{extend name="public/base"/}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/libs/bootstrap-editable.css">
{/block}
{block name="body"}
<div class="main-box no-header clearfix">
	
	<div class="main-box-body clearfix">
		<!-- 表格列表 -->
		<div class="col-md-3">
        <div class="well">
            <b>今日新增<span style="font-weight:normal;font-size:13px;color:#090" class="pull-right">
                    <span id="refresh_seconds"></span> 秒后刷新
                </span></b>
            <div class="text-primary" style="font-size:32px;margin:5px 0">
                <span >{$todaynewUser}</span>
                <div style="font-size:13px;" class="text-muted">
                    <b class="text-warning" >{$todaynewUserman}</b> 男性,
                    <b class="text-warning" >{$todaynewUsergril}</b> 女性,
                    <b class="text-warning" title="用户未设置性别或未关注而无法获取性别" >{$todaynewUsernone}</b> 未知
                </div>
            </div>
            <div>
					<div>
                        已关注:
                        <b class="text-warning">
                            <span data-bind="text: stats_today.subscribed_count">{$todayattention}</span>
                            (<span>{if $todayattention >0}{$todayattention/$todaynewUser*100|round=###}{/if}</span>%)
                        </b>
                    </div>
                                <div>
                    已付费:
                    <b class="text-warning">
                        <span data-bind="text: stats_today.paid_count">{$todaypay}</span>
                            (<span>{if $todaypay >0&&$todaynewUser>0}{$todaypay/$todaynewUser*100|round=###}{else/}0{/if}</span>%)
                                            </b>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="well">
            <b>昨日新增</b>
            <div class="text-primary" style="font-size:32px;margin:5px 0">
                <span >{$yesterdaynewUser}</span>
                <div style="font-size:13px;" class="text-muted">
                    <b class="text-warning" >{$yesterdaynewUserman}</b> 男性,
                    <b class="text-warning" >{$yesterdaynewUsergril}</b> 女性,
                    <b class="text-warning" title="用户未设置性别或未关注而无法获取性别" >{$yesterdaynewUsernone}</b> 未知
                </div>
            </div>
            <div>
                                    <div>
                        已关注:
                        <b class="text-warning">
                            <span >{$yesterdayattention}</span>
                            (<span >{if $yesterdayattention >0}{$yesterdayattention/$yesterdaynewUser*100|round=###}{/if}</span>%)
                        </b>
                    </div>
                                <div>
                    已付费:
                    <b class="text-warning">
                        <span >{$yesterdaypay}</span>
                            (<span >{if $yesterdaypay >0}{$yesterdaypay/$yesterdaynewUser*100|round=###}{/if}</span>%)
                                            </b>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="well">
            <b>本月新增 </b>
            <div class="text-primary" style="font-size:32px;margin:5px 0">
                <span >{$monthnewUser}</span>
                <div style="font-size:13px;" class="text-muted">
                    <b class="text-warning" >{$monthnewUserman}</b> 男性,
                    <b class="text-warning" >{$monthnewUsergril}</b> 女性,
                    <b class="text-warning" title="用户未设置性别或未关注而无法获取性别" >{$monthnewUsernone}</b> 未知
                </div>
            </div>
            <div>
                                    <div>
                        已关注:
                        <b class="text-warning">
                            <span >{$monthattention}</span>
                            (<span >{if $monthattention >0}{$monthattention/$monthnewUser*100|round=###}{/if}</span>%)
                        </b>
                    </div>
                                <div>
                    已付费:
                    <b class="text-warning">
                        <span >{$monthpay}</span>
                        (<span >{if $monthpay >0&&$monthnewUser>0}{$monthpay/$monthnewUser*100|round=###}{/if}</span>%)
                    </b>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="well">
            <b>所有时间 </b>
            <div class="text-primary" style="font-size:32px;margin:5px 0">
                <span>{$allnewUser}</span>
                <div style="font-size:13px;" class="text-muted">
                    <b class="text-warning" >{$allnewUserman}</b> 男性,
                    <b class="text-warning" >{$allnewUsergril}</b> 女性,
                    <b class="text-warning" title="用户未设置性别或未关注而无法获取性别" >{$allnewUsernone}</b> 未知
                </div>
            </div>
            <div>
                    <div>
                        已关注:
                        <b class="text-warning">
                            <span >{$allattention}</span>
                            (<span >{if $allattention >0}{$allattention/$allnewUser*100|round=###}{/if}</span>%)
                        </b>
                    </div>
                                <div>
                    已付费:
                    <b class="text-warning">
                        <span >{$allpay}</span>
                        (<span >{if $allpay >0&&$allnewUser>0}{$allpay/$allnewUser*100|round=###}{/if}</span>%)
                     </b>
                </div>
            </div>
        </div>
    </div>

		<div class="tabs-wrapper">
				<ul class="nav nav-tabs">
					<li ><a href="{:url('statistics/agentlog')}">数据统计</a></li>
					<li class="active"><a href="{:url('statistics/agentuserlog')}">用户统计</a></li>
				</ul>
				<div class="tab-content">
				    <div class="tab-pane fade in active" id="tab用户统计"></div>


<div class="panel panel-default col-sm-12" id="order-daily-stats-panel">
    
     <table class="table table-bordered table-striped" >
        <thead>
            <tr>
                <th>UID</th>
                <th class="text-right">用户名</th>
                <th class="text-right">用户组</th>
                <th class="text-right">注册时间</th>
				<th class="text-right">最后登录时间</th>
				<th class="text-right">姓名</th>
				<th class="text-right">推广充值笔数</th>
				<th class="text-right">推广充值金额</th>
				<th class="text-right">分成比例</th>
				<th class="text-right">操作</th>
            </tr>
        </thead>
        <tbody data-bind="foreach: stats">
			{volist name="info" id="vo"}
            <tr>
                <td>
                    <span >{$vo.uid}</span>
                </td>
                <td class="text-right">
                    <span >{$vo.username}</span>
                </td>
                <td class="text-right">
                    <span >{$vo['group']==3?"渠道商":"代理商"}</span>
                </td>
                
                <td class="text-right">
                    <span >{$vo.reg_time|date='Y-m-d H:i',###}</span>
                </td>
				<td class="text-right">
                    <span >{$vo.last_login_time|date='Y-m-d H:i',###}</span>
                </td>
				<td class="text-right">
                    <span >{$vo.card_holder_name}</span>
                </td>
				<td class="text-right">
                    <span >{$vo.paynum}</span>
                </td>
				<td class="text-right">
                    <span >&yen;{$vo.pay|number_format=###,2}</span>
                </td>
				<td class="text-right">
                    <span >{$vo.percentage}</span>
                </td>
				<td class="text-right">
                    <span ><a href="{:url('admin/statistics/user',array('agentid'=>$vo['uid']))}"  target="_blank">详细数据</a></span>
                </td>
            </tr>
			{/volist}
        </tbody>
    </table>
</div>

					</div>
					<div class="tab-pane fade " id="tab用户统计">
					</div>
					<div class="tab-pane fade " id="tab小说充值统计">
					</div>
				</div>
		</div>


		
		<!-- /表格列表 -->
	</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="__PUBLIC__/js/bootstrap-editable.min.js"></script>
<script type="text/javascript">
$(function(){
	$.fn.editable.defaults.mode = 'popup';
	$.fn.editableform.buttons = '<button type="submit" class="btn btn-success editable-submit btn-mini"><i class="fa fa-check-square-o fa-white"></i></button>' +
	'<button type="button" class="btn editable-cancel btn-mini"><i class="fa fa-times"></i></button>';
	$('.editable').editable();

	var num=60;  //初始化计数器
	document.getElementById("refresh_seconds").innerHTML=num;  //在页面中显示10秒
	var tim=setInterval(function (){
		num--; //函数每调用一次num减一
		document.getElementById("refresh_seconds").innerHTML=num;
		//在页面中显示减一后的秒数
		if(num==1){
			clearInterval(tim);
			window.location.reload();
		}
	},1000);  
})
</script>
{/block}