{$layout "layout_popup"}

<!-- <h3>{{t('certs_uploadBatchPopup@批量上传证书')}}</h3> -->

<form class="ui form" data-tea-success="successUpload" data-tea-action="$" data-tea-before="before" data-tea-done="done" data-tea-timeout="600">
    <csrf-token></csrf-token>
    <table class="ui table definition selectable">
        <tr>
            <td class="title">{{t('certs_uploadBatchPopup@选择要上传的证书和私钥文件')}} *</td>
            <td>
                <!-- <input type="file" name="certFiles" accept="application/x-pem-file, application/pkcs10, application/x-pkcs12, application/x-x509-user-cert, application/x-x509-ca-cert, application/pkix-cert, application/pkcs8, .key, .pem" multiple="multiple"/> -->
                <file-upload name="certFiles" accept="application/x-pem-file, application/pkcs10, application/x-pkcs12, application/x-x509-user-cert, application/x-x509-ca-cert, application/pkix-cert, application/pkcs8, .key, .pem" multiple="multiple" />
                <p class="comment">{{t('certs_uploadBatchPopup@点击后在弹出的文件选择框中支持多选')}}<span v-if="!teaIsPlus">{{t('certs_uploadBatchPopup@免费版本限制每次最多上传N个文件', maxFiles)}}</span>。</p>
            </td>
        </tr>
        <tr>
            <td>{{t('certs_uploadBatchPopup@所属用户')}}</td>
            <td>
                <user-selector @change="changeUserId" :v-user-id="userId"></user-selector>
                <p class="comment">{{t('certs_uploadBatchPopup@可选项，指定证书所属的用户')}}</p>
            </td>
        </tr>
    </table>
    <submit-btn v-show="!isRequesting">{{t('certs_uploadBatchPopup@上传')}}</submit-btn>
    <button class="ui button disabled " type="button" v-if="isRequesting">{{t('certs_uploadBatchPopup@上传中')}}</button>
</form>