{$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">
		<p class="comment">提醒：HTTP/2、证书等信息修改后，可能需要清空浏览器缓存后才能浏览效果。</p>

			<div v-if="httpsConfig.isOn && missingCertServerNames != null && missingCertServerNames.length > 0" class="ui message warning">
					警告：当前网站绑定的以下域名尚未配置证书，将无法通过HTTPS协议访问：{{missingCertServerNames.join("、")}} 。
			</div>

		<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>
						<checkbox name="isOn" :v-value="1" v-model="httpsConfig.isOn"></checkbox>
					</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>
													<p class="comment"><span v-if="conflictingPorts.length > 0" class="red">配置错误：<span v-for="(port, index) in conflictingPorts">{{port}}<span v-if="index != conflictingPorts.length - 1">、</span></span><span v-if="conflictingPorts.length > 1">等</span>端口同HTTP设置的端口冲突，请删除HTTP或HTTPS中的相关端口。</span></p>
						</td>
					</tr>
				</tbody>
			</table>

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

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