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

<div class="right-box with-menu">
    <div class="remote-addr-config-container">
        <div v-if="hasGroupConfig">
            <div class="margin"></div>
            <warning-message>由于已经在当前<a :href="groupSettingURL">网站分组</a>中进行了对应的配置，在这里的配置将不会生效。</warning-message>
        </div>

        <div :class="{'opacity-mask': hasGroupConfig}">
            <div class="ui form remote-addr-config-form">
                <div class="form-title">访客IP配置</div>
                
                <form data-tea-action="$" id="remoteAddrForm" data-tea-success="success">
                    <csrf-token></csrf-token>
                    <input type="hidden" name="webId" :value="webId"/>
                    <http-remote-addr-config-box :v-remote-addr-config="remoteAddrConfig" @submit="submit"></http-remote-addr-config-box>
                    <!-- <submit-btn></submit-btn> -->
                </form>
            </div>
        </div>
    </div>
</div>