{$layout}
{$template "../menu"}

<div class="left-right-box-container">
    {$template "/left_menu"}

    <div class="right-box">
        <first-menu>
            <menu-item><tip-icon content="TCP Option Address(TOA)可以在TCP选项中传递客户端IP，多用在TCP负载均衡的源站需要获取客户端真实IP的场景。<br/><br/>注意：HTTP协议通常不需要此设置。<br/><br/>如需修改配置，请在专业人士指导下操作。"></tip-icon></menu-item>
            <a class="item" href="https://goedge.cloud/docs/Node/toa.md" target="_blank">文档 &nbsp; <i class="icon external small"></i></a>
        </first-menu>
        <form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
            <input type="hidden" name="clusterId" :value="clusterId"/>
            <csrf-token></csrf-token>

            <table class="ui table selectable definition">
                <tr>
                    <td class="title">启用TOA</td>
                    <td>
                        <checkbox name="isOn" v-model="toa.isOn"></checkbox>
                        <p class="comment">在启用之前，请确保当前集群下所有节点服务器安装并启用了nftables。</p>
                    </td>
                </tr>
                <tbody v-show="toa.isOn">
                    <tr>
                        <td class="title">IPv4选项类型数值</td>
                        <td>
                            <input type="text" name="optionTypeV4" v-model="toa.optionTypeV4" style="width:4em" maxlength="3"/>
                            <p class="comment">用来作为附加的IPv4 TCP OPTION值，通常是254（即0xfe），请查阅云服务商文档来确认此值。</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="title">IPv6选项类型数值</td>
                        <td>
                            <input type="text" name="optionTypeV6" v-model="toa.optionTypeV6" style="width:4em" maxlength="3"/>
                            <p class="comment">用来作为附加的IPv6 TCP OPTION值，通常是254（即0xfe），请查阅云服务商文档来确认此值。</p>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2"><more-options-indicator></more-options-indicator></td>
                    </tr>
                </tbody>
                <tbody v-show="toa.isOn && moreOptionsVisible">
                    <tr>
                        <td>自动配置</td>
                        <td>
                            <checkbox name="autoSetup" v-model="toa.autoSetup"></checkbox>
                            <p class="comment">TOA功能需要节点服务器安装并开启了nftables，并将网络数据包转发到NFQueue中。如果选中了自动配置，则每次在启动时都会自动尝试配置nftables规则。</p>
                        </td>
                    </tr>
                    <tr>
                        <td>NFQueue队列开始ID</td>
                        <td>
                            <input type="text" name="minQueueId" v-model="toa.minQueueId" style="width:4em" maxlength="3"/>
                            <p class="comment">不能超过255。</p>
                        </td>
                    </tr>
                </tbody>
            </table>

            <submit-btn></submit-btn>
        </form>
    </div>
</div>