{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="tabs-wrapper">
			<ul class="nav nav-tabs">
				<li class="active"><a href="{:url('statistics/user')}">用户统计</a></li>
				
				<!-- {if session('user_auth.group')!=4}
					<li><a href="{:url('statistics/agentlog')}">下线统计</a></li>
				{/if}
				{if session('user_auth.group')!=4&&session('user_auth.group')!=3}
					<li><a href="{:url('statistics/novel')}">小说统计</a></li>
					<li><a href="{:url('statistics/kouliang')}">通道统计</a></li>
					
					<li><a href="{:url('bookbonus/index')}">打赏记录</a></li>
				{/if}
				<li><a href="{:url('subscription/index')}">订阅记录</a></li>
				{if session('user_auth.group')!=4&&session('user_auth.group')!=3}
					<li><a href="{:url('statistics/vipstat')}">包月统计</a></li>
					{/if} -->
			</ul>
				<!-- 表格列表 -->
		<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="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>日期</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 >{$key}</span>
                </td>
                <td class="text-right">
                    <span >{$vo.newUser}</span>
                </td>
                <td class="text-right">
                    <span >{$vo.attention}</span>
                </td>
                <td class="text-right">
                    <span >{$vo.pay}</span>
                </td>
                <td class="text-right">
                    <span >{$vo.newUserman}</span>
                </td>
                <td class="text-right">
                    <span >{$vo.newUsergril}</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}