<%# Canopy - The next generation of stoner streaming software
Copyright (C) 2024-2025 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/>. %>
<link rel="stylesheet" type="text/css" href="/css/panel/emote.css">
<div id="emote-panel-search" class="panel-control-prompt control-prompt">
    <input placeholder="Search Emotes..." id="emote-panel-search-prompt" class="control-prompt">
</div>
<span class="title-span">
    <span class="title-filler-span"></span>
    <h3 id="personal-emotes-title" class="interactive">Personal Emotes</h3><h3><i class="bi-caret-down-fill" id="personal-emotes-toggle"></i></h3>
    <span class="title-filler-span"></span>
</span>
<div id="emote-panel-personal-section">
    <span id="emote-panel-personal-prompts">
        <div class="panel-control-prompt control-prompt">
            <input placeholder="Emote Link..." id="new-emote-link-input" class="control-prompt">
        </div>
        <div class="panel-control-prompt control-prompt">
            <%# Probably not the cleanest way to do this but fuggit %>
            [<input placeholder="Emote Name..." id="new-emote-name-input" class="control-prompt">]
            <button id="new-emote-button" class="positive-button">Add</button>
        </div>
    </span>
    <div class="emote-panel-list" id="emote-panel-personal-list"></div>
</div>
<span class="title-span">
    <span class="title-filler-span"></span>
    <h3 id="site-emotes-title" class="interactive">Site Emotes</h3><h3><i class="bi-caret-down-fill" id="site-emotes-toggle"></i></h3>
    <span class="title-filler-span"></span>
</span>
<div class="emote-panel-list" id="emote-panel-site-list"></div>
<span class="title-span">
    <span class="title-filler-span"></span>
    <h3 id="chan-emotes-title" class="interactive">Channel Emotes</h3><h3><i class="bi-caret-down-fill" id="chan-emotes-toggle"></i></h3>
    <span class="title-filler-span"></span>
</span>
<div class="emote-panel-list" id="emote-panel-chan-list"></div>