{$layout "layout_popup"}

<!-- <h3>修改套餐</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">套餐名称 *</td>
            <td>
                <input type="text" name="name" ref="focus" maxlength="100" v-model="plan.name"/>
            </td>
        </tr>
        <tr>
            <td>按月价格 *</td>
            <td>
                <div class="ui right labeled input">
                    <input type="text" name="monthlyPrice" style="width: 6em" v-model="plan.monthlyPrice"/>
                    <span class="ui label">元/月</span>
                </div>
            </td>
        </tr>
        <tr>
            <td>按年价格 *</td>
            <td>
                <div class="ui right labeled input">
                    <input type="text" name="yearlyPrice" style="width: 6em" v-model="plan.yearlyPrice"/>
                    <span class="ui label">元/年</span>
                </div>
            </td>
        </tr>
        <tr>
            <td>启用当前套餐</td>
            <td>
                <checkbox name="isOn" v-model="plan.isOn"></checkbox>
            </td>
        </tr>
    </table>

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

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