{$layout}
{$template "/left_menu"}

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

<div class="right-box">
	<p class="comment">提醒：HTTP2、证书等信息修改后，可能需要清空浏览器缓存后才能浏览效果。</p>
	<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">是否启用HTTPS</td>
				<td>
					<div class="ui checkbox">
						<input type="checkbox" name="isOn" value="1" v-model="httpsConfig.isOn"/>
						<label></label>
					</div>
				</td>
			</tr>
			<tbody v-show="httpsConfig.isOn">
				<tr>
					<td class="title">绑定端口 *</td>
					<td>
                        <span class="red" v-if="httpsConfig.isOn && (httpsConfig.addresses == null || httpsConfig.addresses.length == 0)">还没有添加端口绑定，会导致HTTPS服务无法访问。</span>
						<network-addresses-box :v-server-type="serverType" :v-addresses="httpsConfig.addresses" :v-protocol="'https'"></network-addresses-box>
					</td>
				</tr>
			</tbody>
		</table>

		<!-- SSL配置 -->
		<ssl-config-box :v-ssl-policy="httpsConfig.sslPolicy" :v-protocol="'https'" v-show="httpsConfig.isOn" :v-server-id="serverId"></ssl-config-box>

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