{$layout "layout_popup"}

<!-- <h3>{{t('updateSchedulingPopup@修改调度算法')}}</h3> -->

<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
	<input type="hidden" name="dataType" :value="dataType"/>
	<input type="hidden" name="serverId" :value="serverId"/>
	<input type="hidden" name="reverseProxyId" :value="reverseProxyId"/>

	<table class="ui table selectable definition">
		<tr>
			<td class="title">{{t('updateSchedulingPopup@选择调度算法')}}</td>
			<td>
				<b-select
					name="type"
					v-model="selectedType"
					@change="changeSchedulingType()"
					auto-width
					:options="[
						...schedulingTypes.map(schedulingType => ({
							label: schedulingType.name,
							value: schedulingType.code,
						}))
					]"
				></b-select>

				<!-- <select class="ui dropdown auto-width" name="type" v-model="selectedType"
						@change="changeSchedulingType()">
					<option v-for="schedulingType in schedulingTypes"
							:value="schedulingType.code">{{schedulingType.name}}</option>
				</select> -->
				<p class="comment">{{schedulingTypeDescription}}</p>
			</td>
		</tr>
		<tr v-if="selectedType == 'hash'">
			<td>
				{{t('updateSchedulingPopup@键')}}
			</td>
			<td>
				<input type="text" name="hashKey" v-model="hashKey" maxlength="500"/>
				<p class="comment">{{t('updateSchedulingPopup@用来计算Hash的字符串')}}</p>
			</td>
		</tr>
		<tr v-if="selectedType == 'hash'">
			<td>{{t('updateSchedulingPopup@常用变量')}}</td>
			<td>
				<b-select
					style="width:12em"
					v-model="hashVar"
					@change="changeHashVar()"
					:options="[
						{label: '', value: ''},
						{label: t('updateSchedulingPopup@客户端IP'), value: '${remoteAddr}'},
						{label: t('updateSchedulingPopup@请求URL'), value: '${host}${requestURI}'},
					]"
				></b-select>

				<!-- <select class="ui dropdown" style="width:12em" v-model="hashVar" @change="changeHashVar()">
					<option></option>
					<option value="${remoteAddr}">{{t('updateSchedulingPopup@客户端IP')}}</option>
					<option value="${host}${requestURI}">{{t('updateSchedulingPopup@请求URL')}}</option>
				</select> -->
			</td>
		</tr>
		<tr v-if="selectedType == 'sticky'">
			<td>{{t('updateSchedulingPopup@参数类型')}}</td>
			<td>
				<b-select
					style="width:12em"
					name="stickyType"
					v-model="stickyType"
					:options="[
					  {label: 'Cookie', value: 'cookie'},
            {label: 'HTTP Header', value: 'header'},	
					  {label: t('updateSchedulingPopup@URL参数'), value: 'argument'},
					]"
				></b-select>
				
				<!-- <select class="ui dropdown" style="width:12em" name="stickyType" v-model="stickyType">
					<option value="cookie">{{t('updateSchedulingPopup@Cookie')}}</option>
					<option value="header">{{t('updateSchedulingPopup@HTTP报头')}}</option>
					<option value="argument">{{t('updateSchedulingPopup@URL参数')}}</option>
				</select> -->
			</td>
		</tr>
		<tr v-if="selectedType == 'sticky'">
			<td>{{t('updateSchedulingPopup@参数名')}}</td>
			<td>
				<input type="text" name="stickyParam" v-model="stickyParam" maxlength="50"/>
				<p class="comment">{{t('updateSchedulingPopup@记录或指定源站的参数名')}}</p>
			</td>
		</tr>
	</table>
	<submit-btn></submit-btn>
</form>