<!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" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
</head>
<body>
</body>
<div id="userWrapper">
<div id="avatar"></div>
<div class="userNameWrapper">
<p id="userName">USERNAME</p>
</div>
</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 info">
info
<span class="tooltip"> Allow your server to use music (Temporarly does nothing as its a WIP[work in progress]).</span>
</span>
<span class="material-symbols-outlined checkBox" id="music">check_box_outline_blank</span>
</p>
<p>Activate Strikes:<span class="material-symbols-outlined info">
info
<span class="tooltip"> Activate a 3 strike system before automatic ban. (Theese are to be validated before they are self-actionable)</span>
</span>
<span class="material-symbols-outlined checkBox" id="strikes">check_box_outline_blank </span>
</p>
<p>Activate Invites:<span class="material-symbols-outlined info">
info
<span class="tooltip"> Allow invites to other servers on your server.</span>
</span>
<span class="material-symbols-outlined checkBox" id="invites">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">
</div>
<div id="feeds" class="feeds hidden">
</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:</p>
<p id='emoji' class="emoji"><img id='emojiImg'></img>Emoji:</p>
<p id="message" class="message"> Message ID:</p>
<input id ="messageID" class='message messageID'></input>
<select id ="roleID" class='role roleID'>
</select>
<select id = "emojiID" class ="emoji emojiID">
</select>
<button id="change" class="bt" onclick='updateRule(this)'>Change</button>
<button id="delete" class="bt" onclick='deleteRule(this)'>Delete</button>
</div>
<div id="FeedWrapper" class="FeedWrapper hidden">
<h1 id="ChannelName">Feed</h1>
<i onclick="handleClose(this)" class="close material-symbols-outlined" id="close_bt2">
cancel
</i>
<p id='DCchannel' class="channel labeldc">Discord Channel:</p>
<select id ="DCchannelID" class='channel dc'>
</select>
<p id="YTchannel" class="channel labelyt">Youtube Channel:</p>
<p id="CostumMessage" class="message CostumMessage">Costum message:</p>
<input id ="YTchannelID" class='channel yt'></input>
<textarea id="CostumMessageI" class='message CostumMessageI' cols="40" rows="5"></textarea>
<button id="delete" class="bt" onclick='deleteFeed(this)'>Delete</button>
<button id="change2" class="bt" onclick='_updateFeed(this)'>Change</button>
</div>
</body>
</html>