@using VberZero.Settings
@using Abp.Net.Mail
@using VberZero.Tools.StringModel
@{
    ViewBag.Title = L("SettingTitle");
    var activeMenu = PermissionNames.VberSystemMgSettingMg; //The menu item will be active for this page.
    ViewBag.ActiveMenu = activeMenu;
}
<vc:breadcrumb active-menu="@(activeMenu)"></vc:breadcrumb>
<div class="container">

@*<div class="card mb-5">
    <div class="card-header border-0 cursor-pointer min-h-50px" data-bs-toggle="collapse" data-bs-target="#vb_setting_app">
        <div class="card-title m-0 py-5">
            <h3 class="fw-bolder m-0">应用配置</h3>
        </div>
    </div>
    <div id="vb_setting_app" class="collapse show">
        <div class="card-body border-top p-4">


        </div>
    </div>
</div>
*@
    <div class="card mb-5">
        <div class="card-header border-0 cursor-pointer min-h-50px" data-bs-toggle="collapse" data-bs-target="#vb_setting_system">
            <div class="card-title m-0 py-5">
                <h3 class="fw-bolder m-0">系统配置</h3>
            </div>
        </div>
        <div id="vb_setting_system" class="collapse show">
            <div class="card-body border-top p-4">
                <div class="d-flex flex-wrap align-items-center" data-vb-setting-box="">
                    <div data-vb-setting-display="" class="">
                        <div class="fs-6 fw-bolder mb-1">平台名称</div>
                        <div class="fw-bold text-gray-600" data-vb-setting-value="">@(await SettingManager.GetSettingValueForApplicationAsync(VzSettingNames.AdminSystemName))</div>
                    </div>
                    <div data-vb-setting-form="" class="flex-row-fluid d-none">
                        <form class="form">
                            <div class="row mb-6">
                                <div class="col-lg-6 mb-4 mb-lg-0">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">平台名称</label>
                                        <input type="text" data-vb-setting-input="input" data-vb-setting-name="@(VzSettingNames.AdminSystemName)" class="form-control form-control-lg form-control-solid" placeholder="请输入平台名称" name="setting-value" value=""/>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">管理员密码</label>
                                        <input type="password" class="form-control form-control-lg form-control-solid" name="password" id=""/>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex">
                                <button data-vb-setting-btn="submit" type="button" class="btn btn-sm btn-primary me-2 px-6">保存</button>
                                <button data-vb-setting-btn="hide" type="button" class="btn btn-sm btn-color-gray-400 btn-active-light-primary px-6">取消</button>
                            </div>
                        </form>
                    </div>

                    <div class="ms-auto">
                        <button data-vb-setting-btn="show" class="btn btn-light btn-light-primary">修改</button>
                    </div>
                </div>

                <div class="separator separator-dashed my-6"></div>
                <div class="d-flex flex-wrap align-items-center" data-vb-setting-box="">
                    <div data-vb-setting-display="" class="">
                        <div class="fs-6 fw-bolder mb-1">用户初始密码</div>
                        <div class="fw-bold text-gray-600" data-vb-setting-value="">@(await SettingManager.GetSettingValueForApplicationAsync(VzSettingNames.UserDefaultPassword))</div>
                    </div>
                    <div data-vb-setting-form="" class="flex-row-fluid d-none">
                        <form class="form">
                            <div class="row mb-6">
                                <div class="col-lg-6 mb-4 mb-lg-0">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">用户初始密码</label>
                                        <input type="text" data-vb-setting-input="input" data-vb-setting-name="@(VzSettingNames.UserDefaultPassword)" class="form-control form-control-lg form-control-solid" placeholder="请输入用户初始密码" name="setting-value" value=""/>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">管理员密码</label>
                                        <input type="password" class="form-control form-control-lg form-control-solid" name="password" id=""/>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex">
                                <button data-vb-setting-btn="submit" type="button" class="btn btn-sm btn-primary me-2 px-6">保存</button>
                                <button data-vb-setting-btn="hide" type="button" class="btn btn-sm btn-color-gray-400 btn-active-light-primary px-6">取消</button>
                            </div>
                        </form>
                    </div>

                    <div class="ms-auto">
                        <button data-vb-setting-btn="show" class="btn btn-light btn-light-primary">修改</button>
                    </div>
                </div>

                <div class="separator separator-dashed my-6"></div>
                <div class="d-flex flex-wrap align-items-center" data-vb-setting-box="">
                    <div data-vb-setting-display="" class="">
                        <div class=" "></div>
                        <label class="d-flex align-items-center mb-1">
                            <span class="fs-6 fw-bolder">允许上传的文件类型</span>
                            <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" data-bs-delay-hide="800" data-bs-delay-show="200" title="以逗号(,)分隔允许的文件后缀"></i>
                        </label>
                        <div class="fw-bold text-gray-600" data-vb-setting-value="">@(await SettingManager.GetSettingValueForApplicationAsync(VzSettingNames.UploadFileExt))</div>
                    </div>
                    <div data-vb-setting-form="" class="flex-row-fluid d-none">
                        <form class="form">
                            <div class="row mb-6">
                                <div class="col-lg-6 mb-4 mb-lg-0">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">允许上传的文件类型</label>
                                        <input type="text" data-vb-setting-input="input" data-vb-setting-name="@(VzSettingNames.UploadFileExt)" class="form-control form-control-lg form-control-solid" placeholder="请输入允许上传的文件类型" name="setting-value" value=""/>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">管理员密码</label>
                                        <input type="password" class="form-control form-control-lg form-control-solid" name="password" id=""/>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex">
                                <button data-vb-setting-btn="submit" type="button" class="btn btn-sm btn-primary me-2 px-6">保存</button>
                                <button data-vb-setting-btn="hide" type="button" class="btn btn-sm btn-color-gray-400 btn-active-light-primary px-6">取消</button>
                            </div>
                        </form>
                    </div>

                    <div class="ms-auto">
                        <button data-vb-setting-btn="show" class="btn btn-light btn-light-primary">修改</button>
                    </div>
                </div>

                <div class="separator separator-dashed my-6"></div>
                <div class="d-flex flex-wrap align-items-center" data-vb-setting-box="">
                    <div data-vb-setting-display="" class="">
                        <div class=" "></div>
                        <label class="d-flex align-items-center mb-1">
                            <span class="fs-6 fw-bolder">允许上传的单个文件最大值（单位: M）</span>
                            <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" data-bs-delay-hide="800" data-bs-delay-show="200" title="1M—100M"></i>
                        </label>
                        <div class="fw-bold text-gray-600" data-vb-setting-value="">@(await SettingManager.GetSettingValueForApplicationAsync(VzSettingNames.UploadFileMaxSize))</div>
                    </div>
                    <div data-vb-setting-form="" class="flex-row-fluid d-none">
                        <form class="form">
                            <div class="row mb-6">
                                <div class="col-lg-6 mb-4 mb-lg-0">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">允许上传的单个文件最大值（单位: M）</label>
                                        <input type="number" min="1" max="100" data-vb-setting-input="input" data-vb-setting-name="@(VzSettingNames.UploadFileMaxSize)" class="form-control form-control-lg form-control-solid" placeholder="请输入允许上传的单个文件最大值（单位: M）" name="setting-value" value=""/>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">管理员密码</label>
                                        <input type="password" class="form-control form-control-lg form-control-solid" name="password" id=""/>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex">
                                <button data-vb-setting-btn="submit" type="button" class="btn btn-sm btn-primary me-2 px-6">保存</button>
                                <button data-vb-setting-btn="hide" type="button" class="btn btn-sm btn-color-gray-400 btn-active-light-primary px-6">取消</button>
                            </div>
                        </form>
                    </div>

                    <div class="ms-auto">
                        <button data-vb-setting-btn="show" class="btn btn-light btn-light-primary">修改</button>
                    </div>
                </div>

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

    <div class="card">
        <div class="card-header border-0 cursor-pointer min-h-50px" data-bs-toggle="collapse" data-bs-target="#vb_setting_email">
            <div class="card-title m-0 py-5">
                <h3 class="fw-bolder m-0">邮箱配置</h3>
            </div>
        </div>
        <div id="vb_setting_email" class="collapse show">
            <div class="card-body border-top p-4">
                <div class="d-flex flex-wrap align-items-center" data-vb-setting-box="">
                    <div data-vb-setting-display="" class="">
                        <div class="fs-6 fw-bolder mb-1">默认邮箱发送地址</div>
                        <div class="fw-bold text-gray-600" data-vb-setting-value="">@(await SettingManager.GetSettingValueForApplicationAsync(EmailSettingNames.DefaultFromAddress))</div>
                    </div>
                    <div data-vb-setting-form="" class="flex-row-fluid d-none">
                        <form class="form">
                            <div class="row mb-6">
                                <div class="col-lg-6 mb-4 mb-lg-0">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">默认邮箱发送地址</label>
                                        <input type="text" data-vb-setting-input="input" data-vb-setting-name="@(EmailSettingNames.DefaultFromAddress)" class="form-control form-control-lg form-control-solid" placeholder="请输入默认邮箱发送地址" name="setting-value" value=""/>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">管理员密码</label>
                                        <input type="password" class="form-control form-control-lg form-control-solid" name="password" id=""/>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex">
                                <button data-vb-setting-btn="submit" type="button" class="btn btn-sm btn-primary me-2 px-6">保存</button>
                                <button data-vb-setting-btn="hide" type="button" class="btn btn-sm btn-color-gray-400 btn-active-light-primary px-6">取消</button>
                            </div>
                        </form>
                    </div>

                    <div class="ms-auto">
                        <button data-vb-setting-btn="show" class="btn btn-light btn-light-primary">修改</button>
                    </div>
                </div>

                <div class="separator separator-dashed my-6"></div>
                <div class="d-flex flex-wrap align-items-center" data-vb-setting-box="">
                    <div data-vb-setting-display="" class="">
                        <div class="fs-6 fw-bolder mb-1">默认邮箱发送人</div>
                        <div class="fw-bold text-gray-600" data-vb-setting-value="">@(await SettingManager.GetSettingValueForApplicationAsync(EmailSettingNames.DefaultFromDisplayName))</div>
                    </div>
                    <div data-vb-setting-form="" class="flex-row-fluid d-none">
                        <form class="form">
                            <div class="row mb-6">
                                <div class="col-lg-6 mb-4 mb-lg-0">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">默认邮箱发送人</label>
                                        <input type="text" data-vb-setting-input="input" data-vb-setting-name="@(EmailSettingNames.DefaultFromDisplayName)" class="form-control form-control-lg form-control-solid" placeholder="请输入默认邮箱发送人" name="setting-value" value=""/>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">管理员密码</label>
                                        <input type="password" class="form-control form-control-lg form-control-solid" name="password" id=""/>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex">
                                <button data-vb-setting-btn="submit" type="button" class="btn btn-sm btn-primary me-2 px-6">保存</button>
                                <button data-vb-setting-btn="hide" type="button" class="btn btn-sm btn-color-gray-400 btn-active-light-primary px-6">取消</button>
                            </div>
                        </form>
                    </div>

                    <div class="ms-auto">
                        <button data-vb-setting-btn="show" class="btn btn-light btn-light-primary">修改</button>
                    </div>
                </div>
                
                <div class="separator separator-dashed my-5"></div>
                <div class="d-flex flex-stack" data-vb-setting-box="">
                    <div class="d-flex">
                        <div class="d-flex flex-column">
                            <span  class="fs-5 text-dark fw-bolder">Ssl</span>
                            <div class="fs-6 fw-bold text-gray-400">是否启用邮件服务器Ssl</div>
                        </div>
                    </div>
                    <div class="d-flex justify-content-end">
                        <label class="form-check form-check-solid form-switch">
                            <input class="form-check-input w-45px h-30px" type="checkbox" data-vb-setting-input="switch" data-vb-setting-name="@(EmailSettingNames.Smtp.EnableSsl)" @((await SettingManager.GetSettingValueForApplicationAsync(EmailSettingNames.Smtp.EnableSsl)).ValB()?"checked=\"checked\"":"") />
                            <span class="form-check-label"></span>
                        </label>
                    </div>
                </div>
                
                <div class="separator separator-dashed my-5"></div>
                <div class="d-flex flex-stack" data-vb-setting-box="">
                    <div class="d-flex">
                        <div class="d-flex flex-column">
                            <span  class="fs-5 text-dark fw-bolder">Credential</span>
                            <div class="fs-6 fw-bold text-gray-400">是否使用密钥</div>
                        </div>
                    </div>
                    <div class="d-flex justify-content-end">
                        <label class="form-check form-check-solid form-switch">
                            <input class="form-check-input w-45px h-30px" type="checkbox" data-vb-setting-input="switch" data-vb-setting-name="@(EmailSettingNames.Smtp.UseDefaultCredentials)"  @((await SettingManager.GetSettingValueForApplicationAsync(EmailSettingNames.Smtp.UseDefaultCredentials)).ValB()?"checked=\"checked\"":"") />
                            <span class="form-check-label"></span>
                        </label>
                    </div>
                </div>
                
                <div class="separator separator-dashed my-6"></div>
                <div class="d-flex flex-wrap align-items-center" data-vb-setting-box="">
                    <div data-vb-setting-display="" class="">
                        <div class="fs-6 fw-bolder mb-1">邮件服务器Smtp域名</div>
                        <div class="fw-bold text-gray-600" data-vb-setting-value="">@(await SettingManager.GetSettingValueForApplicationAsync(EmailSettingNames.Smtp.Domain))</div>
                    </div>
                    <div data-vb-setting-form="" class="flex-row-fluid d-none">
                        <form class="form">
                            <div class="row mb-6">
                                <div class="col-lg-6 mb-4 mb-lg-0">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">邮件服务器Smtp域名</label>
                                        <input type="text" data-vb-setting-input="input" data-vb-setting-name="@(EmailSettingNames.Smtp.Domain)"  class="form-control form-control-lg form-control-solid" placeholder="请输入邮件服务器Smtp域名" name="setting-value" value=""/>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">管理员密码</label>
                                        <input type="password" class="form-control form-control-lg form-control-solid" name="password" id=""/>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex">
                                <button data-vb-setting-btn="submit" type="button" class="btn btn-sm btn-primary me-2 px-6">保存</button>
                                <button data-vb-setting-btn="hide" type="button" class="btn btn-sm btn-color-gray-400 btn-active-light-primary px-6">取消</button>
                            </div>
                        </form>
                    </div>

                    <div class="ms-auto">
                        <button data-vb-setting-btn="show" class="btn btn-light btn-light-primary">修改</button>
                    </div>
                </div>

                <div class="separator separator-dashed my-6"></div>
                <div class="d-flex flex-wrap align-items-center" data-vb-setting-box="">
                    <div data-vb-setting-display="" class="">
                        <div class="fs-6 fw-bolder mb-1">邮件服务器Smtp主机</div>
                        <div class="fw-bold text-gray-600" data-vb-setting-value="">@(await SettingManager.GetSettingValueForApplicationAsync(EmailSettingNames.Smtp.Host))</div>
                    </div>
                    <div data-vb-setting-form="" class="flex-row-fluid d-none">
                        <form class="form">
                            <div class="row mb-6">
                                <div class="col-lg-6 mb-4 mb-lg-0">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">邮件服务器Smtp主机</label>
                                        <input type="text" data-vb-setting-input="input" data-vb-setting-name="@(EmailSettingNames.Smtp.Host)" class="form-control form-control-lg form-control-solid" placeholder="请输入邮件服务器Smtp主机" name="setting-value" value=""/>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">管理员密码</label>
                                        <input type="password" class="form-control form-control-lg form-control-solid" name="password" id=""/>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex">
                                <button data-vb-setting-btn="submit" type="button" class="btn btn-sm btn-primary me-2 px-6">保存</button>
                                <button data-vb-setting-btn="hide" type="button" class="btn btn-sm btn-color-gray-400 btn-active-light-primary px-6">取消</button>
                            </div>
                        </form>
                    </div>

                    <div class="ms-auto">
                        <button data-vb-setting-btn="show" class="btn btn-light btn-light-primary">修改</button>
                    </div>
                </div>

                <div class="separator separator-dashed my-6"></div>
                <div class="d-flex flex-wrap align-items-center" data-vb-setting-box="">
                    <div data-vb-setting-display="" class="">
                        <div class="fs-6 fw-bolder mb-1">邮件服务器Smtp端口</div>
                        <div class="fw-bold text-gray-600" data-vb-setting-value="">@(await SettingManager.GetSettingValueForApplicationAsync(EmailSettingNames.Smtp.Port))</div>
                    </div>
                    <div data-vb-setting-form="" class="flex-row-fluid d-none">
                        <form class="form">
                            <div class="row mb-6">
                                <div class="col-lg-6 mb-4 mb-lg-0">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">邮件服务器Smtp端口</label>
                                        <input type="text" data-vb-setting-input="input" data-vb-setting-name="@(EmailSettingNames.Smtp.Port)" class="form-control form-control-lg form-control-solid" placeholder="请输入邮件服务器Smtp端口" name="setting-value" value=""/>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">管理员密码</label>
                                        <input type="password" class="form-control form-control-lg form-control-solid" name="password" id=""/>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex">
                                <button data-vb-setting-btn="submit" type="button" class="btn btn-sm btn-primary me-2 px-6">保存</button>
                                <button data-vb-setting-btn="hide" type="button" class="btn btn-sm btn-color-gray-400 btn-active-light-primary px-6">取消</button>
                            </div>
                        </form>
                    </div>

                    <div class="ms-auto">
                        <button data-vb-setting-btn="show" class="btn btn-light btn-light-primary">修改</button>
                    </div>
                </div>

                <div class="separator separator-dashed my-6"></div>
                <div class="d-flex flex-wrap align-items-center" data-vb-setting-box="">
                    <div data-vb-setting-display="" class="">
                        <div class="fs-6 fw-bolder mb-1">邮件服务器Smtp用户名</div>
                        <div class="fw-bold text-gray-600" data-vb-setting-value="">@(await SettingManager.GetSettingValueForApplicationAsync(EmailSettingNames.Smtp.UserName))</div>
                    </div>
                    <div data-vb-setting-form="" class="flex-row-fluid d-none">
                        <form class="form">
                            <div class="row mb-6">
                                <div class="col-lg-6 mb-4 mb-lg-0">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">邮件服务器Smtp用户名</label>
                                        <input type="text" data-vb-setting-input="input" data-vb-setting-name="@(EmailSettingNames.Smtp.UserName)" class="form-control form-control-lg form-control-solid" placeholder="请输入邮件服务器Smtp用户名" name="setting-value" value=""/>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">管理员密码</label>
                                        <input type="password" class="form-control form-control-lg form-control-solid" name="password" id=""/>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex">
                                <button data-vb-setting-btn="submit" type="button" class="btn btn-sm btn-primary me-2 px-6">保存</button>
                                <button data-vb-setting-btn="hide" type="button" class="btn btn-sm btn-color-gray-400 btn-active-light-primary px-6">取消</button>
                            </div>
                        </form>
                    </div>

                    <div class="ms-auto">
                        <button data-vb-setting-btn="show" class="btn btn-light btn-light-primary">修改</button>
                    </div>
                </div>

                <div class="separator separator-dashed my-6"></div>
                <div class="d-flex flex-wrap align-items-center" data-vb-setting-box="">
                    <div data-vb-setting-display="" class="">
                        <div class="fs-6 fw-bolder mb-1">邮件服务器Smtp密码</div>
                        <div class="fw-bold text-gray-600" data-vb-setting-value="">@(await SettingManager.GetSettingValueForApplicationAsync(EmailSettingNames.Smtp.Password))</div>
                    </div>
                    <div data-vb-setting-form="" class="flex-row-fluid d-none">
                        <form class="form">
                            <div class="row mb-6">
                                <div class="col-lg-6 mb-4 mb-lg-0">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">邮件服务器Smtp密码</label>
                                        <input type="text" data-vb-setting-input="input" data-vb-setting-name="@(EmailSettingNames.Smtp.Password)" class="form-control form-control-lg form-control-solid" placeholder="请输入邮件服务器Smtp密码" name="setting-value" value=""/>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-0">
                                        <label class="form-label fs-6 fw-bolder mb-3">管理员密码</label>
                                        <input type="password" class="form-control form-control-lg form-control-solid" name="password" id=""/>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex">
                                <button data-vb-setting-btn="submit" type="button" class="btn btn-sm btn-primary me-2 px-6">保存</button>
                                <button data-vb-setting-btn="hide" type="button" class="btn btn-sm btn-color-gray-400 btn-active-light-primary px-6">取消</button>
                            </div>
                        </form>
                    </div>

                    <div class="ms-auto">
                        <button data-vb-setting-btn="show" class="btn btn-light btn-light-primary">修改</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@section scripts{
    <script>
        var VbSettingMethods = {
            init: function() {
                const ClassName = {
                    SETTING_BOX: `vb-setting-box`,
                    SETTING_NAME: `vb-setting-name`,
                    SETTING_DISPLAY: `vb-setting-display`,
                    SETTING_FORM: `vb-setting-form`,
                    SETTING_VALUE: `vb-setting-value`,
                    SETTING_INPUT: `vb-setting-input`,
                    SHOW_BTN: `vb-setting-btn="show"`,
                    HIDE_BTN: `vb-setting-btn="hide"`,
                    SUBMIT_BTN: `vb-setting-btn="submit"`
                };
                const Selector = {
                    SETTING_BOX: `[data-${ClassName.SETTING_BOX}]`,
                    SETTING_NAME: `[data-${ClassName.SETTING_NAME}]`,
                    SETTING_DISPLAY: `[data-${ClassName.SETTING_DISPLAY}]`,
                    SETTING_FORM: `[data-${ClassName.SETTING_FORM}]`,
                    SETTING_VALUE: `[data-${ClassName.SETTING_VALUE}]`,
                    SETTING_INPUT: `[data-${ClassName.SETTING_INPUT}]`,
                    SHOW_BTN: `[data-${ClassName.SHOW_BTN}]`,
                    HIDE_BTN: `[data-${ClassName.HIDE_BTN}]`,
                    SUBMIT_BTN: `[data-${ClassName.SUBMIT_BTN}]`,
                    SUBMIT_BTN_SWITCH: `[data-${ClassName.SETTING_INPUT}="switch"]`,
                    PASSWORD:`[name="password"]`
                };
                const _toggle = function(that, isShow) {
                        const $box = $(that).closest(Selector.SETTING_BOX);
                        $box.find(Selector.SETTING_DISPLAY).toggleClass('d-none');
                        $box.find(Selector.SETTING_FORM).toggleClass('d-none');
                        $box.find(Selector.SHOW_BTN).toggleClass('d-none');
                        if (isShow) {
                            $box.find(Selector.SETTING_INPUT).val($box.find(Selector.SETTING_VALUE).text()).trigger('change');
                        }
                    },
                    _save = function(that) {
                        const $box = $(that).closest(Selector.SETTING_BOX);
                        let $input = $box.find(Selector.SETTING_INPUT);
                        let name = $input.data(ClassName.SETTING_NAME),
                            value = $input.val(),
                            type = $input.data(ClassName.SETTING_INPUT),
                            pwd = $box.find(Selector.PASSWORD).val();
                        if (type == "switch") {
                            let isChecked = $input.is(":checked");
                            $input.prop("checked", !isChecked);
                            $(document).VbModal('create',
                                {
                                    modalId: "admin-password",
                                    title: "管理员密码",
                                    modalBody: `<form><div class="d-flex flex-column ">
                                        <label class="fs-6 fw-bolder mb-1">管理员密码</label>
                                        <input type="password" class="form-control form-control-sm form-control-solid" name="password" placeholder="请输入管理员密码...">
                                        <div class="invalid-feedback"></div>
                                    </div></form>`,
                                    modalSize: "modal-sm",
                                    save: () => {
                                        pwd = $('#admin-password').find(Selector.PASSWORD).val();
                                        if (!pwd) {
                                            abp.message.warn("管理员密码不能为空！");
                                            return;
                                        }
                                        VbSettingMethods.save($input,name, isChecked + "", pwd,() => {
                                            $input.prop("checked", isChecked);
                                            $('#admin-password').modal('hide');
                                        });
                                    }
                                });
                        } else {
                            if (!pwd) {
                                abp.message.warn("管理员密码不能为空！");
                                return;
                            }
                            VbSettingMethods.save($input,name, value, pwd,() => {
                                $box.find(Selector.SETTING_VALUE).html(value);
                                _toggle($input, false);
                            });
                        }
                        
                    };
                
                $(Selector.SHOW_BTN).on('click.setting', function() { _toggle(this, true); });
                $(Selector.HIDE_BTN).on('click.setting', function() { _toggle(this, false); });
                $(Selector.SUBMIT_BTN).on('click.setting', function() {_save(this)});
                $(Selector.SUBMIT_BTN_SWITCH).on('change.setting', function() {_save(this)});

            },
            save: function($input,name,value,password,successCallBack,errorCallBack) {
                console.log("SETTING", name, value,password);
                $.vbAjax1({
                    url: abp.appUrl + "Setting/ChangeGlobalSetting",
                    data: { name: name, value: value, password: password },
                    success: (res) => {
                        if (successCallBack && typeof successCallBack == "function") {
                            successCallBack.call($input, res);
                        }
                    },
                    error: (err) => {
                        if (errorCallBack && typeof errorCallBack == "function") {
                            errorCallBack.call($input, err);
                        }
                    }
                });
            }
        };
        $(function() {
            VbSettingMethods.init();
        });
    </script>
}