{$layout}
{$template "/left_menu"}

<div class="right-box">
	{$template "../location_menu"}
	{$template "../left_menu"}

	<div class="right-box tiny">
		{$template "menu"}
		<div class="margin"></div>
		<form class="ui form" data-tea-action="$" data-tea-success="success">
			<input type="hidden" name="locationId" :value="locationId"/>
			<input type="hidden" name="reverseProxyRefJSON" :value="JSON.stringify(reverseProxyRef)"/>
			<table class="ui table selectable definition">
				<tr>
					<td class="title">是否启用反向代理</td>
					<td>
						<div class="ui checkbox">
							<input type="checkbox" v-model="reverseProxyRef.isOn"/>
							<label></label>
						</div>
					</td>
				</tr>
			</table>
			<submit-btn></submit-btn>
		</form>

		<div v-if="reverseProxyRef.isOn">
			<div class="ui divider"></div>
			<origin-list-box :v-primary-origins="primaryOrigins" :v-backup-origins="backupOrigins" :v-server-type="serverType"
						 :v-params="'type=server&serverId=' + serverId + '&reverseProxyId=' + reverseProxyConfig.id"></origin-list-box>
		</div>
	</div>
</div>