{$layout "layout_popup"}

<!-- <h3>选择集群</h3> -->

<form class="ui form" method="get" action="/clusters/selectPopup">
    <div class="ui fields inline">
        <div class="ui field">
            <input type="text" name="keyword" v-model="keyword" :placeholder="t('clusters@名称')" ref="focus"/>
        </div>
        <div class="ui field">
            <button type="submit" class="ui button">{{t('certs_index@搜索')}}</button>
        </div>
    </div>
</form>

<b-empty v-if="clusters.length == 0">{{t('clusters@没有找到相应的集群')}}</b-empty>

<table class="ui table celled selectable b-no-vertical" v-if="clusters.length > 0">
    <thead>
        <tr>
            <th>{{t('clusters@集群名称')}}</th>
            <th>{{t('clusters@节点数')}}</th>
            <th class="two wide">{{t('clusters@状态')}}</th>
            <th class="two op">{{t('clusters@操作')}}</th>
        </tr>
    </thead>
    <tr v-for="cluster in clusters">
        <td>
            <keyword :v-word="keyword">{{cluster.name}}</keyword>
        </td>
        <td>{{cluster.countNodes}}</td>
        <td><label-on :v-is-on="cluster.isOn"></label-on></td>
        <td>
            <span class="disabled" v-if="cluster.isSelected">{{t('clusters@已选择')}}</span>
            <a href="" @click.prevent="select(cluster)" v-if="!cluster.isSelected">{{t('clusters@选择')}}</a>
        </td>
    </tr>
</table>

<div v-html="page"></div>