{$layout "layout_popup"}

<!-- <h3>修改高防实例</h3> -->

<form class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>
    <input type="hidden" name="instanceId" :value="instanceId"/>
    <table class="ui table definition selectable">
        <tr>
            <td>{{t('anti-ddos_instances_instance_updatePopup@所属产品')}}</td>
            <td>
                <span v-if="instance.package != null">{{instance.package.summary}}</span>
                <span v-else class="red">{{t('anti-ddos_instances_instance_updatePopup@已被删除')}}</span>
            </td>
        </tr>
        <tr>
            <td class="title">{{t('anti-ddos_instances_instance_updatePopup@部署集群')}} *</td>
            <td>
                <node-cluster-combo-box :v-cluster-id="instance.clusterId"></node-cluster-combo-box>
            </td>
        </tr>
        <tr>
            <td>{{t('anti-ddos_instances_instance_updatePopup@高防IP')}} *</td>
            <td>
                <values-box name="ipAddresses" placeholder="x.x.x.x" maxlength="64" :validator="ipValidator" :v-values="instance.ipAddresses"></values-box>
            </td>
        </tr>
        <tr>
            <td colspan="2"><more-options-indicator></more-options-indicator></td>
        </tr>
        <tbody v-show="moreOptionsVisible">
            <tr>
                <td>{{t('anti-ddos_instances_instance_updatePopup@启用当前实例')}}</td>
                <td>
                    <checkbox :v-value="1" name="isOn" v-model="instance.isOn"></checkbox>
                </td>
            </tr>
        </tbody>
    </table>

    <submit-btn>{{t('anti-ddos_instances_instance_updatePopup@保存')}}</submit-btn>
</form>