@model CRM.Core.Model.Entity.WX_SZZYORDER
@{
    ViewBag.Title = "Contract";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<style>
    .mnas li {
        margin-top: 5px;
    }

    .idcardInfo {
        display: none;
    }
</style>
@if (Model == null)
{
    <span>参数错误</span>
}
else
{
    if (ViewBag.htUrl == null)
    {
        <span>请先提交退款申请</span>
    }
    else
    {
        <div class="x-body">
            <div class="layui-form">
                <table class="layui-table">
                    <colgroup>
                        <col width="120">
                        <col>
                    </colgroup>
                    <tbody>
                        <tr>
                            <td>订单号：</td>
                            <td>@Model.ORDERID</td>
                        </tr>
                        <tr>
                            <td>合同地址：</td>
                            <td>
                                @if (ViewBag.showCancle == true)
                                {
                                    <font color="#ffb800">此退款申请已经废弃</font>
                                }
                                else
                                {
                                    <textarea class="layui-textarea" disabled>@Html.Raw(ViewBag.htUrl)</textarea>
                                }
                            </td>
                        </tr>
                        @if (ViewBag.showCancelUrl == 1)
                        {
                            <tr>
                                <td>作废协议：</td>
                                <td>
                                    <textarea class="layui-textarea" disabled>@Html.Raw(ViewBag.cancelHtUrl)</textarea>
                                </td>
                            </tr>
                        }
                        @if (!string.IsNullOrEmpty(ViewBag.contract) && ((ViewBag.contractKey as string) != "pass"))
                        {
                            <tr>
                                <td>合同号：</td>
                                <td>@Html.Raw(ViewBag.contract)</td>
                            </tr>
                            <tr>
                                <td>合同：</td>
                                <td>
                                    <ul class="mnas">
                                        <li><a href="@ViewBag.tkpdf" target="_blank" class="layui-btn layui-btn-normal layui-btn-sm">退款协议.pdf</a></li>
                                        @if (ViewBag.showCancle == true)
                                        {
                                            <li><a href="@ViewBag.untkpdf" target="_blank" class="layui-btn layui-btn-normal layui-btn-sm layui-bg-orange">关于退款协议的作废声明.pdf</a></li>

                                        }
                                    </ul>
                                </td>
                            </tr>
                        }

                        @if (!string.IsNullOrEmpty(ViewBag.idCardName))
                        {
                            <tr class="idcardInfo">
                                <td>身份证姓名：</td>
                                <td class="userimg">@ViewBag.idCardName</td>
                            </tr>
                        }
                        @if (!string.IsNullOrEmpty(ViewBag.idCardTypeDescribe))
                        {
                            <tr class="idcardInfo">
                                <td>身份证类型：</td>
                                <td class="userimg">@ViewBag.idCardTypeDescribe</td>
                            </tr>
                        }
                        @if (!string.IsNullOrEmpty(ViewBag.idCardNo))
                        {
                            <tr class="idcardInfo">
                                <td>身份证号码：</td>
                                <td class="userimg">@ViewBag.idCardNo</td>
                            </tr>
                        }
                        @if (!string.IsNullOrEmpty(ViewBag.cardFrontFile))
                        {
                            <tr class="idcardInfo">
                                <td>身份证正面：</td>
                                <td class="userimg"><img src="@ViewBag.cardFrontFile" class="showPicture" /></td>
                            </tr>
                        }
                        @if (!string.IsNullOrEmpty(ViewBag.cardReverseSideFile))
                        {
                            <tr class="idcardInfo">
                                <td>身份证反面：</td>
                                <td class="userimg"><img src="@ViewBag.cardReverseSideFile" class="showPicture" /></td>
                            </tr>
                        }
                        @if (((!string.IsNullOrEmpty(ViewBag.cardFrontFile) || !string.IsNullOrEmpty(ViewBag.cardReverseSideFile)) && (ViewBag.IdCardStatus == 0 || ViewBag.IdCardStatus == null || (ViewBag.IdCardStatus == -1 && ViewBag.status == "1"))))
                        {
                            <tr>
                                <td>身份证信息审核：</td>
                                <td>
                                    <button class="layui-btn layui-btn-xs" id="idcard-pass">确定</button>
                                    <button class="layui-btn layui-btn-xs layui-bg-orange" id="idcard-reject">驳回</button>
                                </td>
                            </tr>
                        }
                        <tr>
                            <td>身份证状态：</td>
                            <td>
                                <div class="contract">
                                    @if (ViewBag.IdCardStatus == null || ViewBag.IdCardStatus == 0 || (ViewBag.IdCardStatus == -1 && ViewBag.status == "1"))
                                    {
                                        <p class="red">未审核</p>
                                    }
                                    else if (ViewBag.IdCardStatus == 1)
                                    {
                                        <p class="green">已通过</p>
                                    }
                                    else
                                    {
                                        <p class="red">已驳回 <button class="layui-btn layui-btn-xs" style="margin-left:20px;" id="idcard-more">更多</button></p>
                                    }
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>身份证驳回备注：</td>
                            <td>
                                @if (ViewBag.IdCardStatus == -1)
                                {
                                    @Html.Raw(ViewBag.IdCardRemark)
                                }
                            </td>
                        </tr>
                        <tr>
                            <td>合规状态：</td>
                            <td>
                                @if (ViewBag.contractstatus == -1)
                                {
                                    <span style="color:orange; font-weight:bold;padding-right:20px;">未通过</span>
                                }
                                else if (ViewBag.contractstatus == 0)
                                {
                                    <span style="font-weight:bold;">待审核</span>
                                }
                                else if (ViewBag.contractstatus == 1)
                                {
                                    <span style="font-weight:bold;">分部审核，总部待审核</span>
                                }
                                else if (ViewBag.contractstatus == 2)
                                {
                                    if (((ViewBag.contractKey as string) != "pass"))
                                    {
                                        <span style="color: green; font-weight:bold;">已通过</span>
                                    }
                                    else
                                    {
                                        <span style="color: green; font-weight:bold;">直接通过</span>
                                    }
                                }
                                else
                                {
                                    <span>未知</span>
                                }
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div id="rejectContract" class="layui-form" style="display:none;">
                    <div class="">
                        <textarea placeholder="请输入身份证审核备注" class="layui-textarea" id="rejectContractRemark" lay-filter="rejectContractRemark"></textarea>
                    </div>
                </div>
                <button class="layui-btn" id="save">确定</button>

                <button class="layui-btn layui-btn-warm" id="btnpass">直接通过</button>
                备注：（不需要签退款协议可直接通过）
            </div>
        </div>
        <script>
            $(function () {
                var staus = '@ViewBag.IdCardStatus';
                var idstatus = '@ViewBag.status';
                if (staus == -1 && idstatus==0) {
                    $(".idcardInfo").hide();
                } else {
                    $(".idcardInfo").show();
                }
            layui.use('layer', function () {
                var orderId = @Model.ORDERID;
                var layer = layui.layer;
                $("#save").click(function () {
                    $.r_post('/OrderRefund/Contract', { orderId: orderId, status: 2 }, function (result) {
                        if (result.result) {
                            layer.msg('操作成功！', { icon: 1 }, function () { window.location.reload() });
                        } else {
                            layer.msg('操作失败！' + result.retmsg, { icon: 2 });
                        }
                    });
                });
                $("#btnpass").click(function () {
                    $.r_post('/OrderRefund/ContractPass', { orderId: orderId, status: 2 }, function (result) {
                        if (result.result) {
                            layer.msg('操作成功！', { icon: 1 }, function () { window.location.reload() });
                        } else {
                            layer.msg('操作失败！' + result.retmsg, { icon: 2 });
                        }
                    });
                });
                $("#idcard-reject").on('click', function () {
                    layer.open({
                        type: 1
                        , content: $('#rejectContract')
                        , area: ['400px', '220px']
                        , btn: ['确定', '取消']
                        , yes: function (index, layer0) {
                            if ($("#rejectContractRemark").val() == "") {
                                layer.msg('身份证驳回备注不能为空！', { icon: 2 });
                                return;
                            }
                            idCardAudit(-1, index, true);
                        }
                    })
                })
                $('#idcard-more').on('click', function () {
                    $(".idcardInfo").show();
                    $("#idcard-more").hide();
                });

                $('#idcard-pass').on('click', function () {
                    layer.confirm('确定审核通过吗?', { icon: 3, title: '提示' }, function (index) {
                        idCardAudit(1, index);
                    })
                });
                $(".showPicture").click(function () {

                    winindex = layer.open({
                        type: 1,
                        content: '<img src=' + this.src + ' style="width:100%" ></img>',
                        area: ['500px', '500px']
                    });
                });
                function idCardAudit(status, index, updateOrder) {
                    var remark = $("#rejectContractRemark").val();
                    var data = {
                        orderId: orderId,
                        status: status,
                        remark: remark
                    }
                    var loadingindex = layer.load(3, { shade: true });
                    $.ajax({
                        type: "POST",
                        url: '/OrderRefund/IdCardAudit',
                        data: JSON.stringify(data),
                        dataType: "json",
                        contentType: "application/json",
                        success: function (da) {
                            layer.close(loadingindex);
                            if (da.ret == 0) {
                                if (index) {
                                    layer.close(index);
                                }
                                layer.msg('操作成功！', { icon: 1 }, function () {
                                    parent.layer.closeAll();
                                });
                                parent.TableReload();
                            } else {
                                layer.msg(da.msg, { icon: 2 });
                            }
                        },
                        error: function () {
                            layer.close(loadingindex);
                            layer.msg('操作失败！', { icon: 2 });
                        }
                    });
                }
            });
        });
        </script>
    }
}