{$layout "layout_popup"}

<!-- <h3>{{t('clusters_monitors_reporters@添加终端PopupTitle')}}</h3> -->
<form class="ui form" data-tea-success="success" data-tea-action="$">
    <csrf-token></csrf-token>
    <table class="ui table definition selectable">
        <tr>
            <td class="title">{{t('clusters_monitors_reporters@终端名称*')}}</td>
            <td>
                <input type="text" name="name" maxlength="50" ref="focus"/>
            </td>
        </tr>
        <tr>
            <td>{{t('clusters_monitors_reporters@所属分组')}}</td>
            <td>
                <report-node-groups-selector></report-node-groups-selector>
            </td>
        </tr>
        <tr>
            <td colspan="2"><more-options-indicator></more-options-indicator></td>
        </tr>
        <tbody v-show="moreOptionsVisible">
            <tr>
                <td>{{t('clusters_monitors_reporters@区域Label')}}</td>
                <td>
                    <input type="text" name="location" maxlength="50"/>
                    <p class="comment">{{t('clusters_monitors_reporters@终端所在地域。')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('clusters_monitors_reporters@网络提供商Label')}}</td>
                <td>
                    <input type="text" name="isp" maxlength="50"/>
                    <p class="comment">{{t('clusters_monitors_reporters@终端所属网络供应商。')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('clusters_monitors_reporters@允许的终端IP')}}</td>
                <td>
                    <values-box name="allowIPs"></values-box>
                    <p class="comment">{{t('clusters_monitors_reporters@如果不为空，则只有这些IP才能连接API。支持单个IP、CIDR格式的IP段和IP1-IP2这样的IP段。')}}</p>
                </td>
            </tr>
        </tbody>
    </table>
    <submit-btn></submit-btn>
</form>