{$layout "layout_popup"}

<!-- <h3>选择所属区域</h3> -->

<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>
	<input type="hidden" name="regionId" :value="regionId"/>
	<table class="ui table definition selectable">
		<tr>
			<td class="title">{{t('clusters_regions@选择区域PopupTitle')}}</td>
			<td>
				<div v-if="regions.length > 0">
					<a href="" class="ui label small basic" v-for="region in regions" :class="{blue:region.id == regionId}" style="margin-bottom:0.5em" @click.prevent="selectRegion(region)">{{region.name}}</a>
					<p class="comment">{{t('clusters_regions@点击可选中要使用的区域')}}</p>
				</div>
				<div v-else>
					<b-empty>{{t('clusters_regions@暂时还没有可以使用的区域')}}</b-empty>
				</div>
			</td>
		</tr>
	</table>
	<submit-btn>{{t('clusters_regions@确定')}}</submit-btn>
</form>