{$layout}
{$template "admin_menu"}

<b-status-card>
    <b-status-card-item :label="t('admins_admin@全名')">
        {{admin.fullname}}
    </b-status-card-item>
    <b-status-card-item :label="t('admins_admin@状态')">
        <label-on :v-is-on="admin.isOn"></label-on>
    </b-status-card-item>
    <b-status-card-item :label="t('admins_admin@登录用户名')">
        {{admin.username}}
    </b-status-card-item>
    <b-status-card-item :label="t('admins_admin@允许登录')" :comment="[
        admin.canLogin ? t('admins_admin@允许登录当前管理平台。') : t('admins_admin@不允许登录当前管理平台。')
    ]">
        <span class="green" v-if="admin.canLogin">Y</span>
        <span class="disabled" v-else>N</span>
    </b-status-card-item>
    <b-status-card-item :label="t('admins_admin@超级管理员')">
        <span v-if="admin.isSuper" class="green">Y</span>
        <span v-else class="disabled">N</span>
    </b-status-card-item>
    <b-status-card-item v-show="!admin.isSuper" :label="t('admins_admin@权限')">
        <div class="modules-box" v-if="modules.length > 0">
            <div class="module-box" v-for="module in modules">
                <i class="icon circle small grey"></i> {{module.name}}
            </div>
        </div>
        <b-empty v-else>{{t('admins_admin@暂时还没有可以管理的模块。')}}</b-empty>
    </b-status-card-item>
</b-status-card>

<!-- <table class="ui table definition selectable">
    <tr>
        <td class="title">全名</td>
        <td>
            {{admin.fullname}}
        </td>
    </tr>
    <tr>
        <td>状态</td>
        <td>
            <label-on :v-is-on="admin.isOn"></label-on>
        </td>
    </tr>
    <tr>
        <td>登录用户名</td>
        <td>
            {{admin.username}}
        </td>
    </tr>
    <tr>
        <td>允许登录</td>
        <td>
            <span class="green" v-if="admin.canLogin">Y</span>
            <span class="disabled" v-else>N</span>
            <p class="comment" v-if="admin.canLogin">允许登录当前管理平台。</p>
            <p class="comment" v-else="">不允许登录当前管理平台。</p>
        </td>
    </tr>
    <tr>
        <td>超级管理员</td>
        <td>
            <span v-if="admin.isSuper" class="green">Y</span>
            <span v-else class="disabled">N</span>
        </td>
    </tr>
    <tr v-show="!admin.isSuper">
        <td>权限</td>
        <td>
            <div class="modules-box" v-if="modules.length > 0">
                <div class="module-box" v-for="module in modules">
                    <i class="icon circle small grey"></i> {{module.name}}
                </div>
            </div>
            <b-empty v-else>暂时还没有可以管理的模块。</b-empty>
        </td>
    </tr>
</table> -->





<b-status-card :title="'OTP' + t('admins_admin@认证')">
    <b-status-card-item :label="t('admins_admin@状态')">
        <span v-if="otp != null && otp.isOn" class="green">{{t('admins_admin@已启用')}}</span>
        <span v-else class="disabled">{{t('admins_admin@未启用')}}</span>
    </b-status-card-item>
    <b-status-card-item v-if="otp != null && otp.isOn" :label="t('admins_admin@认证二维码')">
        <img alt="qrcode" :src="'./otpQrcode?adminId=' + admin.id"/>
        <p class="comment"><a :href="'./otpQrcode?adminId=' + admin.id + '&download=true'">{{t('admins_admin@[下载]')}}</a> &nbsp; {{t('admins_admin@可以通过二维码快速添加OTP认证信息到认证App中。')}}</p>
    </b-status-card-item>
    <b-status-card-item v-if="otp != null && otp.isOn" :label="t('admins_admin@密钥')">
        {{otp.params.secret}}
    </b-status-card-item>
</b-status-card>

<!-- <b-settings-header>OTP认证</b-settings-header> -->
<!-- <h3>OTP认证</h3> -->
<!-- <table class="ui table definition selectable">
    <tr>
        <td class="title">状态</td>
        <td>
            <span v-if="otp != null && otp.isOn" class="green">已启用</span>
            <span v-else class="disabled">未启用</span>
        </td>
    </tr>
    <tr v-if="otp != null && otp.isOn">
        <td colspan="2"><more-options-indicator>更多信息</more-options-indicator></td>
    </tr>
    <tr v-if="otp != null && otp.isOn && moreOptionsVisible">
        <td>认证二维码</td>
        <td>
            <img alt="qrcode" :src="'./otpQrcode?adminId=' + admin.id"/>
            <p class="comment"><a :href="'./otpQrcode?adminId=' + admin.id + '&download=true'">[下载]</a> &nbsp; 可以通过二维码快速添加OTP认证信息到认证App中。</p>
        </td>
    </tr>
    <tr v-if="otp != null && otp.isOn && moreOptionsVisible">
        <td>密钥</td>
        <td>{{otp.params.secret}}</td>
    </tr>
</table> -->