@{
    ViewBag.Title = "资金监控";
    Layout = "~/Views/Shared/_MainLayout.cshtml";
    ViewData["DateValueDate"] = ViewBag.valueDate;
    var ShowRealTimeServiceNotify = false;// YLErp.PS.Config.ErpElement.ShowRealTimeServiceNotify;
    var pageObj = new
    {
        configcolumn_name = configcolumn_data.资金监控,
        ValueDate = ViewBag.valueDate?.ToString(),
        lastSettledDate = ViewBag.lastSettledDate?.ToString(),
        isAnLiang = YLErp.PS.Config.Is安粮,
        isGuoJun = YLErp.PS.Config.Is国泰君安,
        showOtherSideMargin = YLErp.PS.Config.Is国泰君安 || YLErp.PS.Config.Is润和,
        isDongZheng = YLErp.PS.Config.Is润和,
        isGuoHai = YLErp.PS.Config.Company == CompanyEnum.国海,
        isDongWu = YLErp.PS.Config.Is东吴,
        isHongYuan = YLErp.PS.Config.Is宏源,
        showPFE = false,
        isChangJiang = YLErp.PS.Config.Company == CompanyEnum.长江,
        Company = YLErp.PS.Config.Company,
        canUpdatePayableMargin = CurUser.结算管理_预付金占用修改,
        isPvRounded = YLErp.PS.Config.IsPVRounded,
        UseClientStockEqvNotional = PS.Config.ErpElement.UseClientStockEqvNotional,
        ViewTagPermission = CurUser.客户管理.客户标签查看权限,
        SuppotSnowballSpecialist = PS.Config.ClientElement.SuppotSnowballSpecialist
    };
}

@section CSS{
    <link href="~/Style/Css/clientsettag.css?v=@(HtmlUtil.JsVersion)" rel="stylesheet" />
    <style>
        em {
            font-style: normal;
        }

        .chosen-choices .search-choice span {
            word-wrap: break-word;
            word-break: break-all;
            white-space: pre-wrap !important;
        }

        .ui-jqgrid-hdiv .ui-jqgrid-htable {
            border-top: 0px;
        }

        .no-skin {
            position: static !important;
        }

        .chosen-container-multi .chosen-choices {
            max-height: 100px;
            overflow-y: auto; /*width: 120px;*/
        }

        .value-date-area {
            display: inline-block;
        }

        table {
            border-collapse: unset;
        }

        .frozen-div {
            height: auto !important;
        }

            .frozen-div .ui-jqgrid-htable .jqg-second-row-header th:nth-child(4) {
                background: none;
                background-color: aliceblue;
            }

            .frozen-div .ui-jqgrid-htable .jqg-second-row-header th:nth-child(5) {
                display: none;
            }

            .frozen-div .ui-jqgrid-htable .jqg-second-row-header th:nth-child(6) {
                display: none;
            }

        .ui-jqgrid-hbox .ui-jqgrid-htable .jqg-second-row-header th.ui-th-column-header {
            background: none;
            background-color: antiquewhite;
        }

        .ui-jqgrid-hbox .ui-jqgrid-htable .jqg-second-row-header th:nth-child(6) {
            background: none;
            background-color: azure;
        }

        .holdingDepositInput {
            height: 16px;
        }

        #DateValueDate {
            width: 152px !important;
            font-size: 1rem !important;
        }

        .tag-item {
            height: 17px;
            line-height: 14px;
        }

        .tag-add {
            height: 17px;
            line-height: 14px;
        }

        .tag-context {
            padding: 0px;
        }
    </style>
}

@section JS{
    <script src="~/Statics/libs/v1/jqGridExtensions.js?v=@(HtmlUtil.JsVersion)"></script>
    @if (ShowRealTimeServiceNotify)
    {
        <script src="~/Scripts/jquery.signalR-2.4.1.min.js?v=@(HtmlUtil.JsVersion)"></script>
        <script src="~/signalr/hubs"></script>
        <script type="text/javascript">
            var g_showNotify = true;
            $(function () {
                $.connection.hub.start().done(function () { });
                var hub = $.connection.notifyHub;
                hub.client.RealTimeNotify = function (message) {
                    if (g_showNotify) {
                        main.warn(message, "gritter-warning");
                    }
                };
            });
            function showNotify(obj) {
                if ($(obj).val() == "显示通知") {
                    $(obj).val("关闭通知");
                } else {
                    $(obj).val("显示通知");
                }
                g_showNotify = !g_showNotify;
            }
        </script>
    }
    <script>
        var page = @Json.Serialize(pageObj);
    </script>
    <script src="~/Scripts/app/client/clientRiskMonitor.js?v=@HtmlUtil.JsVersion"></script>
}

