{$layout "layout_popup"}

<!-- <h3>{{t('rewrite_createPopup@创建重写规则')}}</h3> -->
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
	<input type="hidden" name="webId" :value="webId"/>
	<table class="ui table definition selectable">
		<tr>
			<td class="title">{{t('rewrite_createPopup@匹配规则*')}}</td>
			<td>
				<input type="text" name="pattern" maxlength="500" :placeholder="t('rewrite_createPopup@比如_post_')" ref="focus"/>
				<p class="comment" v-html="t('rewrite_createPopup@正则规范提示')"></p>
			</td>
		</tr>
		<tr>
			<td>{{t('rewrite_createPopup@目标URL*')}}</td>
			<td>
				<input type="text" name="replace" :placeholder="t('rewrite_createPopup@比如_post_html')" maxlength="500"/>
        <p class="comment">{{t('rewrite_createPopup@目标URL提示')}}<code-label>${1}</code-label>,<code-label>${2}</code-label> ,{{t('rewrite_createPopup@目标URL提示2')}}</p>
			</td>
		</tr>
		<tr>
			<td>{{t('rewrite_createPopup@转发方式')}}</td>
			<td>
				<b-select
					name="mode"
					v-model="rewriteRule.mode"
					auto-width
					:options="[
						{label: t('rewrite_createPopup@隐式'), value: 'proxy'},
						{label: t('rewrite_createPopup@显式'), value: 'redirect'},
					]"
				></b-select>

				<!-- <select class="ui dropdown auto-width" name="mode" v-model="rewriteRule.mode">
					<option value="proxy">{{t('rewrite_createPopup@隐式')}}</option>
					<option value="redirect">{{t('rewrite_createPopup@显式')}}</option>
				</select> -->
				<p class="comment">{{t('rewrite_createPopup@转发方式提示')}}</p>
			</td>
		</tr>
        <tr>
            <td>{{t('rewrite_createPopup@匹配条件')}}</td>
            <td><http-request-conds-box></http-request-conds-box></td>
        </tr>
		<tr>
			<td colspan="2"><more-options-indicator></more-options-indicator></td>
		</tr>
		<tbody v-show="moreOptionsVisible">
			<tr v-show="rewriteRule.mode == 'redirect'">
				<td>{{t('rewrite_createPopup@跳转状态码')}}</td>
				<td>
					<b-select
						name="redirectStatus"
						v-model="rewriteRule.redirectStatus"
						auto-width
						:options="[
							...statusOptions.map(status => ({
								label: (status.code??'') + ' ' + (status.text??''),
								value: status.code,
							}))
						]"
					></b-select>

					<!-- <select class="ui dropdown auto-width" name="redirectStatus" v-model="rewriteRule.redirectStatus">
						<option v-for="status in statusOptions" :value="status.code">{{status.code}} {{status.text}}</option>
					</select> -->
					<p class="comment">{{t('rewrite_createPopup@跳转状态码提示')}}</p>
				</td>
			</tr>
			<tr v-show="rewriteRule.mode == 'proxy'">
				<td>{{t('rewrite_createPopup@代理主机名')}}</td>
				<td>
					<input type="text" name="proxyHost" :placeholder="t('rewrite_createPopup@比如_example_com')" maxlength="100"/>
					<p class="comment" v-html="t('rewrite_createPopup@代理主机名提示')"></p>
				</td>
			</tr>
			<tr>
				<td>{{t('rewrite_createPopup@保留URL参数')}}</td>
				<td>
					<checkbox name="withQuery" :v-value="1" checked="checked"></checkbox>
					<p class="comment">{{t('rewrite_createPopup@保留URL参数提示')}}</p>
				</td>
			</tr>
			<tr>
				<td>{{t('rewrite_createPopup@终止往下匹配')}}</td>
				<td>
					<checkbox name="isBreak" :v-value="1"></checkbox>
					<p class="comment">{{t('rewrite_createPopup@终止往下匹配提示')}}</p>
				</td>
			</tr>
			<tr>
				<td>{{t('rewrite_createPopup@启用当前重写规则')}}</td>
				<td>
					<checkbox name="isOn" :v-value="1" checked="checked"></checkbox>
				</td>
			</tr>
		</tbody>
	</table>
	<submit-btn></submit-btn>
</form>