{$layout "layout_popup"}

<!-- <h3>{{t('firewall_actions_createPopup@添加动作')}}</h3> -->
<form 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">{{t('firewall_actions_createPopup@名称')}} *</td>
            <td>
                <input type="text" name="name" maxlength="50" ref="focus"/>
            </td>
        </tr>
        <tr>
            <td>{{t('firewall_actions_createPopup@级别')}}</td>
            <td>
                <firewall-event-level-options :v-value="'critical'"></firewall-event-level-options>
            </td>
        </tr>
        <tr>
            <td>{{t('firewall_actions_createPopup@类型')}}</td>
            <td>
                <b-select
                    name="type"
                    v-model="type"
                    auto-width
                    :options="[
                        {label: t('dns_route_selector@请选择'), value: ''},
                        ...actionTypes.map(type => ({
                            label: type.name??'',
                            value: type.code??'',
                        }))
                    ]"
                ></b-select>
                <p class="comment">{{typeDescription}}</p>
            </td>
        </tr>

        <!-- IPSet -->
        <tbody v-if="type == 'ipset'">
            <tr>
                <td>{{t('firewall_actions_createPopup@IPv4白名单名称')}} *</td>
                <td>
                    <input type="text" name="ipsetWhiteName" value="edge_white_list" maxlength="64"/>
                    <p class="comment"><span class="ui label basic grey tiny">{{t('firewall_actions_createPopup@白名单')}}</span> {{t('firewall_actions_createPopup@用来存放')}}<span class="red">{{t('firewall_actions_createPopup@IPv4地址')}}</span>{{t('firewall_actions_createPopup@只能是英文数字下划线的组合')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('firewall_actions_createPopup@IPv6白名单名称')}} *</td>
                <td>
                    <input type="text" name="ipsetWhiteNameIPv6" value="edge_white_list_ipv6" maxlength="64"/>
                    <p class="comment"><span class="ui label basic grey tiny">{{t('firewall_actions_createPopup@白名单')}}</span> {{t('firewall_actions_createPopup@用来存放')}}<span class="red">{{t('firewall_actions_createPopup@IPv6地址')}}</span>{{t('firewall_actions_createPopup@只能是英文数字下划线的组合')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('firewall_actions_createPopup@IPv4黑名单名称')}} *</td>
                <td>
                    <input type="text" name="ipsetBlackName" value="edge_black_list" maxlength="64"/>
                    <p class="comment"><span class="ui label black tiny">{{t('firewall_actions_createPopup@黑名单')}}</span> {{t('firewall_actions_createPopup@用来存放')}}<span class="red">{{t('firewall_actions_createPopup@IPv4地址')}}</span>{{t('firewall_actions_createPopup@只能是英文数字下划线的组合')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('firewall_actions_createPopup@IPv6黑名单名称')}} *</td>
                <td>
                    <input type="text" name="ipsetBlackNameIPv6" value="edge_black_list_ipv6" maxlength="64"/>
                    <p class="comment"><span class="ui label black tiny">{{t('firewall_actions_createPopup@黑名单')}}</span> {{t('firewall_actions_createPopup@用来存放')}}<span class="red">{{t('firewall_actions_createPopup@IPv6地址')}}</span>{{t('firewall_actions_createPopup@只能是英文数字下划线的组合')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('firewall_actions_createPopup@创建IPTables规则')}}</td>
                <td>
                    <checkbox name="ipsetAutoAddToIPTables" :v-value="true"></checkbox>
                    <p class="comment">{{t('firewall_actions_createPopup@是否尝试自动创建包含有此IPSet的IPTables规则')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('firewall_actions_createPopup@创建Firewalld规则')}}</td>
                <td>
                    <checkbox name="ipsetAutoAddToFirewalld" :v-value="true"></checkbox>
                    <p class="comment">{{t('firewall_actions_createPopup@是否尝试自动创建包含有此IPSet的Firewalld规则')}}</p>
                </td>
            </tr>
        </tbody>

        <!-- Firewalld -->
        <tbody v-if="type == 'firewalld'">

        </tbody>

        <!-- IPTables -->
        <tbody v-if="type == 'iptables'">

        </tbody>

        <!-- 脚本 -->
        <tbody v-if="type == 'script'">
            <tr>
                <td>{{t('firewall_actions_createPopup@脚本路径')}} *</td>
                <td>
                    <input type="text" name="scriptPath" maxlength="200"/>
                    <p class="comment">{{t('firewall_actions_createPopup@可执行脚本文件的完整路径')}}</p>
                </td>
            </tr>
        </tbody>

        <!-- HTTP API -->
        <tbody v-if="type == 'httpAPI'">
            <tr>
                <td>{{t('firewall_actions_createPopup@APIURL')}} *</td>
                <td>
                    <input type="text" name="httpAPIURL" maxlength="200" :placeholder="t('firewall_actions_createPopup@httphttps')"/>
                    <p class="comment">{{t('firewall_actions_createPopup@完整的API地址')}}</p>
                </td>
            </tr>
        </tbody>

        <!-- HTML -->
        <tbody v-if="type == 'html'">
            <tr>
                <td>{{t('firewall_actions_createPopup@HTML内容')}} *</td>
                <td>
                    <textarea name="htmlContent" maxlength="128000" :placeholder="t('firewall_actions_createPopup@完整的HTML内容')">&lt;!DOCTYPE html&gt;
&lt;html lang=&#34;zh&#34;&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;!-- 这里写提示文字 --&gt;

&lt;/body&gt;
&lt;/html&gt;</textarea>
                </td>
            </tr>
        </tbody>
    </table>
    <submit-btn></submit-btn>
</form>