layui.use(['form', 'jquery', 'layer', 'mhttp'], function () {
    let form = layui.form;
    let $ = layui.jquery;
    let http = layui.mhttp;
    let layer = layui.layer;
    let authInfo = JSON.parse(localStorage.getItem(window._AUTH_INFO_));
    let authInfoDeductionSwitch = authInfo.detail.deduction_switch;
    if (authInfoDeductionSwitch === 2){
        // cpa
        html = '<div hidden class="layui-form-item">\n' +
            '            <label class="layui-form-label">分成比例(%)</label>\n' +
            '            <div class="layui-input-inline">\n' +
            '                <input type="number" required lay-verify="required"\n' +
            '                       name="commission_ratio"\n' +
            '                       placeholder="分成比例"\n' +
            '                       value="0"\n' +
            '                       autocomplete="off"\n' +
            '                       class="layui-input commission_ratio">\n' +
            '            </div>\n' +
            '        </div>';

        html += '<div class="layui-form-item">\n' +
            '            <label class="layui-form-label">代理类型</label>\n' +
            '            <div class="layui-input-inline">\n' +
            '                <input  readonly type="number" \n' +
            '                       placeholder="CPA"\n' +
            '                       value="CPA"\n' +
            '                       autocomplete="off"\n' +
            '                       class="layui-input">\n' +
            '            </div>\n' +
            '        </div>';
        $('#divAdd').append(html);

    }else{
        $('#divAdd').append('<div class="layui-form-item">\n' +
            '            <label class="layui-form-label">分成比例(%)</label>\n' +
            '            <div class="layui-input-inline">\n' +
            '                <input type="number" required lay-verify="required"\n' +
            '                       name="commission_ratio"\n' +
            '                       placeholder="分成比例"\n' +
            '                       autocomplete="off"\n' +
            '                       class="layui-input commission_ratio">\n' +
            '            </div>\n' +
            '        </div>');

    }
    form.render();
    // 查询应用
    let ret = http.ajax({
        url: '/app/lists'
    });
    ret.then((data) => {
        if (data.code === 200) {
            let html = '';
            for (let i in data.data) {
                html += '<input type="checkbox" value="' + data.data[i].uid + '" class="che_' + data.data[i].uid + '" name="own_app_uids" title="' + data.data[i].name + '">';
            }
            $('.own_app_uids').html(html);
            form.render();
        } else {
            $('.own_app_uids').append('<span class="app-error">获取应用失败,刷新重试!</span>');
        }
    });
    $('.username').focus(function () {
        $('.checkUsername').html('');
    });
    $('.username').blur(function () {
        let username = $(this).val();
        if (username.length < 6) {
            $('.checkUsername').html('<span class="help">账号长度在6位以上</span>');
            return false;
        }
        let ret1 = http.ajax({
            url: 'agent/check/username',
            data: {username: username}
        });
        ret1.then((data) => {
            let html = '';
            if (data.code === 200) {
                html = '<span class="check">' + data.message + '</span>';
            } else {
                html = '<span class="help">' + data.message + '</span>';
            }
            $('.checkUsername').html(html);
        });
    });
    form.on('submit(agent-save)', function (data) {
        if (data.field.password !== data.field.rePassword) {
            layer.msg('两次密码不一致 !');
            return false;
        }
        if (data.field.username.length < 6) {
            layer.msg('账号长度在6位以上 !');
            return false;
        }
        if (data.field.password < 6) {
            layer.msg('密码长度在6位以上 !');
            return false;
        }
        if (data.field.withdraw_pwd < 6) {
            layer.msg('提现密码长度在6位以上 !');
            return false;
        }
        let commission_ratio = parseInt(data.field.commission_ratio);
        if (commission_ratio > 100 || commission_ratio < 0) {
            layer.msg('分成比例在0-100!');
            return false;
        }
        let own_app_uids = '';
        $('.own_app_uids input:checked').each(function (index) {
            if (index === 0) {
                own_app_uids = $(this).val();
            } else {
                own_app_uids += ',' + $(this).val();
            }
        });
        if (own_app_uids.length <= 0) {
            layer.msg('应用必须选择一个!');
            return false;
        }
        let createLoading = layer.load();
        let postData = {
            username: data.field.username,
            own_app_uids: own_app_uids,
            commission_ratio: parseInt(data.field.commission_ratio),
            password: data.field.password,
            two_password: data.field.rePassword,
        };
        let ret = http.ajax({
            url: '/agent/create',
            data: postData
        });
        ret.then((data) => {
            layer.close(createLoading);
            if (data.code === 200) {
                layer.msg(data.message, {icon: 1, time: 1000}, function () {
                    // 成功刷父页面
                    window.parent.location.reload();
                    // 成功关闭父窗口
                    let index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(index);
                });
            } else {
                layer.msg(data.message, {icon: 2, time: 1000});
            }
        });
        return false;
    });
})