<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="base.js"></script>
    <link rel="stylesheet" href="base.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://unpkg.com/feather-icons"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</head>
<body>
<script>
    function onSearchAuth(){
        //
    }
</script>
<div class="container">
    <div class="row">
        <div class="col-12">
            <h2 class="text-center mt-3">권한 검색</h2>
            <br>
            <hr>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div id="div_auth_search" class="text-end">
                <select name="search_select" class="form-select d-inline w-10">
                    <option selected value="10">10</option>
                    <option value="20">20</option>
                    <option value="30">30</option>
                </select>
                <input id="search_auth_input" type="text" class="w-30 d-inline form-control" placeholder="검색">
                <button id="search_auth_btn" type="button" class="btn btn-primary" onclick="onSearchAuth()">검색</button>
            </div>
        </div>
        <div class="col-12">
            <table class="table">
                <thead class="table-dark">
                <tr><th>권한명</th><th></th></tr>
                </thead>
                <tbody>
                <tr>
                    <td>관리자</td>
                    <td><button data-tid="1234" class="btn btn-primary">선택</button></td>
                </tr>
                <tr>
                    <td>사원</td>
                    <td><button data-tid="5678" class="btn btn-primary">선택</button></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
</body>
</html>