{$layout "layout_popup"}

<!-- <h3>{{t('ns_plans_plan_updatePopup@修改套餐')}}</h3> -->

<form class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>
    <input type="hidden" name="planId" :value="plan.id"/>

    <table class="ui table definition selectable">
        <tr>
            <td class="title">{{t('ns_plans_plan_updatePopup@套餐名称*')}}</td>
            <td>
                <input type="text" name="name" ref="focus" maxlength="100" v-model="plan.name"/>
            </td>
        </tr>
        <tr>
            <td>{{t('ns_plans_plan_updatePopup@按月价格*')}}</td>
            <td>
                <div class="ui right labeled input">
                    <input type="text" name="monthlyPrice" style="width: 6em" v-model="plan.monthlyPrice"/>
                    <span class="ui label">{{t('ns_plans_plan_updatePopup@元月')}}</span>
                </div>
            </td>
        </tr>
        <tr>
            <td>{{t('ns_plans_plan_updatePopup@按年价格*')}}</td>
            <td>
                <div class="ui right labeled input">
                    <input type="text" name="yearlyPrice" style="width: 6em" v-model="plan.yearlyPrice"/>
                    <span class="ui label">{{t('ns_plans_plan_updatePopup@元年')}}</span>
                </div>
            </td>
        </tr>
        <tr>
            <td>{{t('ns_plans_plan_updatePopup@启用当前套餐')}}</td>
            <td>
                <checkbox name="isOn" v-model="plan.isOn"></checkbox>
            </td>
        </tr>
    </table>

    <b-settings-header>{{t('ns_plans_plan_updatePopup@功能配置')}}</b-settings-header>
    <!-- <h4>{{t('ns_plans_plan_updatePopup@功能配置')}}</h4> -->
    <table class="ui table definition selectable">
        <tr>
            <td class="title">{{t('ns_plans_plan_updatePopup@支持线路')}}</td>
            <td>
                <div class="feature-boxes">
                    <checkbox name="supportCountryRoutes" v-model="plan.config.supportCountryRoutes">{{t('ns_plans_plan_updatePopup@支持全球线路')}}</checkbox>
                    <checkbox name="supportChinaProvinceRoutes" v-model="plan.config.supportChinaProvinceRoutes">{{t('ns_plans_plan_updatePopup@支持国内省份线路')}}</checkbox>
                    <checkbox name="supportISPRoutes" v-model="plan.config.supportISPRoutes">{{t('ns_plans_plan_updatePopup@支持ISP运营商线路')}}</checkbox>
                    <checkbox name="supportAgentRoutes" v-model="plan.config.supportAgentRoutes">{{t('ns_plans_plan_updatePopup@支持搜索引擎线路')}}</checkbox>
                    <checkbox name="supportPublicRoutes" v-model="plan.config.supportPublicRoutes">{{t('ns_plans_plan_updatePopup@支持官方公用线路')}}<tip-icon :content="t('ns_plans_plan_updatePopup@官方公用线路即当前系统管理员创建的公用的线路')"></tip-icon></checkbox>
                </div>
            </td>
        </tr>
        <tr>
            <td>{{t('ns_plans_plan_updatePopup@支持健康检查')}}</td>
            <td>
                <checkbox name="supportHealthCheck" v-model="plan.config.supportHealthCheck"></checkbox>
                <p class="comment">{{t('ns_plans_plan_updatePopup@支持对AAAA记录设置健康检查')}}</p>
            </td>
        </tr>
        <tr>
            <td>{{t('ns_plans_plan_updatePopup@最小TTL')}}</td>
            <td>
                <div class="ui input right labeled">
                    <input type="text" name="minTTL" maxlength="6" style="width: 5em" v-model="plan.config.minTTL"/>
                    <span class="ui label">{{t('ns_plans_plan_updatePopup@秒')}}</span>
                </div>
                <p class="comment">{{t('ns_plans_plan_updatePopup@0表示不限制')}}</p>
            </td>
        </tr>
        <tr>
            <td>{{t('ns_plans_plan_updatePopup@域名数量限制')}}</td>
            <td>
                <input type="text" name="maxDomains" maxlength="6" v-model="plan.config.maxDomains"/>
                <p class="comment">{{t('ns_plans_plan_updatePopup@0表示不限制')}}</p>
            </td>
        </tr>
        <tr>
            <td>{{t('ns_plans_plan_updatePopup@单域名记录数量限制')}}</td>
            <td>
                <input type="text" name="maxRecordsPerDomain" maxlength="6" v-model="plan.config.maxRecordsPerDomain"/>
                <p class="comment">{{t('ns_plans_plan_updatePopup@0表示不限制')}}</p>
            </td>
        </tr>
        <tr>
            <td>{{t('ns_plans_plan_updatePopup@单记录负载均衡条数限制')}}</td>
            <td>
                <input type="text" name="maxLoadBalanceRecordsPerRecord" maxlength="6" v-model="plan.config.maxLoadBalanceRecordsPerRecord"/>
                <p class="comment">{{t('ns_plans_plan_updatePopup@0表示不限制')}}</p>
            </td>
        </tr>
        <tr>
            <td>{{t('ns_plans_plan_updatePopup@自定义线路数量限制')}}</td>
            <td>
                <input type="text" name="maxCustomRoutes" value="" maxlength="6" v-model="plan.config.maxCustomRoutes"/>
                <p class="comment">{{t('ns_plans_plan_updatePopup@0表示不限制')}}</p>
            </td>
        </tr>
    </table>

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