{$layout "layout_popup"}

<!-- <h3>{{t('dns_domains_serversPopup@使用域名网站')}} "{{domain}}"</h3> -->
<form class="ui form" action="/dns/domains/serversPopup" method="get">
    <input type="hidden" name="domainId" :value="domainId"/>
    <div class="ui fields inline">
        <div class="ui field">
            <input type="text" :placeholder="t('dns_domains_serversPopup@关键词Placeholder')" v-model="keyword"/>
        </div>
        <div class="ui field">
            <b-select
                v-model="status"
                auto-width
                :options="[
                    {label: t('dns_domains_serversPopup@全部状态'), value: ''},
                    {label: t('dns_domains_serversPopup@已解析'), value: 'ok'},
                    {label: t('dns_domains_serversPopup@未解析'), value: 'notOk'},
                ]"
            ></b-select>

            <!-- <select class="ui dropdown auto-width" v-model="status">
                <option value="">[全部状态]</option>
                <option value="ok">已解析</option>
                <option value="notOk">未解析</option>
            </select> -->
        </div>
    </div>
</form>
<div class="ui divider"></div>
<table class="ui table selectable">
    <thead>
        <tr>
            <th>{{t('dns_domains_serversPopup@集群')}}</th>
            <th>{{t('dns_domains_serversPopup@网站')}}</th>
            <th>{{t('dns_domains_serversPopup@子域名')}}</th>
            <th>{{t('dns_domains_serversPopup@CNAME')}}</th>
            <th class="width10">{{t('dns_domains_serversPopup@解析状态')}}</th>
        </tr>
    </thead>
    <tr v-for="server in servers">
        <td>{{server.cluster.name}}<a :href="'/clusters/cluster?clusterId=' + server.cluster.id" target="_blank"><link-icon></link-icon></a> </td>
        <td>{{server.name}}<a :href="'/servers/server?clusterId=' + server.cluster.id + '&serverId=' + server.id" target="_blank"><link-icon></link-icon></a></td>
        <td>{{server.cluster.dnsName}}</td>
        <td>{{server.dnsName}}</td>
        <td>
            <span class="green" v-if="server.isOk">{{t('dns_domains_serversPopup@已解析Status')}}</span>
            <span class="red" v-else>{{t('dns_domains_serversPopup@未解析Status')}}</span>
        </td>
    </tr>
</table>