<!--Canopy - The next generation of stoner streaming software
Copyright (C) 2024  Rainbownapkin and the TTN Community

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <https://www.gnu.org/licenses/>.-->
<div class="admin-list-div">
    <h3 id="channel-rank-title">Channel Ranks:</h3>
    <sup id="channel-rank-sup">Users set to default channel rank 'user' will NOT be listed below.</sup>
    <div class="control-prompt">
        <input placeholder="Add Username..." id="new-rank-input" class="control-prompt">
        <select id="new-rank-select">
            <%rankEnum.slice().reverse().forEach((rank)=>{ %>
                <option value="<%= rank %>"><%= rank %></option>
            <% }); %>
        </select>
    </div>
    <div class="dynamic-container">
        <table class="admin-list-table">
            <tr class="admin-list-entry-title-row">
                <td class="admin-list-entry-item admin-list-entry-img-title"><h3>Img</h3></td>
                <td id="admin-user-list-entry-id-title" class="admin-list-entry-item not-first-col"><h3>ID</h3></td>
                <td class="admin-list-entry-item not-first-col"><h3>Name</h3></td>
                <td id="channel-user-list-entry-rank-title" class="admin-list-entry-item not-first-col"><h3>Rank</h3></td>
            </tr>
            <!-- This is getting filled via AJAX since we need to refresh it when new users are added anywho. -->
        </table>
    </div>
</div>