{{define "form/streamWS"}}
<a-form layout="inline">
    <table width="100%" class="ant-table-tbody">
        <tr v-if="inbound.canEnableTls()">
            <td>Accept Proxy Protocol</td>
            <td>
                <a-form-item>
                    <a-switch v-model="inbound.stream.ws.acceptProxyProtocol"></a-switch>
                </a-form-item>
            </td>
        </tr>
        <tr>
            <td>{{ i18n "path" }}</td>
            <td>
                <a-form-item>
                    <a-input v-model.trim="inbound.stream.ws.path" style="width: 250px;"></a-input>
                </a-form-item>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <a-form-item label='{{ i18n "pages.inbounds.stream.general.requestHeader" }}'>
                    <a-row>
                        <a-button size="small"
                                  @click="inbound.stream.ws.addHeader('Host', '')">
                            +
                        </a-button>
                    </a-row>
                    <a-input-group v-for="(header, index) in inbound.stream.ws.headers">
                        <a-input style="width: 50%" v-model.trim="header.name"
                                 addon-before='{{ i18n "pages.inbounds.stream.general.name"}}'></a-input>
                        <a-input style="width: 50%" v-model.trim="header.value"
                                 addon-before='{{ i18n "pages.inbounds.stream.general.value" }}'>
                            <template slot="addonAfter">
                                <a-button size="small"
                                          @click="inbound.stream.ws.removeHeader(index)">
                                    -
                                </a-button>
                            </template>
                        </a-input>
                    </a-input-group>
                </a-form-item>
            </td>
        </tr>
    </table>
</a-form>
{{end}}