<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="shortcut icon" href="images/favicon.ico"/>
<title>Rem-chan at your service</title>
<script src="js/dashboard.js"></script>
<link rel="scr" type="text/js" href="js/dashboard.js"/>
<link rel="stylesheet" type="text/css" href="/css/dashboard.css" id="pagesheet"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
</head>
<body>
</body>
<div id="userWrapper">
<div id="avatar"></div>
<h1><span id="userName">USERNAME</span></h1>
</div>
<div id="Guilds">
</div>
<div class="popup hidden" id= 'popup'>
<i onclick="handleClose(this)" class="close material-symbols-outlined" id="close_bt">
cancel
</i>
<h3 id="guild" class="guildname">PLACEHOLDER</h3>
<p>Activate Music:
<span class="material-symbols-outlined" id="music">check_box_outline_blank</span></p>
<p>Activate Strikes:
<span class="material-symbols-outlined" id="strikes">check_box_outline_blank </span>
</p>
<p id="RoleRules" onclick="handleToggleRules(this)">Role rules</p>
<p id="Feeds" onclick="handleToggleFeeds(this)">Feeds</p>
<div id="rules" class="rules hidden">
<i onclick="handleClose(this)" class="close material-symbols-outlined" id="close_bt">
cancel
</i>
<p id="newRole" onclick="addRule(this)">New Role</p>
<p id="ruleID" class="addRoleName">Role Name</p>
</div>
</div>
<div id="roleRuleWrapper"class="roleRuleWrapper hidden">
<i onclick="handleClose(this)" class="close material-symbols-outlined" id="close_bt2">
cancel
</i>
<h1 id="roleRule" class="roleRule"> New Rule </h1>
<p id="role" class="role"> Role ID:</p>
<p id='emoji' class="emoji"><img id='emojiImg'></img>Emoji ID:</p>
<p id="message" class="message"> Message ID:</p>
<input id ="messageID" class='message messageID'></input>
<input id ="roleID" class='role roleID'></input>
<input id = "emojiID" class ="emoji emojiID"></input>
<button id="change" class="bt" onclick='updateRule(this)'>Change</button>
<button id="delete" class="bt" onclick='deleteRule(this)'>Delete</button>
</div>
<!--
RoleRules
Channels
Feeds
-->
</body>
</html>