@{
    ViewBag.Title = "Aduit";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="x-body">
    <form class="layui-form" action="" lay-filter="formTest">
        <input type="hidden" name="ID" id="ID">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">客户id：</label>
                <div class="layui-input-inline">
                    <input type="text" name="resid" id="resid" autocomplete="off" class="layui-input" readonly="readonly">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">用户名：</label>
                <div class="layui-input-inline">
                    <input type="text" name="userid" id="userid" autocomplete="off" class="layui-input" readonly="readonly">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" style="color: #22b14c;">订单号：</label>
                <div class="layui-input-inline">
                    <div id="selectOrder" style="width: 290px"></div>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">客户姓名：</label>
                <div class="layui-input-inline">
                    <input type="text" name="username" id="username" autocomplete="off" class="layui-input" readonly="readonly">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">协议状态：</label>
                <div class="layui-input-inline">
                    <input type="text" name="status_name" id="status_name" autocomplete="off" class="layui-input" readonly="readonly">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">协议链接：</label>
                <div class="layui-input-inline" style="display:flex">
                    <textarea class="layui-textarea xyUrl" id="copyText" disabled>@Html.Raw(ViewBag.url)</textarea>
                    <div style="direction: rtl">
                        <input type="button" class="layui-btn" id="copy" value="复制" />
                        <input type="button" style="margin-top:10px" class="layui-btn" id="preview" value="预览" />
                    </div>
                </div>
                <div class="layui-input-inline">
                </div>
            </div>
        </div>

        @if (ViewBag.model.PROTOCOLTYPE == 4 || ViewBag.model.PROTOCOLTYPE == 5)
        {

            <div class="layui-form-item zy-box">
                <div class="layui-inline">
                    <label class="layui-form-label layui-required">产品类型：</label>
                    <div class="layui-input-inline">
                        <select name="producttype" id="producttype" lay-filter="producttype">
                            <option value="1">赠送订单</option>
                            <option value="2">赠送服务</option>
                        </select>
                    </div>
                </div>
            </div>

            if (ViewBag.model.PRODUCTTYPE == 1)
            {
                <div class="layui-form-item zy-box">
                    <div class="layui-inline">
                        <label class="layui-form-label layui-required">赠送订单号：</label>
                        <div class="layui-input-inline" style="display:flex">
                            <input type="text" name="ordername" id="ordername" autocomplete="off" class="layui-input" readonly="readonly">
                            <span class="gift-status">@ViewBag.GiftStatusName</span>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item zy-box zscp">
                    <div class="layui-inline">
                        <label class="layui-form-label layui-required">赠送产品：</label>
                        <div class="layui-input-inline">
                            <input type="text" name="productname" id="productname" autocomplete="off" class="layui-input" readonly="readonly">
                        </div>
                    </div>
                </div>
            }
            else
            {
                <div class="layui-form-item zs-box zsfw">
                    <div class="layui-inline">
                        <label class="layui-form-label layui-required">赠送服务内容：</label>
                        <div class="layui-input-inline">
                            <input type="text" name="servicename" id="servicename" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
            }
            <div class="layui-form-item zy-box">
                <div class="layui-inline">
                    <label class="layui-form-label layui-required">赠送天数：</label>
                    <div class="layui-input-inline">
                        <input type="text" name="giftdays" id="giftdays" autocomplete="off" class="layui-input" readonly="readonly">
                    </div>
                </div>
            </div>
        }



        @if (@ViewBag.status != 0)
        {
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">协议文本：</label>
                    <div class="layui-input-inline">
                        <ul class="mnas">

                            <li><a href="@ViewBag.pdfUrl" target="_blank" class="layui-btn layui-btn-normal layui-btn-sm">@ViewBag.PdfName</a></li>

                        </ul>
                    </div>
                </div>
            </div>
        }
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">备注：</label>
                <div class="layui-input-inline">
                    <textarea name="note" class="layui-input note" readonly="readonly"></textarea>
                </div>
            </div>
        </div>
        @if (@ViewBag.status == 0)
        {
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="save" onclick="return false;">保存</button>
                </div>
            </div>
        }
    </form>
</div>
<style>
    .note {
        padding: 10px;
        height: 150px;
    }

    .xyUrl {
        height: 180px !important;
    }

    .layui-input-inline {
        width: 290px !important;
    }

    .gift-status {
        width: 80px;
        padding: 12px 0px;
    }
</style>

<script>
    layui.use(['form', 'laydate', 'upload'], function () {
        var form = layui.form, layer = layui.layer;
        var json =@Html.Raw(ViewBag.ModelJson);
        console.log(json);
        showOrders(form, json.RESID, '@ViewBag.Orderids');
        form.val("formTest", {
            "ID": json.ID,
            "resid": json.RESID,
            "userid": json.USERID,
            "username": json.USERNAME,
            "protocolType":  json.PROTOCOLTYPE,
            "note": json.NOTE,
            "status_name": '@ViewBag.StatusName',
            "orderids": '@ViewBag.Orderids',
            "ordername": json.PRODUCTNAME + "(" + json.ORDERID + ")",
            "producttype": json.PRODUCTTYPE,
            "productname": json.PRODUCTNAME,
            "servicename": json.SERVICENAME,
            "giftdays": json.GIFTDAYS
        });
        form.render();
        form.on('submit(save)', function (data) {
            //console.log(data.field);
            if (!data.field.orderids) {
                layer.msg('请填写订单号！', { icon: 2 });
                return;
            }

            layer.confirm('确认编辑?只会修改订单号', { icon: 3, title: '提示' }, function (index) {
                $.ajax({
                    type: "POST",
                    url: "EditField",
                    data: { id: data.field.ID, field: 'orderids', orderids: data.field.orderids },
                    dataType: "json",
                    success: function (da) {
                        if (da.s == true) {
                            layer.msg('操作成功！', { icon: 1 });
                            parent.TableReload();
                            parent.Closed();
                        } else {
                            layer.msg(da.m, { icon: 2 });
                        }
                    },
                    error: function () {
                        layer.msg('操作失败！', { icon: 2 });
                    }
                });
                return false;
            });
        });
        $("#copy").click(function () {
            var val = document.getElementById('copyText');
            window.getSelection().selectAllChildren(val);
            document.execCommand('copy');
            layer.msg('复制成功！', { icon: 1 });
        });
        $('#preview').click(function () {
            const text = $(".xyUrl").val();
            var previewurl = text.replace("agreement", "preview");
            window.open(previewurl);
        });
    });

    function showOrders(form, resid, orderids) {
        $.ajax({
            type: "POST",
            url: "UserInfo",
            data: { resid },
            dataType: "json",
            success: function (r) {
                var items=[];
                var orderList=[];
                if(orderids){
                    var parts = orderids.split(',');
                    for(var i=0;i<parts.length;i++){
                        var item = { name: parts[i], value: parts[i], selected: true, cname: '', softusername: '' };
                        items.push(item);
                        orderList.push(item);
                    }
                }

                if (r.d && r.d.orderList && r.d.orderList.length>0) {
                    console.log(r.d.orderList);
                    for(var i=0;i<r.d.orderList.length;i++){
                        orderList.push(r.d.orderList[i]);
                    }
                }

                renderSelectOrder(items, orderList);
                form.render("select");
            },
            error: function () {
                layer.msg('操作失败！', { icon: 2 });
            }
        });
    }

    function renderSelectOrder(check, orders) {
        var optionsOrder = {
            el: '#selectOrder',
            name: 'orderids',//表单的name属性
            tips: '请选择订单',
            layVerify: 'required',
            toolbar: {//工具条,全选,清空,反选,自定义
                show: true,
                list: [
                    'CLEAR'
                ]
            },
            data: orders,
            initValue: check
        };
        var selectOrder = xmSelect.render(optionsOrder);
        selectOrder.update({ data: orders, initValue: check });
        return selectOrder;
    }
</script>