@using YLErp.Modules.SystemModule
@model EditFieldViewModel
@{
    Layout = null;
    var queue = new Queue<FormEditField>(Model.fields);
    var queue2 = new Queue<FormEditField>(queue.Count);
    queue.Enqueue(new FormEditField { type = "new-row" });

    var hasCustomerNo = false;
    if (Model.fields != null && Model.fields.Any())
    {
        hasCustomerNo = Model.fields.Any(p => "客户编号".Equals(p.label));
    }
}

@while (queue.Count > 0)
{
    var f = queue.Dequeue();
    if (f.type != "new-row")
    {
        queue2.Enqueue(f);
    }
    else
    {
        <div class="row no-gutters">
            @while (queue2.Count > 0)
            {
                <div class="@(queue2.Peek().layout=="row"?"":"col")">
                    @while (queue2.Count > 0)
                    {
                        f = queue2.Dequeue();
                        if (f.type == "new-col")
                        {
                            
                            break;
                        }
                        if (f.name== "LicenseValidTimeStr")
                        {
                            <div class="form-group">
                                <div class="form-group" style="float:left">
                                    <label class="formlabel">@(f.label)</label>
                                    <input class="text-box @(f.className)" disabled="disabled"  type="text" id="LicenseValidTimeStr" value="长期有效" />
                                    <vue-datepicker id="LicenseValidTime"    class="text-box @(f.className)" @(f.required ? "required" : "") />
                                     
                                </div>
                                <div class="form-group" style="padding-top:5px;"><button class="btn btn-primary btn-sm mr-2" style="position:absolute;min-width: 35px; font-size: 12px; height: 22px; line-height: 16px; padding: 2px 2px 2px 2px;margin-right:0px!important;float:left;" id="clickLongOrShortLicense" type="button" v-on:click="clickLongOrShortLicense()">长期</button>
                                </div>
                               
                            </div>
                            continue;
                        }
                        if (f.visible)
                        {
                            var efid = "ef_" + f.name.Replace('.', '_');
                            <div class="form-group">
                                <label class="formlabel">@(f.label)</label>
                                @if (f.type == "select")
                                {
                                    <select id="@efid" class="text-box @(f.className)" name="@(f.name)" v-model="client.@(f.name)" @(f.required ? "required" : "")>
                                        @if (f.appendBlank)
                                        {
                                            <option value="">----</option>
                                        }
                                        <option v-for="item in viewData.@(f.name)" v-if="item.visible" :value="item.value">{{item.text}}</option>
                                    </select>
                                }
                                else if (f.type == "select-m")
                                {
                                    <select id="@efid" class="@(f.className)" name="@(f.name)" v-model="client.@(f.name)" @(f.required ? "required" : "") multiple>
                                        @if (f.appendBlank)
                                        {
                                            <option value="">----</option>
                                        }
                                        <option v-for="item in viewData.@(f.name)" v-if="item.visible" :value="item.value">{{item.text}}</option>
                                    </select>
                                }
                                else if (f.type == "select-sm")
                                {
                                    <select id="@efid" class="text-box @(f.className)" name="@(f.name)" v-model="client.@(f.name)" @(f.required ? "required" : "") multiple>
                                        @if (f.appendBlank)
                                        {
                                            <option value="">----</option>
                                        }
                                        <option v-for="item in viewData.@(f.name)" v-if="item.visible" :value="item.value">{{item.text}}</option>
                                    </select>
                                }
                                else if (f.type == "date")
                                {
                                    <vue-datepicker id="@efid" v-model="client.@(f.name)" v-bind:holiday="true" @(f.@readonly ? "readonly" : "") @(f.required ? "required" : "") placeholder="@(f.placeholder)" />
                                }
                                else if (f.type == "password")
                                {
                                  <span class="input-password">
                                        <input type="password" class="text-box text-password" id="@efid" placeholder="@(f.placeholder)" v-model="client.@(f.name)" @(f.required ? "required" : "") autocomplete="new-password">
                                     <span class="input-password-addon">
                                        <span class="glyphicon glyphicon-eye-close toggle-password" aria-hidden="true"></span>
                                    </span>
                                    </span>
                                }
                                else
                                {
                                    if (f.maxLength.HasValue)
                                    {
                                        <input id="@efid" class="text-box @(f.className)" type="text" name="@(f.name)" v-model="client.@(f.name)" @(f.required ? "required" : "") placeholder="@(f.placeholder)" maxlength="@(f.maxLength.Value)" />
                                    }
                                    else
                                    {
                                        <input id="@efid" class="text-box @(f.className)" type="text" name="@(f.name)" v-model="client.@(f.name)" @(f.required ? "required" : "") placeholder="@(f.placeholder)" />
                                    }
                                  
                                }
                                @if (f.required)
                                {
                                    <span style="color:red">*</span>
                                }
                            </div>
                        }
                    }
                </div>
            }
        </div>
    }
}

@if (hasCustomerNo && CurUser.客户管理.客户标签查看权限)
{
    <div class="row no-gutters">
        <div>
            <div class="form-group">
                <label class="formlabel">标签</label>
                <div data-name="Tag" class="col maxheight tag-context" style="line-height:36px;text-align:left;padding-left:0.75rem;border: 1px solid #bbb;float:right;width: 1020px !important;border-radius: .25rem;margin-left: 2px;">

                    @if (Model.Tags != null && Model.Tags.Any())
                    {
                        foreach (var tag in Model.Tags)
                        {
                            <span class="tag-item" data-id="@tag.Id" data-name="@tag.Name">
                                <span class="tag-text" data-value="@tag.Id">@tag.Name</span>
                                @if (CurUser.客户管理.客户标签调整权限)
                                {
                                    <span class="tag-remove" onclick="DeleteTag('@tag.Name')">x</span>
                                }
                            </span>
                        }
                    }
                    @if (CurUser.客户管理.客户标签调整权限)
                    {
                        <span class="tag-add">+</span>
                    }

                </div>
            </div>
        </div>
    </div>
}