@extends('vip.layouts')
@section('content')
    <style>
        .layui-laydate-range {
            width: auto;
        }

        .layui-form-switch em {
            width: auto;
        }

        .layui-form-switch {
            width: 44px;
            line-height: 23px;
        }

        .layui-form-item .checkbox {
            width: auto;
        }

        .statistics{
            margin: 0 auto;
            text-align: center;
            margin-bottom: 5px;
        }

        .red{
            color: red;
            font-weight: bold;
        }
    </style>
    <script type="text/html" id="ft">
        @{{#if(d.flag == 1){ }}
            已结算
        @{{#}else{ }}
            未结算
        @{{#} }}
    </script>
    <!---注单管理-->
    <div class="layui-row">
        <div class="layui-col-sm12 layui-col-md12 text" >
            <form class="layui-form rewrite" eventType=eventForm>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">开始时间：</label>
                        <div class="layui-input-inline">
                            <input type="text" name="start_time" id="start_time"  lay-verify=""
                                   autocomplete="off" class="layui-input test-item" eventType=event-query
                                   value="{{ $start_time }}">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">结束时间：</label>
                        <div class="layui-input-inline">
                            <input type="text" name="end_time" id="end_time" placeholder=" - " lay-verify=""
                                   autocomplete="off" class="layui-input test-item" eventType=event-query
                                   value="{{ $end_time }}">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">本站用户名：</label>
                        <div class="layui-input-inline">
                            <input type="text" name="account_name" id="account_name" lay-verify="" autocomplete="off" eventType=event-query
                                   class="layui-input" value="{{ $account_name }}">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">真人用户名：</label>
                        <div class="layui-input-inline">
                            <input type="text" name="playerName" id="playerName" lay-verify="" autocomplete="off" eventType=event-query
                                   class="layui-input" value="{{ $playerName }}">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <a class="layui-btn layui-btn-sm lay-btn-diy" data-type="reload"  eventType=event-query-submit
                           style="opacity: 1; pointer-events: auto;">提交</a>
                        <a class="layui-btn   layui-btn-sm  layui-btn-normal reset" data-type="reload"
                           style="opacity: 1; pointer-events: auto;">重置</a>
                        <a class="layui-btn layui-btn-sm layui-btn-green set" data-type="reload"
                           style="opacity: 1; pointer-events: auto;" href="javascript:window.location.reload()">
                            <i class="layui-icon">ဂ</i>
                        </a>
                        <a class="layui-btn layui-btn-sm" id="get_rec" data-type="reload" style="opacity: 1; pointer-events: auto;">获取最新流水</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
    @push('dataTableJS')
        $('.layui-table-page').after('<div id="statistics" class="statistics"></div>');
        function dataTableLoadFinished(res,curr,count)
        {
            var str = '';
            var bettingamount_limit = 0;
            var winLoseamount_limit = 0;
            var validamount_limit = 0;
            var revenue_limit = 0;

            for(var i = 0; i < res.data.length; i++)
            {
                bettingamount_limit += parseFloat(res.data[i]['betAmount']);
                winLoseamount_limit += parseFloat(res.data[i]['netAmount']);
                validamount_limit += parseFloat(res.data[i]['validBetAmount']);
                revenue_limit += parseFloat(res.data[i]['validBetAmount']);
            }

            $('#statistics').html('');

            str = '<p>本页共'+ res.data.length +'条注单；总投注金额：<span class="red">'+ bettingamount_limit.toFixed(2) +'RMB</span>；总盈亏金额：<span class="red">'+ winLoseamount_limit.toFixed(2) +'RMB</span>；总有效投注额：<span class="red">'+ validamount_limit.toFixed(2) +'RMB</span>；</p>';
            str += '<p>本类共{{ $co }}条注单；总投注金额：<span class="red">{{ $bettingamount }}RMB</span>；总盈亏金额：<span class="red">{{ $winLoseamount }}RMB</span>；总有效投注额：<span class="red">{{ $validamount }}RMB</span>；</p>';

            $('#statistics').html(str);
        }
    @endpush
    @include('vip.datatable')
    <script>
        $('#get_rec').on('click',function(){
            layer.open({
                type: 2,
                title: '获取最新流水',
                shadeClose: true,
                shade: 0.8,
                area: ['1000px', '70%'],
                content: '/admin/Rgame/aggamedata',
                end: function(){ //此处用于演示
                    location.reload();
                }
            });
        });
    </script>
@endsection