{$layout "layout_popup"}

<!-- <h3>{{t('acme_accounts_updatePopup@修改账号')}}</h3> -->
<form class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>

    <input type="hidden" name="accountId" :value="account.id"/>
    <input type="hidden" name="providerCode" :value="account.providerCode"/>
    <table class="ui table definition selectable">
        <tr>
            <td>{{t('acme_accounts_createPopup@账号名称')}} *</td>
            <td>
                <input type="text" name="name" maxlength="50" ref="focus" v-model="account.name" tabindex="1"/>
            </td>
        </tr>
        <tr>
            <td class="title">{{t('acme_create@选择证书服务商')}} *</td>
            <td>
                <span v-if="account.provider != null">{{account.provider.name}}</span>
                <span v-else class="disabled">{{t('acme_accounts_updatePopup@服务商已失效')}}</span>
                <p class="comment" v-if="account.provider != null" v-html="account.provider.description"></p>
            </td>
        </tr>
        <tbody v-show="account.provider != null && account.provider.requireEAB">
            <tr>
                <td>{{t('acme_accounts_createPopup@EABKid')}} *</td>
                <td>
                    <input type="text" name="eabKid" maxlength="100" v-model="account.eabKid" tabindex="3"/>
                    <p class="comment" v-if="account.provider != null" v-html="account.provider.eabDescription"></p>
                </td>
            </tr>
            <tr>
                <td>{{t('acme_accounts_createPopup@EABHMACKey')}} *</td>
                <td>
                    <input type="text" name="eabKey" maxlength="300" v-model="account.eabKey" tabindex="4"/>
                </td>
            </tr>
        </tbody>
    </table>
    <submit-btn></submit-btn>
</form>