{$layout}
{$template "../../menu"}
{$template "/left_menu_with_menu"}

<div class="right-box with-menu">
    <div class="http-config-container">
        <div class="http-config-form ui form">
            <div class="form-title">UDP源站设置</div>
            
            {$template "menu"}
            
            <div v-if="!reverseProxyRef.isPrior || !reverseProxyRef.isOn" class="config-section">
                <div class="section-title">
                    <i class="icon warning circle"></i>
                    源站未启用
                </div>
                <div class="config-item">
                    <div class="item-content">
                        <div class="audit-message warning">
                            <i class="icon warning circle"></i>
                            当前源站没有启用，可以通过点击 <a :href="Tea.url('.setting', { groupId: group.id })">[更多设置]</a> 开启 。
                        </div>
                    </div>
                </div>
            </div>
            
            <div :class="{'opacity-mask': !reverseProxyRef.isPrior || !reverseProxyRef.isOn}" class="config-section">
                <div class="section-title">
                    <i class="icon server"></i>
                    源站列表
                </div>
                
                <origin-list-box :v-primary-origins="primaryOrigins" :v-backup-origins="backupOrigins"
                    :v-server-type="serverType"
                    :v-params="'type=group&groupId=' + group.id + '&reverseProxyId=' + reverseProxyConfig.id + '&serverType=' + serverType"
                    :v-is-group="true">
                </origin-list-box>
            </div>
        </div>
    </div>
</div>