<nav class="navbar" role="navigation" aria-label="main navigation">
    <div class="navbar-brand">
        <a class="navbar-item" href="/">
            <img class="avatar" src="<%= bot.user.avatarURL %>" width="28" height="28">  Zuly
        </a>

        <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
        </a>
    </div>

    <div id="navbarBasicExample" class="navbar-menu">
        <div class="navbar-start">
            <a href="/" class="navbar-item">
                Início
            </a>

            <a href="/discord" class="navbar-item">
                Suporte
            </a>

            <a href="/commands" class="navbar-item">
                Comandos
            </a>

            <a class="navbar-item">
                <style type="text/css">
                    a.gflag {
                        vertical-align: middle;
                        font-size: 16px;
                        padding: 1px 0;
                        background-repeat: no-repeat;
                        background-image: url(//gtranslate.net/flags/16.png);
                    }

                    a.gflag img {
                        border: 0;
                    }

                    a.gflag:hover {
                        background-image: url(//gtranslate.net/flags/16a.png);
                    }

                    #goog-gt-tt {
                        display: none !important;
                    }

                    .goog-te-banner-frame {
                        display: none !important;
                    }

                    .goog-te-menu-value:hover {
                        text-decoration: none !important;
                    }

                    body {
                        top: 0 !important;
                    }

                    #google_translate_element2 {
                        display: none !important;
                    }
                </style>
                <br /><select class="select navbar-item" onchange="doGTranslate(this);">
                    <option value="pt|pt">Português</option>
                    <option value="pt|en">Inglês</option>
                    <option value="pt|fr">Francês</option>
                </select>
                <div id="google_translate_element2"></div>
                <script type="text/javascript">
                    function googleTranslateElementInit2() {
                        new google.translate.TranslateElement({
                            pageLanguage: 'pt',
                            autoDisplay: false
                        }, 'google_translate_element2');
                    }
                </script>
                <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>


                <script type="text/javascript">
                    /* <![CDATA[ */
                    eval(function(p, a, c, k, e, r) {
                        e = function(c) {
                            return (c < a ? '' : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36))
                        };
                        if (!''.replace(/^/, String)) {
                            while (c--) r[e(c)] = k[c] || e(c);
                            k = [function(e) {
                                return r[e]
                            }];
                            e = function() {
                                return '\\w+'
                            };
                            c = 1
                        };
                        while (c--)
                            if (k[c]) p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]);
                        return p
                    }('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}', 43, 43, '||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'), 0, {}))
                    /* ]]> */
                </script>

            </a>
        </div>
    </div>

    <div class="navbar-end">
        <div class="navbar-item">
            <div class="buttons">
                <% if (user) { %>
                <a href="/dashboard" class="button is-login">
                    <img class="avatar" src="https://cdn.discordapp.com/avatars/<%= user.id %>/<%= user.avatar %>.png?size=4096" width="28" height="28"><strong> <%= user.username %>#<%= user.discriminator %></strong>
                </a>
                <% } else { %>
                <a href="/login" class="button is-login">
                    <strong>Login</strong>
                </a>
                <% } %>
            </div>
        </div>
    </div>
    </div>
</nav>