{$layout}
{$template "menu"}

<form class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>

    <div class="config-section">
        <div class="section-title">{{t('batch_enableRecords@批量启用停用记录')}}</div>

        <div class="config-item">
            <div class="item-label">{{t('batch_enableRecords@域名')}} *</div>
            <div class="item-content">
                <textarea rows="15" name="names" :placeholder="t('batch_enableRecords@每行一个域名')" ref="focus"></textarea>
            </div>
        </div>

        <div class="config-item">
            <div class="item-label">{{t('batch_enableRecords@所属用户')}}</div>
            <div class="item-content">
                <ns-user-selector></ns-user-selector>
                <p class="comment">{{t('batch_enableRecords@当前域名所属的平台用户')}}</p>
            </div>
        </div>

        <div class="config-item">
            <div class="item-label">{{t('batch_enableRecords@匹配条件')}}</div>
            <div class="item-content">
                <table class="ui table definition">
                    <tr>
                        <td class="title">{{t('batch_enableRecords@记录名')}}</td>
                        <td>
                            <input type="text" name="searchName"/>
                            <p class="comment">{{t('batch_enableRecords@只有不为空时才生效')}}</p>
                        </td>
                    </tr>
                    <tr>
                        <td>{{t('batch_enableRecords@记录值')}}</td>
                        <td>
                            <input type="text" name="searchValue"/>
                            <p class="comment">{{t('batch_enableRecords@只有不为空时才生效')}}</p>
                        </td>
                    </tr>
                    <tr>
                        <td>{{t('batch_enableRecords@记录类型')}}</td>
                        <td>
                            <b-select
                                name="searchType"
                                v-model="searchType"
                                auto-width
                                :options="[
                                    ...types.map(type => ({
                                        label: type.type,
                                        value: type.type,
                                    }))
                                ]"
                            ></b-select>
                        </td>
                    </tr>
                    <tr>
                        <td>{{t('batch_enableRecords@线路')}}</td>
                        <td>
                            <ns-routes-selector name="searchRouteCodes"></ns-routes-selector>
                        </td>
                    </tr>
                </table>
            </div>
        </div>

        <div class="config-item">
            <div class="item-label">{{t('batch_enableRecords@修改状态为')}}</div>
            <div class="item-content">
                <b-select
                    name="isOn"
                    v-model="isOn"
                    auto-width
                    :options="[
                        {label: t('batch_enableRecords@启用'), value: '1'},
                        {label: t('batch_enableRecords@停用'), value: '0'},
                    ]"
                ></b-select>
            </div>
        </div>
    </div>

    <submit-btn>{{t('batch_enableRecords@批量修改')}}</submit-btn>
</form>