<div class="popup" id= 'popup' >
    <i onclick="togglePopup(document.getElementById('PopUpContainer'))" id="close_bt" class="close material-symbols-outlined">
        cancel
    </i> 
    <h3 id="guild" class="guildname"><%= guild.name%></h3>
    <p
    hx-put="/gdash/<%= guild.id %>/music"
    hx-trigger="click" 
    hx-target="#PopUpContainer">
        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"><%= guild.music?"check_box":"check_box_outline_blank" %></span>
    </p>
    <p
    hx-put="/gdash/<%= guild.id %>/strikes"
    hx-trigger="click" 
    hx-target="#PopUpContainer">
    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"><%= guild.strikes?"check_box":"check_box_outline_blank" %></span>
    </p>
    <p
    hx-put="/gdash/<%= guild.id %>/allowInvites"
    hx-trigger="click" 
    hx-target="#PopUpContainer"
    >
        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="allowInvites"><%= guild.allowInvites?"check_box":"check_box_outline_blank" %> </span>   
    </p>
    <p id="RoleRules" hx-get="/rolerulesdash/<%= guild.id %>" hx-target="#PopUpContainer" hx-trigger="click">Role rules</p>
    <p id="Feeds" hx-get="/feedsdash/<%=guild.id%>" hx-target="#PopUpContainer" hx-trigger="click">Feeds</p>
    <p id="Strikes" hx-get="/strikes/<%=guild.id%>/<%= userid %>  " hx-target="body" hx-trigger="click">Strikes Dashboard</p>
    <div id="rules" class="rules hidden">
    </div>
    <div id="feeds" class="feeds hidden">
     
    </div>

</div>