{$layout}
{$template "admin_menu"}

<div class="right-box">
    <div class="config-section">
        <div class="section-title">{{isUpdate ? t('admins_update@修改') : t('admins_update@创建')}}{{t('admins_update@管理员')}}</div>
         <form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
            <csrf-token></csrf-token>
            <input type="hidden" name="adminId" :value="admin.id"/>
            <div class="config-item">
                <div class="item-label">{{t('admins_update@全名')}} *</div>
                <div class="item-content">
                    <input type="text" name="fullname" maxlength="100" ref="focus" v-model="admin.fullname" class="ui input"/>
                    <p class="comment">{{t('admins_update@可以输入姓名、公司名等容易识别的名称。')}}</p>
                </div>
            </div>
            <div class="config-item">
                <div class="item-label">{{t('admins_update@登录用户名')}} *</div>
                <div class="item-content">
                    <input type="text" name="username" maxlength="100" v-model="admin.username" class="ui input"/>
                    <p class="comment">{{t('admins_update@用户名只能英文、数字、下划线的组合。')}}</p>
                </div>
            </div>
            <div class="config-item">
                <div class="item-label">{{t('admins_update@登录密码')}}</div>
                <div class="item-content">
                    <input type="password" name="pass1" maxlength="100" class="ui input"/>
                    <p class="comment">{{t('admins_update@留空表示不修改。')}}</p>
                </div>
            </div>
            <div class="config-item">
                <div class="item-label">{{t('admins_update@确认登录密码')}}</div>
                <div class="item-content">
                    <input type="password" name="pass2" maxlength="100" class="ui input"/>
                </div>
            </div>
            <div class="config-item">
                <div class="item-label">{{t('admins_update@允许登录')}}</div>
                <div class="item-content">
                    <checkbox name="canLogin" :v-value="1" v-model="admin.canLogin"></checkbox>
                    <p class="comment">{{t('admins_update@选中后，当前管理员才可以登录当前的管理平台。')}}</p>
                </div>
            </div>
            <div class="config-item">
                <div class="item-label">{{t('admins_update@超级管理员')}}</div>
                <div class="item-content">
                    <checkbox :v-value="1" name="isSuper" v-model="admin.isSuper"></checkbox>
                    <p class="comment">{{t('admins_update@选中后，表示当前管理员为超级管理员；超级管理员自动拥有所有的管理权限。')}}</p>
                </div>
            </div>
            <div class="config-item" v-show="!admin.isSuper">
                <div class="item-label">{{t('admins_update@权限')}}</div>
                <div class="item-content">
                    <div class="modules-box">
                        <div class="module-box" v-for="module in modules">
                            <checkbox name="moduleCodes" :v-value="module.code" v-model="module.isChecked">{{module.name}}</checkbox>
                        </div>
                    </div>
                </div>
            </div>
            <div class="config-item">
                <div class="item-label">OTP{{t('admins_update@认证')}}</div>
                <div class="item-content">
                    <checkbox :v-value="1" name="otpOn" v-model="admin.otpLoginIsOn">{{t('admins_update@启用OTP')}}</checkbox>
                    <p class="comment">{{t('admins_update@启用OTP认证后，在用户登录的时候需要同时填写OTP动态密码。')}}</p>
                </div>
            </div>
            <div class="config-item">
                <div class="item-label">{{t('admins_update@启用当前管理员')}}</div>
                <div class="item-content">
                    <checkbox :v-value="1" name="isOn" v-model="admin.isOn"></checkbox>
                </div>
            </div>
             <div class="config-item">
                 <div class="item-label"></div>
                 <div class="item-content">
                     <submit-btn></submit-btn>
                 </div>
            </div>
        </form>
    </div>
</div>