{$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_updateRecords@批量修改记录')}}</div>

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

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

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

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