<div class="col s12 l6">
    <div class="card-panel hoverable grey lighten-5 z-depth-1" onclick="document.querySelector('#guild<%= guild.id %>').click();">
        <div class="valign-wrapper">
            <div class="col s3 m2">
                <img src="<%= guild.icon ? `https://cdn.discordapp.com/icons/${guild.id}/${guild.icon}.png` : '/img/discord.png' %>" class="circle responsive-img">
            </div>
            <div class="col s9 m10 panelOverview valign-wrapper grey-text text-darken-3">
                    <div class="col s12 l6 panelName">
                        <%= guild.name %>
                    </div>
                    <div class="col s12 l6 btn-guild">
                        <% if (guild.connected){ %>
                            <a id="guild<%= guild.id %>" href="<%= `/guild/${guild.id}` %>" class="waves-effect waves-light btn-small grey darken-2">
                                <i class="material-icons right">keyboard_arrow_right</i>
                                Dashboard
                            </a>
                        <% } else { %>
                            <a id="guild<%= guild.id %>" href="#" class="waves-effect waves-light btn-small grey darken-2">
                                <i class="material-icons right">insert_link</i>
                                Invite
                            </a>
                        <% } %>
                    </div>
            </div>
        </div>
    </div>
</div>