{{define "style"}}
{{end}}
{{define "content"}}

<div class="alert alert-primary form-inline" role="alert">
    <button type="button" id="add-domain" class="btn btn-primary justify-content-center" data-toggle="modal"
            data-target="#DomainModal">
        <span data-feather="plus"></span> 添加域名
    </button>
    <div class="input-group mr-3" style="position: absolute; right: 0">
        <input type="text" id="search-input" class="form-control" placeholder="域名" aria-label="域名" aria-describedby="searc-btn">
        <div class="input-group-append">
            <button class="btn btn-primary" id="search-btn" type="button"><i class="bi bi-search"></i> 搜索
            </button>
        </div>
    </div>
</div>

<table class="table table-bordered">
    <thead>
    <tr class="table-primary">
        <th scope="col">#</th>
        <th scope="col">First</th>
        <th scope="col">Last</th>
        <th scope="col">Handle</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <th scope="row">1</th>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
    </tr>
    <tr>
        <th scope="row">2</th>
        <td>Jacob</td>
        <td>Thornton</td>
        <td>@fat</td>
    </tr>
    </tbody>
</table>

{{end}}
{{define "script"}}
{{end}}