{$layout}

{$var "header"}
<script src="/servers/certs/datajs" type="text/javascript"></script>
<script src="/js/sortable.min.js" type="text/javascript"></script>
{$end}

{$template "../settings_menu"}

<div class="left-right-box-container">
	{$template "/left_menu"}

	<div class="right-box">
		<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
			<input type="hidden" name="serverId" :value="serverId"/>
			<input type="hidden" name="serverType" :value="serverType"/>
			<table class="ui table selectable definition">
				<tr>
					<td class="title">绑定端口 *</td>
					<td>
						<network-addresses-box :v-server-type="serverType" :v-addresses="tlsConfig.listen" :v-protocol="'tls'" :v-support-range="true"></network-addresses-box>
					</td>
				</tr>
			</table>

			<!-- SSL配置 -->
			<ssl-config-box :v-ssl-policy="tlsConfig.sslPolicy" :v-protocol="'tls'" v-show="tlsConfig.isOn"></ssl-config-box>

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