{$layout "layout_popup"}

<!-- <h3 v-show="type == 'allow'">{{t('ipadmin_selectProvidersPopup@选择允许的运营商')}}</h3>
<h3 v-show="type == 'deny'">{{t('ipadmin_selectProvidersPopup@选择封禁的运营商')}}</h3> -->

<form class="ui form">
    <table class="ui table">
        <tr>
            <td>
                <first-menu>
                    <div class="item right">
                        <checkbox v-model="isCheckingAll" @change="checkAll">{{t('ipadmin_selectProvidersPopup@全选')}}</checkbox>
                    </div>
                </first-menu>

                <div class="providers-list" style="margin-top:0.5em">
                    <div class="item" v-for="provider in providers">
                        <checkbox v-model="provider.isChecked" @change="selectProvider(provider)">
                            {{provider.name}}
                        </checkbox>
                    </div>
                </div>
                <div class="clear"></div>
            </td>
        </tr>
    </table>
    <button class="ui button primary" type="button" @click.prevent="submit">{{t('ipadmin_selectProvidersPopup@确定')}}</button>
</form>