{$layout}
{$template "menu"}

<div class="http-config-container">
    <form class="ui form http-config-form" data-tea-action="$" data-tea-success="success">
        <csrf-token></csrf-token>
        <div class="config-section">
            <div class="config-item">
                <div class="item-label">域名 *</div>
                <div class="item-content">
                    <textarea rows="15" name="names" placeholder="每行一个域名" ref="focus"></textarea>
                </div>
            </div>
            <div class="config-item">
                <div class="item-label">解析记录 *</div>
                <div class="item-content">
                    <ns-create-records-table :v-types="types" :v-default-ttl="defaultTTL"></ns-create-records-table>
                </div>
            </div>
            <div class="config-item">
                <div class="item-label">删除原有同名记录</div>
                <div class="item-content">
                    <checkbox name="removeOld"></checkbox>
                    <p class="comment">选中后，在导入新的记录之前，先删除域名中的同名且同类型记录。</p>
                </div>
            </div>
            <div class="config-item">
                <div class="item-label">清空原有记录</div>
                <div class="item-content">
                    <checkbox name="removeAll"></checkbox>
                    <p class="comment">选中后，在导入新的记录之前，先清空域名中的所有记录。</p>
                </div>
            </div>
        </div>
        <submit-btn></submit-btn>
    </form>
</div>