<div class="searchdiv">
    @Html.MyAceDropdownInput("id", "客户名称", CurUser.GetClientSelectItems(CurUser.交易管理_查看所有交易))
    <label><input type="checkbox" onclick="setClient(this)" /><span class="">反选客户</span></label>
    @Html.ShortInput("Number", "客户编号")
    @*@Html.MyAceDropdownInput("CreditRatingId", "资信等级", credit_ratingController.GetValidcredit_rating())*@

    @Html.MyAceDropdownInput("IsSmallAndMicroEnterprises", "中小微企业", new List<SelectListItem>() { new SelectListItem() { Text = "是", Value = "1" }, new SelectListItem() { Text = "否", Value = "0" } }, false)

    @if (PS.Config.Company == CompanyEnum.中金)
    {
        @Html.MyAceDropdownInput("BoundSide", "资金流向", new List<SelectListItem>() { new SelectListItem() { Text = "北向", Value = "0" }, new SelectListItem() { Text = "南向", Value = "1" } }, false, true, null, false)
    }
    @if (!PS.Config.Is格林大华)
    {
        @Html.MyAceDropdownInput("CustomerManagerIds", "客户经理", ClientDataModel.GetAllCustomerManager())
    }
    else
    {
        @Html.ShortInput("CustomerManagerString", "客户经理")
        ;
    }
    @Html.SearchDate("ValueDate", "查看日期")
    @Html.MyAceDropdownInput("PrewhereMode", "预置条件", new List<SelectListItem> { new SelectListItem { Text = "需要追保", Value = "HaveMarginAmount" }, new SelectListItem { Text = "需要追缴账款", Value = "HavePayableFund" }, new SelectListItem { Text = "当日有持仓", Value = "HavePosition" }, new SelectListItem { Text = "应付已了结交易款", Value = "HaveClosedPayableFund" }, new SelectListItem { Text = "总资产非零", Value = "HaveTotalAsset" } }, false)
    <div id="divShownType" class="search-group">
        <span class="search-label" for="ShownType">预付金条件: </span>
        @Html.DropDownList("ShownType", new List<SelectListItem>() {
        // new SelectListItem(){ Value = "ClientBalanceGap",Text = "财务增量"},
        new SelectListItem(){ Value = "GetOuterMargin",Text = "外部预付金"},
        new SelectListItem(){ Value = "default",Text = "系统默认"}
        }, new { id = "ShownType" })
    </div>
    @if (pageObj.ViewTagPermission)
    {
        @Html.MyAceDropdownInput("TagIds", "标签值", TagController.GetTradeTagList(CurUser, YLErp.Enums.TagTypeEnum.Customer))
    }
    @MyControls.SearchBtn()
    @MyControls.Btn("导出", "downClientRiskMonitor()")
    @MyControls.Btn("发送报告", "SendReport()")
    <div title="配置显示列" style="width:30px;display:inline;cursor:pointer;" onclick="showcolumnChooser();return false;">
        <img alt="配置显示列" src="~/Images/configure.png" />
    </div>
    @if (ShowRealTimeServiceNotify)
    {
        @MyControls.Btn("关闭通知", "showNotify(this)")
    }
</div>

@Html.Raw(JqGridSimple.OutTable())

<template id="exportTPL">
    <table class="table table-form mt-4">
        <colgroup>
            <col span="1" width="90" />
        </colgroup>
        <tbody>
            <tr>
                <th><label onselectstart="return false;"><input type="checkbox" id="useRange" onclick="rangeClick();">导出区间</label></th>
                <td></td>
            </tr>
            <tr>
                <th>开始日期</th>
                <td>
                    <input type="text" class="form-control datepicker" id="startDate" placeholder="请输入开始日期" disabled autocomplete="off">
                </td>
            </tr>
            <tr>
                <th>结束日期</th>
                <td>
                    <input type="text" class="form-control datepicker" id="endDate" placeholder="请输入结束日期" autocomplete="off">
                </td>
            </tr>
        </tbody>
    </table>
    <div style="padding-left:100px">
        <button type="button" class="btn btn-primary" onclick="execExport()">导出</button>
        <button type="button" class="btn btn-primary" onclick="layer.closeAll()">取消</button>
    </div>

</template>

<template id="setupMarginHighlight">
    <div class="form-horizontal" role="form" style="margin-top:15px">
        <div class="form-group">
            <label title="预付金占用/可用资金" class="col-sm-3 control-label" for="marginThreshold">预付金占比阈值</label>
            <div class="col-sm-6">
                <input type="number" disabled class="form-control" id="marginThreshold" placeholder="请输入百分比">%
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label"></label>
                <button type="button" class="btn btn-primary" onclick="saveMarginThreshold()">保存</button>
                <button type="button" class="btn btn-primary" onclick="layer.closeAll()">关闭</button>
            </div>
        </div>
    </div>
</template>