{$layout "layout_popup"}

<!-- <h3>{{t('ns_domains_keys_updatePopup@修改密钥')}}</h3> -->
<form class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>
    <input type="hidden" name="keyId" :value="key.id"/>
    <table class="ui table definition selectable">
        <tr>
            <td class="title">{{t('ns_domains_keys_updatePopup@密钥名称')}}</td>
            <td>
                <input type="text" name="name" ref="focus" v-model="key.name"/>
            </td>
        </tr>
        <tr>
            <td>{{t('ns_domains_keys_updatePopup@算法')}}</td>
            <td>
                <b-select
                    name="algo"
                    v-model="key.algo"
                    auto-width
                    :options="[
                        {label: t('ns_domains_keys_updatePopup@选择算法'), value: ''},
                        ...algorithms.map(algo => ({
                            label: algo.name,
                            value: algo.code,
                        }))
                    ]"
                ></b-select>

                <!-- <select class="ui dropdown auto-width" name="algo" v-model="key.algo">
                    <option value="">{{t('ns_domains_keys_updatePopup@选择算法')}}</option>
                    <option v-for="algo in algorithms" :value="algo.code">{{algo.name}}</option>
                </select> -->
            </td>
        </tr>
        <tr>
            <td>{{t('ns_domains_keys_updatePopup@密码')}}</td>
            <td>
                <div style="margin-bottom: 1em">
                    <radio name="secretType" value="clear" :v-value="'clear'" v-model="secretType">{{t('ns_domains_keys_updatePopup@明文密码')}}</radio>
                    &nbsp; &nbsp;
                    <radio name="secretType" value="base64" :v-value="'base64'" v-model="secretType">{{t('ns_domains_keys_updatePopup@Base64密码')}}</radio>
                </div>
                <textarea name="secret" maxlength="256" v-model="secret" rows="3"></textarea>
                <p class="comment" v-if="secretType == 'clear'">{{t('ns_domains_keys_updatePopup@明文密码说明')}}</p>
                <div style="margin-top: 1em">
                    <a href="" @click.prevent="generateSecret">{{t('ns_domains_keys_updatePopup@随机生成')}}</a>
                </div>
            </td>
        </tr>
        <tr>
            <td>{{t('ns_domains_keys_updatePopup@启用')}}</td>
            <td>
                <checkbox name="isOn" v-model="key.isOn"></checkbox>
            </td>
        </tr>
    </table>
    <submit-btn></submit-btn>
</form>