<div id="navbar1" class="sidebar" data-color="blue">
    <!--
      Tip 1: You can change the color of the sidebar using: data-color="blue | green | orange | red | yellow"
  -->
    <div class="logo">
        <a href=<%= themeConfig.information.websiteUrl %> class="simple-text logo-mini">
        <img style="border-radius: 100%;" src=<%= themeConfig.information.iconURL %>>
        </a>
        <a href=<%= themeConfig.information.websiteUrl %> class="simple-text logo-normal">
        <%= themeConfig.information.websiteName %>
        </a>
    </div>
    <div class="sidebar-wrapper" id="sidebar-wrapper">
        <ul class="nav">
            <li class="<% if(now == 'index'){ %>active<% } %>">
                <a href="/">
                    <svg style="position: absolute; margin-left: 8px; margin-top: 2px;"
                         xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
                         fill="<%- themeConfig.information.mainColor %>">
                        <path d="M0 0h24v24H0z" fill="none"/>
                        <path
                                d="M20.38 8.57l-1.23 1.85a8 8 0 0 1-.22 7.58H5.07A8 8 0 0 1 15.58 6.85l1.85-1.23A10 10 0 0 0 3.35 19a2 2 0 0 0 1.72 1h13.85a2 2 0 0 0 1.74-1 10 10 0 0 0-.27-10.44z"/>
                        <path d="M10.59 15.41a2 2 0 0 0 2.83 0l5.66-8.49-8.49 5.66a2 2 0 0 0 0 2.83z"/>
                    </svg>
                    <p style="margin-left: 40px;">Dashboard</p>
                </a>
            </li>
            <li class="<% if(now == 'manage'){ %>active<% } %>">
                <a href="/manage">
                    <svg style="position: absolute; margin-left: 8px; margin-top: 2px;"
                         xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
                         viewBox="0 0 24 24" width="24px"
                         fill="<%- themeConfig.information.mainColor %>">
                        <g>
                            <path d="M0,0h24v24H0V0z" fill="none"/>
                        </g>
                        <g>
                            <g>
                                <path
                                        d="M4,18v-0.65c0-0.34,0.16-0.66,0.41-0.81C6.1,15.53,8.03,15,10,15c0.03,0,0.05,0,0.08,0.01c0.1-0.7,0.3-1.37,0.59-1.98 C10.45,13.01,10.23,13,10,13c-2.42,0-4.68,0.67-6.61,1.82C2.51,15.34,2,16.32,2,17.35V20h9.26c-0.42-0.6-0.75-1.28-0.97-2H4z"/>
                                <path
                                        d="M10,12c2.21,0,4-1.79,4-4s-1.79-4-4-4C7.79,4,6,5.79,6,8S7.79,12,10,12z M10,6c1.1,0,2,0.9,2,2s-0.9,2-2,2 c-1.1,0-2-0.9-2-2S8.9,6,10,6z"/>
                                <path
                                        d="M20.75,16c0-0.22-0.03-0.42-0.06-0.63l1.14-1.01l-1-1.73l-1.45,0.49c-0.32-0.27-0.68-0.48-1.08-0.63L18,11h-2l-0.3,1.49 c-0.4,0.15-0.76,0.36-1.08,0.63l-1.45-0.49l-1,1.73l1.14,1.01c-0.03,0.21-0.06,0.41-0.06,0.63s0.03,0.42,0.06,0.63l-1.14,1.01 l1,1.73l1.45-0.49c0.32,0.27,0.68,0.48,1.08,0.63L16,21h2l0.3-1.49c0.4-0.15,0.76-0.36,1.08-0.63l1.45,0.49l1-1.73l-1.14-1.01 C20.72,16.42,20.75,16.22,20.75,16z M17,18c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S18.1,18,17,18z"/>
                            </g>
                        </g>
                    </svg>
                    <p style="margin-left: 40px;">Manage Guilds</p>
                </a>
            </li>
            <li class="<% if(now == 'commands'){ %>active<% } %>">
                <% if(themeConfig.commands.href){ %>
                <a href="<%- themeConfig.commands.href %>">
                    <% } else{ %>
                    <a href="/commands">
                        <% } %>
                        <svg style="position: absolute; margin-left: 8px; margin-top: 2px;"
                             xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
                             fill="<%- themeConfig.information.mainColor %>">
                            <path d="M0 0h24v24H0V0z" fill="none"/>
                            <path d="M3 15h18v-2H3v2zm0 4h18v-2H3v2zm0-8h18V9H3v2zm0-6v2h18V5H3z"/>
                        </svg>
                        <p style="margin-left: 40px;">Commands</p>
                    </a>
            </li>
            <li class="<% if(now == 'pp'){ %>active<% } %>">
                <a href="/privacy-policy">
                    <svg style="position: absolute; margin-left: 8px; margin-top: 2px;"
                         xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
                         fill="<%- themeConfig.information.mainColor %>">
                        <g fill="none">
                            <path d="M0 0h24v24H0V0z"/>
                            <path d="M0 0h24v24H0V0z" opacity=".87"/>
                        </g>
                        <path
                                d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/>
                    </svg>
                    <p style="margin-left: 40px;">Privacy Policy</p>
                </a>
            </li>
            <li class="bottomsidebar asidebar">
                <hr style="margin-left: 25px;">
                <a>
                    <% if(req.session.user){ %>
                    <span style="cursor: pointer;" class="nav-link waves-effect waves-dark profile-pic"
                          data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img
                                style="width: 25px; height: 25px; margin-right: 5px;"
                                src="<%= req.session.user.avatarURL || "https://w5fc.org/wp-content/uploads/2021/05/s9biyhs4lix61.jpg" %>"
                                alt="user" class=""/><span
                                class="profile-pic"><b><%= req.session.user.username %> </b><span
                                    style="cursor:pointer;color:<%-themeConfig.information.mainColor%>;" onclick="window.location = '/discord/logout'"> &nbsp;&nbsp;Log out</span> &nbsp;&nbsp;</span></a>
                <% }else{ %>
                <span style="cursor: pointer;" class="nav-link waves-effect waves-dark profile-pic"
                      data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img
                            style="width: 25px; height: 25px; margin-right: 5px;"
                            src="https://w5fc.org/wp-content/uploads/2021/05/s9biyhs4lix61.jpg" alt="user"
                            class=""/> <span class="profile-pic">  </b><span style="cursor:pointer;color:<%-themeConfig.information.mainColor%>;"
                                                                             onclick="window.location = '/discord'">Log in</span></span>
                    <% } %>
                    </a>
            </li>

        </ul>
    </div>
</div>