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

<div class="left-right-box-container">
    <div class="right-box">
        <div class="b-second-menu">
            <div class="menu-container">
                {$template "menu"}
            </div>
        </div>
        <div class="config-section">
            <div class="section-title">
                <i class=" pi pi-server"></i>
                {{t('reverseProxy_index@源站管理')}}
            </div>
            
            <div v-if="hasGroupConfig" class="audit-message warning">
                <i class="pi pi-exclamation-triangle"></i>
                <div>
                    {{t('reverseProxy_index@由于已经在当前')}}<a :href="groupSettingURL">{{t('reverseProxy_index@网站分组')}}</a>{{t('reverseProxy_index@中进行了对应的配置，在这里的配置将不会生效')}}
                </div>
            </div>

            <div :class="{'opacity-mask': hasGroupConfig}">
                <div v-if="!reverseProxyRef.isOn" class="audit-message warning">
                    <i class="pi pi-exclamation-triangle"></i>
                    <div>
                        {{t('reverseProxy_index@当前源站没有启用，可以通过点击')}} <a :href="'/servers/server/settings/reverseProxy/setting?serverId=' + serverId">{{t('reverseProxy_index@更多设置')}}</a> {{t('reverseProxy_index@开启')}}
                    </div>
                </div>

                <div class="config-item" style="display: block;">
                    <origin-list-box :v-primary-origins="primaryOrigins" 
                                   :v-backup-origins="backupOrigins"
                                   :v-server-type="serverType"
                                   :v-params="'type=server&serverId=' + serverId + '&reverseProxyId=' + reverseProxyConfig.id">
                    </origin-list-box>
                </div>
            </div>
        </div>
    </div>
</div>