{% load lyric_extras %}
<nav class="navbar">
    <div class="container-fluid">
        <a href="/" class="navbar-brand">
            <h1><span id="id_greeting_prefix">{% if user.active_title %}{{ user.active_title.display_greeting|safe }}{% else %}Welcome,{% endif %}</span><br><span id="id_greeting_name">{% if user.active_title %}{{ user.active_title.display_title }}{% else %}Earthman{% endif %}</span></h1>
        </a>
        {% if user.email %}
            <div class="navbar-user">
                <div class="navbar-text">
                    <span class="navbar-label">
                        Logged in as
                    </span>
                    <span class="navbar-identity">
                        @{{ user|display_name }}
                    </span>
                </div>
                <form method="POST" action="{% url "logout" %}">
                    {% csrf_token %}
                    <button id="id_logout" class="btn btn-abandon" type="submit" data-confirm="Log out?">
                        BYE
                    </button>
                </form>
            </div>
            {% if navbar_recent_room_url %}
                <button
                    id="id_cont_game"
                    class="btn btn-primary"
                    type="button"
                    data-confirm="Continue game?"
                    data-href="{{ navbar_recent_room_url }}"
                >
                    CONT<br>GAME
                </button>
            {% endif %}
        {% else %}
            <form method="POST" action="{% url "send_login_email" %}">
                <div class="input-group">
                    <label for="id_email_input" class="navbar-text me-2">
                        enter email for login:
                    </label>
                    <input
                        id="id_email_input"
                        name="email"
                        class="form-control"
                        placeholder="your@email.here"
                    >
                    {% csrf_token %}
                    <button type="submit" class="btn btn-confirm">OK</button>
                </div>
            </form>
        {% endif %}
    </div>
</nav>