{$layout}
{$template "../settings_menu"}
{$template "/left_menu_with_menu"}

<div class="left-right-box-container">
	<div class="right-box">
		<div class="config-section">
			<div class="section-title">
				<i class="pi pi-server"></i>
				{{t('index_HTTP服务设置_0101')}}
			</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="webId" :value="webId"/>
				<input type="hidden" name="serverType" :value="serverType"/>
				
				<div class="config-item">
					<div class="item-label">{{t('index_启用HTTP_0101')}}</div>
					<div class="item-content">
						<checkbox name="isOn" :v-value="1" v-model="httpConfig.isOn"></checkbox>
					</div>
				</div>
				
				<div v-show="httpConfig.isOn">
					<div class="config-item">
						<div class="item-label">{{t('index_绑定端口_0101')}} *</div>
						<div class="item-content">
							<div v-if="httpConfig.isOn && (httpConfig.addresses == null || httpConfig.addresses.length == 0)" class="ui message warning">
								<i class="pi pi-exclamation-triangle"></i>
								{{t('index_还没有添加端口绑定_0101')}}，{{t('index_会导致HTTP服务无法访问_0101')}}。
							</div>
							
							<network-addresses-box :v-server-type="serverType" :v-addresses="httpConfig.addresses" :v-protocol="'http'"></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_端口同HTTPS设置的端口冲突_0101')}}，{{t('index_请删除HTTP或HTTPS中的相关端口_0101')}}。
							</p>
						</div>
					</div>
					
					<div class="config-item">
						<div class="item-label">{{t('index_自动跳转到HTTPS_0101')}}</div>
						<div class="item-content">
							<http-redirect-to-https-box :v-redirect-to-https-config="redirectToHTTPSConfig"></http-redirect-to-https-box>
						</div>
					</div>
				</div>
				
				<div class="config-item">
					<div class="item-label"></div>
					<div class="item-content">
						<submit-btn></submit-btn>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>