{$layout}
{$template "menu"}

<div class="ui margin"></div>

<h3 class="ui header">HTTPDNS 鍏ㄥ眬绛栫暐</h3>

<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>
    <table class="ui table definition selectable">
        <tr>
            <td class="title">鍏ㄥ眬榛樿瑙ｆ瀽 TTL</td>
            <td><input type="text" name="defaultTTL" maxlength="8" v-model="policies.defaultTTL" /> 绉?/td>
        </tr>
        <tr>
            <td class="title">鍏ㄥ眬榛樿 SNI 绛夌骇</td>
            <td>
                <select name="defaultSniPolicy" class="ui dropdown auto-width" v-model="policies.defaultSniPolicy">
                    <option value="level1">level1锛堝浐瀹?SNI锛?/option>
                    <option value="level2">level2锛堥殣鍖?SNI锛?/option>
                    <option value="level3">level3锛圗CH锛?/option>
                </select>
                <div class="grey small" v-if="policies.defaultSniPolicy == 'level1'" style="margin-top:.5em;">
                    level1 浠呬娇鐢ㄥ浐瀹?SNI锛屼笉鍚敤 ECS 鍜岃瘉涔︽牎楠岀瓥鐣ャ€?                </div>
                <div class="grey small" v-else-if="policies.defaultSniPolicy == 'level2'" style="margin-top:.5em;">
                    level2 浠呭惎鐢ㄩ殣鍖?SNI锛屼笉瑕佹眰閰嶇疆 ECS 涓庤瘉涔︾瓥鐣ャ€?                </div>
                <div class="grey small" v-else style="margin-top:.5em;">
                    level3 鍚敤 ECH锛屽缓璁悓鏃堕厤缃?ECS 涓庤瘉涔︽牎楠岀瓥鐣ャ€?                </div>
            </td>
        </tr>
        <tr>
            <td class="title">鍏ㄥ眬闄嶇骇瓒呮椂</td>
            <td><input type="text" name="defaultFallbackMs" maxlength="8" v-model="policies.defaultFallbackMs" /> 姣</td>
        </tr>

        <tr v-show="policies.defaultSniPolicy == 'level3'">
            <td class="title">全局 ECS 掩码策略</td>
            <td>
                <select name="ecsMode" class="ui dropdown auto-width" v-model="policies.ecsMode">
                    <option value="off">鍏抽棴</option>
                    <option value="auto">鑷姩</option>
                    <option value="custom">鑷畾涔?/option>
                </select>
                <span v-if="policies.ecsMode == 'custom'">
                    <span class="grey" style="margin-left:.8em;">IPv4 /</span>
                    <input type="text" name="ecsIPv4Prefix" maxlength="3" v-model="policies.ecsIPv4Prefix" style="width:4.5em;" />
                    <span class="grey" style="margin-left:.8em;">IPv6 /</span>
                    <input type="text" name="ecsIPv6Prefix" maxlength="3" v-model="policies.ecsIPv6Prefix" style="width:4.5em;" />
                </span>
                <span v-else class="grey" style="margin-left:.8em;">仅在“自定义”模式下配置掩码。</span>

                <input type="hidden" name="ecsIPv4Prefix" v-model="policies.ecsIPv4Prefix" v-if="policies.ecsMode != 'custom'" />
                <input type="hidden" name="ecsIPv6Prefix" v-model="policies.ecsIPv6Prefix" v-if="policies.ecsMode != 'custom'" />
            </td>
        </tr>

        <tr v-show="policies.defaultSniPolicy == 'level3'">
            <td class="title">鍏ㄥ眬璇佷功鏍￠獙绛栫暐</td>
            <td>
                <span class="grey">证书指纹校验（Pinning）</span>
                <select name="pinningMode" class="ui dropdown auto-width" v-model="policies.pinningMode" style="margin-left:.4em;">
                    <option value="off">鍏抽棴</option>
                    <option value="report">瑙傚療妯″紡</option>
                    <option value="enforce">寮哄埗鏍￠獙</option>
                </select>
                <span class="grey" style="margin-left:1.2em;">证书 SAN 域名校验</span>
                <select name="sanMode" class="ui dropdown auto-width" v-model="policies.sanMode" style="margin-left:.4em;">
                    <option value="off">鍏抽棴</option>
                    <option value="report">瑙傚療妯″紡</option>
                    <option value="strict">涓ユ牸鏍￠獙</option>
                </select>
            </td>
        </tr>
    </table>

    <submit-btn></submit-btn>
</form>