@extends('admin.base')

@section('content')
    <div class="layui-card">

        <div class="layui-card-header layuiadmin-card-header-auto">
            <div class="layui-btn-group">
                {{--<button class="layui-btn layui-btn-sm layui-btn-danger" id="listDelete">删 除</button>
                <a class="layui-btn layui-btn-sm" href="{{ route('admin.app.create') }}">添 加</a>--}}

                <button class="layui-btn layui-btn-sm" id="search">搜索</button>
                <button class="layui-btn layui-btn-sm" id="add">增加</button>
                <button class="layui-btn layui-btn-sm" id="reduce">减少</button>
                @if (!empty($app_id))
                    <button class="layui-btn layui-btn-sm" id="return">返回</button>
                @endif
            </div>
            <div class="layui-form">
                @if (empty($app_id))
                    <div class="layui-input-inline">
                        <input type="text" name="party_name" id="party_name" placeholder="请输入第三方名" class="layui-input">
                    </div>
                @endif
                <div class="layui-input-inline">
                    <input type="text" name="app_name" id="app_name" placeholder="请输入平台名" class="layui-input">
                </div>
                <div class="layui-input-inline">
                    <input type="text" name="app_username" id="app_username" placeholder="请输入平台账号名" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-card-body">
            <table id="dataTable" lay-filter="dataTable"></table>
            <script type="text/html" id="options">
                <div class="layui-btn-group">
                    <a class="layui-btn layui-btn-sm" lay-event="edit">编辑</a>
                    <a class="layui-btn layui-btn-danger layui-btn-sm " lay-event="del">删除</a>
                </div>
            </script>
        </div>

    </div>
@endsection

@section('script')
    <script>
        layui.use(['layer','table','form'],function () {
            var layer = layui.layer;
            var form = layui.form;
            var table = layui.table;
            var app_id = {{$app_id}};
            //表格初始化
            var dataTable = table.render({
                elem: '#dataTable'
                ,height: 500
                ,url: "{{ route('admin.balance.appData') }}" //数据接口
                ,where:{model:"balance", app_id:app_id}
                ,page: true //开启分页
                ,cols: [[ //表头
                    {checkbox: true,fixed: true}
                    ,{field: 'id', title: 'ID', sort: true,width:80}
                    ,{field: 'appname', title: '平台名'}
                    ,{field: 'app_username', title: '平台用户名'}
                    ,{field: 'money', title: '金额'}
                    ,{field: 'typename', title: '类型'}
                    ,{field: 'balance', title: '余额'}
                    ,{field: 'name', title: '第三方名'}
                    ,{field: 'party_username', title: '第三方账号'}
                    ,{field: 'created_at', title: '时间'}
                ]]
            });

            //搜索
            $("#search").click(function () {
                var party_name = $("#party_name").val();
                var app_name = $("#app_name").val();
                var app_username = $("#app_username").val();
                var app_id = {{$app_id}};
                dataTable.reload({
                    where:{party_name:party_name,app_name:app_name,app_username:app_username,app_id:app_id},
                    page:{curr:1}
                })
            })

            //搜索
            $("#reduce").click(function () {
                var party_name = $("#party_name").val();
                var app_name = $("#app_name").val();
                var app_username = $("#app_username").val();
                var app_id = {{$app_id}};
                dataTable.reload({
                    where:{party_name:party_name,app_name:app_name,app_username:app_username,app_id:app_id,type:2},
                    page:{curr:1}
                })
            })
            //搜索
            $("#add").click(function () {
                var party_name = $("#party_name").val();
                var app_name = $("#app_name").val();
                var app_username = $("#app_username").val();
                var app_id = {{$app_id}};
                dataTable.reload({
                    where:{party_name:party_name,app_name:app_name,app_username:app_username,app_id:app_id,type:1},
                    page:{curr:1}
                })
            })

            //返回
            $("#return").click(function () {
                location.href = "{{ route('admin.app') }}";
            })
        })
    </script>
@endsection