{{define "form/hysteria"}}
<a-collapse activeKey="0"
    v-for="(client, index) in inbound.settings.hysterias.slice(0,1)"
    v-if="!isEdit">
    <a-collapse-panel header='{{ i18n "pages.inbounds.client" }}'>
        {{template "form/client"}}
    </a-collapse-panel>
</a-collapse>
<a-collapse v-else>
    <a-collapse-panel :header="'{{ i18n "pages.client.clientCount"}} : ' +
        inbound.settings.hysterias.length">
        <table width="100%">
            <tr class="client-table-header">
                <th>{{ i18n "pages.inbounds.email" }}</th>
                <th>Auth</th>
            </tr>
            <tr v-for="(client, index) in inbound.settings.hysterias"
                :class="index % 2 == 1 ? 'client-table-odd-row' : ''">
                <td>[[ client.email ]]</td>
                <td>[[ client.auth ]]</td>
            </tr>
        </table>
    </a-collapse-panel>
</a-collapse>
<a-form :colon="false" :label-col="{ md: {span:8} }"
    :wrapper-col="{ md: {span:14} }">
    <a-form-item :label="'{{ i18n "pages.inbounds.stream.tcp.version" }}'">
        <a-input-number v-model.number="inbound.settings.version" :min="2"
            :max="2" disabled></a-input-number>
    </a-form-item>
</a-form>
{{end}}