{$layout}
{$template "menu"}

<form class="ui form" data-tea-action="$" data-tea-success="success" data-tea-timeout="120" data-tea-before="before" data-tea-done="done">
    <csrf-token></csrf-token>

    <table class="ui table selectable definition">
        <tr>
            <td>{{t('IP库名称')}} *</td>
            <td>
                <input type="text" name="name" maxlength="50" ref="focus"/>
            </td>
        </tr>
        <tr>
            <td class="title">{{t('选择IP库文件')}} *</td>
            <td>
                <file-upload name="file" accept=".db,.csv" />
                <p class="comment">{{t('只允许上传Cdn1专有格式的数据库文件。')}}</p>
            </td>
        </tr>
        <tr>
            <td class="title">{{t('选择IP库类型')}}</td>
            <td>
                <radio id="radio1" name="type" v-model="uploadType" :v-value="'ipLibraryArtifact'">
                    {{t('默认IP库')}}
                </radio>
                <radio id="radio2" name="type" v-model="uploadType" :v-value="'customIpLibraryArtifact'">
                    {{t('用户自定义 IP 库')}} <tip-icon :content="t('用户自定义 IP 库格式为逗号分割的 CSV 文件，文件中如果中文名称有冲突（如同时存在宝山区），请使用对应的 ID 表示。')+'<br /><a href=/Cdn1-UserDefinedIPLibrary.csv target=_blank>'+t('下载示例CSV 文件(右键另存为)')+'</a>'"></tip-icon>
                </radio>
                <radio id="radio3" name="type" v-model="uploadType" :v-value="'riskIpArtifact'">
                    {{t('风险IP库')}}
                </radio>
        </td>
        </tr>
    </table>

    <submit-btn v-show="!isUploading">{{t('开始上传')}}</submit-btn>
    <button class="ui button disabled" type="button" v-if="isUploading">{{t('IP库上传中')}}</button>
</form>