{% import "includes/macros.html" as macros %}

<ul id="account-dropdown" class="dropdown-content">
    <li><a class="waves-effect waves-light" href="{{ url_for('auth.account') }}">Info</a></li>
    <li class="divider"></li>
    <li class="medium"><a href="{{ url_for('auth.logout') }}">Logout</a></li>
</ul>

<script>
    $(document).ready(function() {
        $('.dropdown-trigger').dropdown();
    });
</script>
<nav class="navbar-fixed light-blue darken-3 white-text">
    <div class="nav-wrapper">
        <a href="{{ url_for('main.index') }}" class="brand-logo left waves-effect waves-light">
            <img
                    src="{{ url_for('static', filename='img/Quarterhome Logo 300x86 WHITE.png') }}"
                    height="65"
            >
        </a>
        <ul class="right hide-on-med-and-down">
            <li>
                <a class="waves-effect waves-light" href="{{ url_for('main.index') }}">Home</a>
            </li>
            {% if current_user %}
                <li>
                    <a class="dropdown-trigger waves-effect waves-light" href="#" data-target="account-dropdown ">
                        Account <i class="material-icons right">arrow_drop_down</i>
                    </a>
                </li>
            {% else %}
                <li>
                    {{ macros.link_modal('login-link', '', 'Login', 'login-modal') }}
                </li>
            {% endif %}
        </ul>
    </div>
</nav>