@extends('admin.layouts')
@section('css')
    <link href="/assets/global/fonts/material-design/material-design.min.css" rel="stylesheet">
@endsection
@section('content')
    <div class="page-content container-fluid">
        <div class="row">
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/userList');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-primary">
                            <i class="icon md-account"></i>
                        </button>
                        <span class="ml-15 font-weight-400">总用户</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$totalUserCount}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/userList?enable=1');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-info">
                            <i class="icon md-account"></i>
                        </button>
                        <span class="ml-15 font-weight-400">有效用户</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$enableUserCount}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/userList?active=1');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-success">
                            <i class="icon md-account"></i>
                        </button>
                        <span class="ml-15 font-weight-400">{{$expireDays}}日内活跃用户</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$activeUserCount}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/userList?unActive=1');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-warning">
                            <i class="icon md-account"></i>
                        </button>
                        <span class="ml-15 font-weight-400">{{$expireDays}}日以上不活跃用户</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$unActiveUserCount}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/userList?online=1');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-success">
                            <i class="icon md-account"></i>
                        </button>
                        <span class="ml-15 font-weight-400">当前在线</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$onlineUserCount}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/userList?expireWarning=1');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-danger">
                            <i class="icon md-account"></i>
                        </button>
                        <span class="ml-15 font-weight-400">临近到期</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$expireWarningUserCount}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/userList?largeTraffic=1');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-warning">
                            <i class="icon md-account"></i>
                        </button>
                        <span class="ml-15 font-weight-400">流量大户（超过100G的用户）</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$largeTrafficUserCount}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/userList?flowAbnormal=1');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-danger">
                            <i class="icon md-account"></i>
                        </button>
                        <span class="ml-15 font-weight-400">1小时内流量异常</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$flowAbnormalUserCount}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/nodeList');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-primary">
                            <i class="icon md-cloud"></i>
                        </button>
                        <span class="ml-15 font-weight-400">节点</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$nodeCount}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/nodeList?status=0');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-info">
                            <i class="icon md-cloud-off"></i>
                        </button>
                        <span class="ml-15 font-weight-400">维护中的节点</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$unnormalNodeCount}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/trafficLog');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-primary">
                            <i class="icon md-time-countdown"></i>
                        </button>
                        <span class="ml-15 font-weight-400">总消耗流量</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$totalFlowCount}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/trafficLog');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-primary">
                            <i class="icon md-time-countdown"></i>
                        </button>
                        <span class="ml-15 font-weight-400">30日内消耗流量</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$flowCount}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/orderList');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-primary">
                            <i class="icon md-ticket-star"></i>
                        </button>
                        <span class="ml-15 font-weight-400">总订单数</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$totalOrder}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/orderList');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-info">
                            <i class="icon md-ticket-star"></i>
                        </button>
                        <span class="ml-15 font-weight-400">在线支付订单数</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$totalOnlinePayOrder}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/orderList?status=2');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-success">
                            <i class="icon md-ticket-star"></i>
                        </button>
                        <span class="ml-15 font-weight-400">支付成功订单数</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$totalSuccessOrder}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/orderList?status=2&range_time={{date('Y-m-d 00:00:00') . ' 至 ' . date('Y-m-d 23:59:59')}}');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-success">
                            <i class="icon md-ticket-star"></i>
                        </button>
                        <span class="ml-15 font-weight-400">今天成功订单数</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$todaySuccessOrder}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-primary">
                            <i class="icon md-money"></i>
                        </button>
                        <span class="ml-15 font-weight-400">总余额</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$totalBalance}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow" onclick="skip('/admin/userRebateList');">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-warning">
                            <i class="icon md-money"></i>
                        </button>
                        <span class="ml-15 font-weight-400">待提现佣金</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$totalWaitRefAmount}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 info-panel">
                <div class="card card-shadow">
                    <div class="card-block bg-white">
                        <button type="button" class="btn btn-floating btn-sm btn-dark">
                            <i class="icon md-money"></i>
                        </button>
                        <span class="ml-15 font-weight-400">已支出佣金</span>
                        <div class="content-text text-center mb-0">
                            <span class="font-size-40 font-weight-100">{{$totalRefAmount}}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        function skip(url) {
            window.location.href = url;
        }
    </script>
@endsection