{$layout "layout_popup"}

<!-- <h3>添加Fastcgi服务</h3> -->
<form class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>

    <input type="hidden" name="paramsJSON" :value="JSON.stringify(params)"/>

    <table class="ui table definition selectable">
        <tr>
            <td class="title">{{t('fastcgi_createPopup@Fastcgi地址')}}</td>
            <td>
                <input type="text" name="address" :placeholder="t('fastcgi_createPopup@比如127_0_0_1_9000')" maxlength="100" style="width:14em" ref="focus"/>
            </td>
        </tr>
        <tr>
            <td>{{t('fastcgi_createPopup@自定义参数集')}}</td>
            <td>
                <div v-for="(param, index) in params">
                    <div class="ui field" style="margin:0" v-if="param.nameZh.length > 0"><label>{{param.nameZh}}：</label></div>
                    <div class="ui fields inline" >
                        <div class="ui field">
                            <input type="text" name="paramNames" :placeholder="t('fastcgi_createPopup@参数名')" v-model="param.name" style="width:12em" />
                        </div>
                        <div class="ui field">
                            <input type="text" name="paramValues" :placeholder="t('fastcgi_createPopup@参数值')" v-model="param.value" style="width:16em"/>
                        </div>
                        <div class="ui field" style="padding:0">
                            <a href="" :title="t('fastcgi_createPopup@删除')" @click.prevent="removeParam(index)"><i class="ui icon remove"></i> </a>
                        </div>
                    </div>
                </div>

                <p class="comment" v-if="params.length > 0" v-html="t('fastcgi_createPopup@可以在参数值中使用一些变量_a_href_https_cdn1_cloud_docs_Server_Variables_md_target_blank_点这里查看_a')"></p>

                <b-add-button @click="addParam()"></b-add-button>
            </td>
        </tr>
        <tr>
            <td colspan="2">
               <more-options-indicator></more-options-indicator>
            </td>
        </tr>
        <tbody v-show="moreOptionsVisible">
            <tr>
                <td>{{t('fastcgi_createPopup@读取超时时间')}}</td>
                <td>
                    <div class="ui right labeled input" style="width:7em">
                        <input type="number" name="readTimeout" maxlength="10" :placeholder="t('fastcgi_createPopup@比如30')"/>
                        <span class="ui basic label">{{t('fastcgi_createPopup@秒')}}</span>
                    </div>
                </td>
            </tr>
            <tr>
                <td>{{t('fastcgi_createPopup@连接池尺寸')}}</td>
                <td>
                    <input type="text" name="poolSize" value="0" maxlength="4" style="width:7em"/>
                    <p class="comment">{{t('fastcgi_createPopup@0表示不限制_通常可以设置为CPU数量的两倍')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('fastcgi_createPopup@PATH_INFO匹配')}}</td>
                <td>
                    <input type="text" name="pathInfoPattern" maxlength="100"/>
                    <p class="comment" v-html="t('fastcgi_createPopup@匹配PATH_INFO的正则表达式_用括号表示匹配的内容_如果只有一个匹配括号表示第一个括号为_fastcgi_pathInfo_值_如果有两个或两个以上的匹配括号_则第一个表示匹配的是_fastcgi_filename_第二个匹配的是_fastcgi_pathInfo_比如_w_php_dollar')"></p>
                </td>
            </tr>
            <tr>
                <td>{{t('fastcgi_createPopup@启用当前Fastcgi')}}</td>
                <td>
                    <checkbox name="isOn" :v-value="1" checked="checked"></checkbox>
                </td>
            </tr>
        </tbody>
    </table>

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