@model CRM.Core.BLL.Util.AI_CallTaskConfig
@using CRM.Core.Model.Entity
@using Core.Web.WebHelper
@{
    /**/

    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="x-body">
    <h2><strong>自动外呼服务</strong></h2>
    <br />
    <form class="layui-form" action="" lay-filter="form">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">执行的AI话术：</label>
                <div class="layui-input-inline">
                    <input readonly type="text" name="RobotName" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label" style="text-align:left;">
                    <a href="javascript:void(0)" class="rule">配置外呼规则</a>
                </label>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">服务描述：</label>
                <div class="layui-input-inline">
                    <input readonly type="text" name="Remark" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">外呼的事业部：</label>
                <div class="layui-input-inline">
                    <div id="selectChannel" style="width: 800px"></div>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">非外呼的产品：</label>
                <div class="layui-input-inline">
                    <div class="layui-form-item">
                        <input readonly type="text" name="Subproductid" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">执行前是否发送短信：</label>
                <div class="layui-input-inline" style="width: 120px">
                    <input type="radio" name="Sms" value="1" title="发短信">
                </div>
                <div class="layui-input-inline" style="width: 120px">
                    <input type="radio" name="Sms" value="0" title="不发短信">
                </div>
            </div>
        </div>
        <input type="hidden" name="PKID">

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="save">保存</button>
            </div>
        </div>
    </form>
</div>

<style>
    .layui-form-label {
        width: 150px;
    }
    .rule {
        color: blue;
    }
</style>
<script src="~/Scripts/layui_ext/xm-select/xm-select.js"></script>
<script>
    var winindex;
    var model = @Html.Raw(ViewBag.ModelJson);
    layui.use(['form', 'layer'], function () {
        var form = layui.form
            , layer = layui.layer
            , laydate = layui.laydate
            , upload = layui.upload;

        form.val("form", {
            "RobotName": model.RobotName,
            "Remark": model.Remark,
            "Channel": model.Channel,
            "Subproductid": model.Subproductid,
            "Sms": model.Sms
        });

        $('.rule').on('click', function () {
            winindex = layer.open({
                type: 2,
                content: '/AiRecord/AiServiceRule',
                area: ['650px', '550px']
            });
        });

        form.on('submit(save)', function (data) {
            console.log(data.field);
            $.ajax({
                type: "POST",
                url: "EditSave",
                data: data.field,
                dataType: "json",
                success: function (da) {
                    console.log(da);
                    if (da.result == true) {
                        parent.layer.msg('操作成功！', { icon: 1 });
                        //parent.TableReload();
                        parent.Closed();
                    } else {
                        layer.msg(da.retmsg, { icon: 2 });
                    }
                },
                error: function () {
                    layer.msg('操作失败！', { icon: 2 });
                }
            });
            return false;
        });
    });
    // 外呼的事业部
    var optionsChannel = {
        el: '#selectChannel',
        name: 'Channel',//表单的name属性
        layVerify: 'required',//必填项
        //layVerType: 'tips',//提示类型 同layui
        tips: '请选择事业部',
        toolbar: {//工具条,全选,清空,反选,自定义
            show: true,
            list: [
                'ALL',
                'CLEAR',
                'REVERSE',
                {
                    name: '自定义',
                    icon: 'el-icon-star-off',
                    method(data) {
                        alert('我是自定义的');
                    }
                }
            ]
        },
        data: [],
        initValue: model.Channel
    };
    var selectChannel = xmSelect.render(optionsChannel);
    var allChannel = @Html.Raw(ViewBag.AllChannel);
    selectChannel.update({ data: allChannel });

    @*// 外呼的产品
    var optionsSubproductid = {
        el: '#selectSubproductid',
        name: 'xmselectName',//表单的name属性
        layVerify: 'required',//必填项
        //layVerType: 'tips',//提示类型 同layui
        tips: '请选择事业部',
        toolbar: {//工具条,全选,清空,反选,自定义
            show: true,
            list: [
                'ALL',
                'CLEAR',
                'REVERSE',
                {
                    name: '自定义',
                    icon: 'el-icon-star-off',
                    method(data) {
                        alert('我是自定义的');
                    }
                }
            ]
        },
        data: [],
    };
    var selectSubproductid = xmSelect.render(optionsSubproductid);
    var allChannel = @Html.Raw(ViewBag.AllChannel);
    selectChannel.update({ data: allChannel });*@

    function Closed() {
        layer.close(winindex);
    }
</script>