{$layout "layout_popup"}

<!-- <h3>{{t('firewall_actions_updatePopup@修改动作')}}</h3> -->
<form class="ui form" data-tea-action="$" data-tea-success="success">
    <input type="hidden" name="actionId" :value="action.id"/>
    <csrf-token></csrf-token>

    <table class="ui table selectable definition">
        <tr>
            <td class="title">{{t('firewall_actions_updatePopup@名称')}} *</td>
            <td>
                <input type="text" name="name" maxlength="50" ref="focus" v-model="action.name"/>
            </td>
        </tr>
        <tr>
            <td>{{t('firewall_actions_updatePopup@级别')}}</td>
            <td>
                <firewall-event-level-options :v-value="eventLevel"></firewall-event-level-options>
            </td>
        </tr>
        <tr>
            <td>{{t('firewall_actions_updatePopup@类型')}}</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_updatePopup@IPv4白名单名称')}} *</td>
            <td>
                <input type="text" name="ipsetWhiteName" value="edge_white_list" maxlength="64" v-model="action.params.whiteName"/>
                <p class="comment"><span class="ui label basic grey tiny">{{t('firewall_actions_updatePopup@白名单')}}</span> {{t('firewall_actions_updatePopup@用来存放')}}<span class="red">{{t('firewall_actions_updatePopup@IPv4地址')}}</span>{{t('firewall_actions_updatePopup@只能是英文数字下划线的组合')}}</p>
            </td>
        </tr>
        <tr>
            <td>{{t('firewall_actions_updatePopup@IPv6白名单名称')}} *</td>
            <td>
                <input type="text" name="ipsetWhiteNameIPv6" value="edge_white_list_ipv6" maxlength="64" v-model="action.params.whiteNameIPv6"/>
                <p class="comment"><span class="ui label basic grey tiny">{{t('firewall_actions_updatePopup@白名单')}}</span> {{t('firewall_actions_updatePopup@用来存放')}}<span class="red">{{t('firewall_actions_updatePopup@IPv6地址')}}</span>{{t('firewall_actions_updatePopup@只能是英文数字下划线的组合')}}</p>
            </td>
        </tr>
        <tr>
            <td>{{t('firewall_actions_updatePopup@IPv4黑名单名称')}} *</td>
            <td>
                <input type="text" name="ipsetBlackName" value="edge_black_list" maxlength="64" v-model="action.params.blackName"/>
                <p class="comment"><span class="ui label black tiny">{{t('firewall_actions_updatePopup@黑名单')}}</span> {{t('firewall_actions_updatePopup@用来存放')}}<span class="red">{{t('firewall_actions_updatePopup@IPv4地址')}}</span>{{t('firewall_actions_updatePopup@只能是英文数字下划线的组合')}}</p>
            </td>
        </tr>
        <tr>
            <td>{{t('firewall_actions_updatePopup@IPv6黑名单名称')}} *</td>
            <td>
                <input type="text" name="ipsetBlackNameIPv6" value="edge_black_list_ipv6" maxlength="64" v-model="action.params.blackNameIPv6"/>
                <p class="comment"><span class="ui label black tiny">{{t('firewall_actions_updatePopup@黑名单')}}</span> {{t('firewall_actions_updatePopup@用来存放')}}<span class="red">{{t('firewall_actions_updatePopup@IPv6地址')}}</span>{{t('firewall_actions_updatePopup@只能是英文数字下划线的组合')}}</p>
            </td>
        </tr>
            <tr>
                <td>{{t('firewall_actions_updatePopup@创建IPTables规则')}}</td>
                <td>
                    <checkbox name="ipsetAutoAddToIPTables" v-model="action.params.autoAddToIPTables"></checkbox>
                    <p class="comment">{{t('firewall_actions_updatePopup@是否尝试自动创建包含有此IPSet的IPTables规则')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('firewall_actions_updatePopup@创建Firewalld规则')}}</td>
                <td>
                    <checkbox name="ipsetAutoAddToFirewalld" v-model="action.params.autoAddToFirewalld"></checkbox>
                    <p class="comment">{{t('firewall_actions_updatePopup@是否尝试自动创建包含有此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_updatePopup@脚本路径')}} *</td>
                <td>
                    <input type="text" name="scriptPath" maxlength="200" v-model="action.params.path"/>
                    <p class="comment">{{t('firewall_actions_updatePopup@可执行脚本文件的完整路径')}}</p>
                </td>
            </tr>
        </tbody>

        <!-- HTTP API -->
        <tbody v-if="type == 'httpAPI'">
            <tr>
                <td>{{t('firewall_actions_updatePopup@APIURL')}} *</td>
                <td>
                    <input type="text" name="httpAPIURL" maxlength="200" placeholder="http|https://..." v-model="action.params.url"/>
                    <p class="comment">{{t('firewall_actions_updatePopup@完整的API地址')}}</p>
                </td>
            </tr>
        </tbody>

        <!-- HTML -->
        <tbody v-if="type == 'html'">
            <tr>
                <td>{{t('firewall_actions_updatePopup@HTML内容')}} *</td>
                <td>
                        <textarea name="htmlContent" maxlength="128000" :placeholder="t('firewall_actions_updatePopup@完整的HTML内容')" v-model="action.params.content"></textarea>
                </td>
            </tr>
        </tbody>
    </table>
    <submit-btn></submit-btn>
</form>