{$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"}
{$template "/left_menu_with_menu"}

<div class="https-config-container">
	<form class="https-config-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" />
		<div class="config-section">
			<div class="section-title">
				<i class="pi pi-lock"></i>
				{{t('index_HTTPS服务设置_0101')}}
			</div>
			<div style="padding: 1rem;">
				<p class="comment">{{t('index_提醒_0101')}}：{{t('index_HTTP/2、证书等信息修改后可能需要清空浏览器缓存后才能浏览效果_0101')}}。</p>
				<div v-if="httpsConfig.isOn && missingCertServerNames != null && missingCertServerNames.length > 0"
					class="audit-message warning" style="margin-bottom: 0;">
					<i class="pi pi-exclamation-triangle"></i>
					<div>
						{{t('index_警告_0101')}}：{{t('index_当前网站绑定的以下域名尚未配置证书，将无法通过HTTPS协议访问_0101')}}：{{missingCertServerNames.join("、")}}
					</div>
				</div>
			</div>

			<div class="config-item">
				<div class="item-label">{{t('index_启用HTTPS_0101')}}</div>
				<div class="item-content">
					<p-switch name="isOn" v-model="httpsConfig.isOn" value="1" binary></p-switch>
				</div>
			</div>
			<div v-show="httpsConfig.isOn">
				<div class="config-item">
					<div class="item-label">{{t('index_绑定端口_0101')}} *</div>
					<div class="item-content">
						<div v-if="httpsConfig.isOn && (httpsConfig.addresses == null || httpsConfig.addresses.length == 0)"
							class="ui message warning">
							<i class="pi pi-exclamation-triangle"></i>
							{{t('index_还没有添加端口绑定_0101')}}，{{t('index_会导致HTTPS服务无法访问_0101')}}。
						</div>

						<network-addresses-box :v-server-type="serverType" :v-addresses="httpsConfig.addresses"
							:v-protocol="'https'"></network-addresses-box>

						<p v-if="conflictingPorts.length > 0" class="ui message error">
							<i class="pi pi-times-circle"></i>
							{{t('index_配置错误_0101')}}：<span v-for="(port, index) in conflictingPorts">{{port}}<span
									v-if="index != conflictingPorts.length - 1">、</span></span><span
								v-if="conflictingPorts.length > 1"> {{t('index_等_0101')}}</span> {{t('index_端口同HTTP设置的端口冲突_0101')}}，{{t('index_请删除HTTP或HTTPS中的相关端口_0101')}}。
						</p>
					</div>
				</div>
			</div>
		</div>



		<!-- 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>