@model ClientEditViewModel
@{
    ViewBag.Title = "客户信息";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
    var clientModel = Model.client;
    var canEdit = (CurUser.客户管理.客户修改 && clientModel.ApprovalStatus != "审批中") || (CurUser.客户管理.客户新增 && (clientModel.id == 0||clientModel.ProcessStatus=="未提交")) || (clientModel.id > 0 && clientModel.ApprovalStatus != "审批中" && ((CurUser.客户管理.销户休眠客户修改 && ("已休眠".Equals(clientModel.ProcessStatus) || "已销户".Equals(clientModel.ProcessStatus))) || (CurUser.客户管理.正常状态客户修改 && !("已休眠".Equals(clientModel.ProcessStatus) || "已销户".Equals(clientModel.ProcessStatus)))));
    var sections = Model.editConfig.sections.Where(n => n.visible).ToArray();
    var pageObj = new
    {
        IsEdit = canEdit,
        is华西 = PS.Config.Company == CompanyEnum.华西,
        sysdate = valuedateBLL.ValueDate,
        isZhaoZheng = YLErp.PS.Config.Company == CompanyEnum.招证,
        isWuChanZhongDa =  YLErp.PS.Config.Company == CompanyEnum.物产中大,
        isDongWu = YLErp.PS.Config.Company == CompanyEnum.东吴,
        isZheQi = YLErp.PS.Config.Company == CompanyEnum.浙期,
        isDongGuan = YLErp.PS.Config.Company == CompanyEnum.东莞,
        isApproval = ViewBag.isApproval,
        isDirectSubApp = false
    };
}

@section CSS{
    <link href="~/Statics/libs/datetime/flatpickr/flatpickr.min.css" rel="stylesheet" />
    <link href="~/Style/Css/clientEdit.css" rel="stylesheet" />
    <link href="~/Style/Css/clientsettag.css?v=@(HtmlUtil.JsVersion)" rel="stylesheet" />
}
    @section JS{
    <script type="text/javascript">
        const page = @Json.Serialize(Model);
        const pageData = @Json.Serialize(pageObj);
        page.bankcard = @Json.Serialize(new ClientBankCard());
        page.duty = @Json.Serialize(new ClientDuty());
        page.dutydirector = @Json.Serialize(new ClientDuty());
        page.file = @Json.Serialize(new client_file());
        var nowday = pageData.sysdate.format("YYYY-MM-DD");
        page.investor = @Json.Serialize(new ClientInvestor());

        var meg = "@ViewBag.Meg";

    </script>
    <script src="~/front/calendar?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Statics/libs/datetime/flatpickr/flatpickr.min.js?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Statics/libs/datetime/flatpickr/vue-flatpickr.min.js?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Statics/libs/upload/js/jquery.iframe-transport.js?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Statics/libs/upload/js/jquery.fileupload.js?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Scripts/app/client/clientEditV2.js?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Scripts/app/tag/clientsettag.js?v=@HtmlUtil.JsVersion" type="text/javascript"></script>
    <script type="text/javascript">
        const HasEditTagPermission = @Json.Serialize(CurUser.系统管理.标签编辑权限);
    </script>
}

    <div class="toolbarDiv" id="toolbarDiv">
    @if (canEdit)
    {
        <button class="btn btn-primary" type="button" v-on:click="saveClient">保存</button>
    }
    @if (Model.client.ApprovalStatus != "审批中")
    {
        <button id="submitProcessBtn" class="btn btn-primary" type="button" v-on:click="submitProcess" v-if="clientId>0&&isOpening">提交开户审批</button>
    }
    <span id="toolbarShow1" class="@(clientModel.id > 0?"":"hide")">
        <button class="btn btn-primary" type="button" v-on:click="showOperationHistory">操作历史</button>
        @*@if (PS.Config.ErpElement.HasClientSide && CurUser.客户管理.客户端密码设置)
        {
            <button class="btn btn-primary" type="button" v-on:click="resetPassword">@(string.IsNullOrEmpty(clientModel.Guid) ? "初始化密码" : "重置密码")</button>
        }*@
    </span>
    @if (!PS.Config.Is东莞)
    {
        <button class="btn btn-primary" type="button" v-on:click="openClientFileAudit" v-show="clientId>0">流程清单检查</button>
    }

    <button class="btn btn-primary" type="button" onclick=" layer.closeMe()">关闭</button>
</div>

@{
    var flowIndex = 0;
}

<div class="flow d-inline-flex">
    <div class="flow-list row no-gutters" id="flowList">
        @foreach (var item in sections)
        {
            <div class="col flow-list-item @(item.className) @(flowIndex == 0 ? "current" : "")" id="flowPoint_@(item.tabId)">
                <em class="position-absolute" onclick="flowMgr.getTab(@flowIndex)">
                    <i class="fa fa-check" style="color:white;"></i>
                    <span>@(flowIndex + 1)</span>
                </em>
                <div class="flow-text">@(item.title)</div>
            </div>
            flowIndex += 1;
        }
    </div>
    <div id="side-btn" style="margin-left:70px">
        <div>
            <button type="button" class="btn btn-outline-danger" onclick="flowMgr.flowBack()">上一步</button>
        </div>
        <div style="margin-top:5px">
            <button type="button" class="btn btn-outline-danger" onclick="flowMgr.flowNext()">下一步</button>
        </div>
    </div>
</div>

<div class="tabbable" hidden>
    <ul id="myTab" class="nav nav-tabs nav-main">
        @foreach (var item in sections)
        {
            <li class="nav-item" id="nav-tab_@(item.tabId)">
                <a class="nav-link" data-toggle="tab" href="#tab_@(item.tabId)">@(item.title)</a>
            </li>
        }
    </ul>
</div>

<div class="tab-content tab-content-client" id="editPanes">
    @foreach (var item in sections)
    {
        <div id="tab_@(item.tabId)" class="tab-pane">
            @if (!string.IsNullOrEmpty(item.viewPath))
            {
                @await Html.PartialAsync(item.viewPath)
                <div id="tab_@(item.tabId)_hasview"></div>
            }
            else if (item.fields != null)
            {
                @await Html.PartialAsync("_ClientEditFields", new EditFieldViewModel { fields = item.fields, Tags = Model.Tags })
            }
        </div>
    }

    @if (canEdit)
    {
        @await Html.PartialAsync("_ClientBankcardEdit")
        @await Html.PartialAsync("_ClientDutyEdit")
        @await Html.PartialAsync("_ClientDutyDirectorEdit")
        @await Html.PartialAsync("_ClientFileEdit", Model)
        @await Html.PartialAsync("_UploadProgress")
        @await Html.PartialAsync("_ClientInvestorsEdit")
    }
</div>

<div class="row" id="hidsearchtag" style="display:none;">
    <div class="tag-search">
        <div class="keyword-div">
        </div>
        <div class="selectlist">
        </div>
    </div>
</div>
<div id="hidhastags" style="display:none;">
    <ul>
        @if (((List<sys_tag>)ViewBag.TagList) != null && ((List<sys_tag>)ViewBag.TagList).Any())
        {
            foreach (var tag in (List<sys_tag>)ViewBag.TagList)
            {
                <li data-id="@tag.id" onclick="selectTag('@tag.id','@tag.Name')">@tag.Name</li>
            }
        }
    </ul>

    <span class="js-li-none-tip" style="display:none;">没有可选择的标签，可按Enter键新增</span>
</div>