{% load url %}
{% load random_encode %}
{% load bleach %}

<li class="nav-item dropdown my-auto">
    <a href="#" class="nav-link dropdown-toggle"
       data-toggle="dropdown" role="button"
       aria-haspopup="true"
       aria-expanded="false">
        Help
    </a>
    <div class="dropdown-menu dropdown-menu-right">
        {% if challenge %}
            <h6 class="dropdown-header">{% firstof challenge.title challenge.short_name %} Support</h6>
            {% if challenge.display_forum_link %}
                <a class="dropdown-item"
                   href="{% url 'forum:forum' slug=challenge.forum.slug pk=challenge.forum.pk %}">
                    <i class="fas fa-comments fa-fw"></i>
                    &nbsp;{% firstof challenge.title challenge.short_name %} Forum
                </a>
            {% endif %}
            {% if challenge.contact_email %}
                <a class="dropdown-item"
                   href="mailto:{{ challenge.contact_email|random_encode|clean }}">
                    <i class="fas fa-envelope fa-fw"></i>
                    &nbsp;Email {% firstof challenge.title challenge.short_name %} Organizers
                </a>
            {% endif %}
            <div class="dropdown-divider"></div>
        {% endif %}
        <h6 class="dropdown-header">{{ request.site.name }} Support</h6>
        <a class="dropdown-item"
           href="{% url 'documentation:home' %}">
            <i class="fas fa-book fa-fw"></i>
            &nbsp;{{ request.site.name }} Documentation
        </a>
        <a class="dropdown-item"
           href="{% url 'forum:forum' slug=DOCUMENTATION_HELP_FORUM_SLUG pk=DOCUMENTATION_HELP_FORUM_PK %}">
            <i class="fas fa-comments fa-fw"></i>
            &nbsp;{{ request.site.name }} Forum
        </a>
    </div>
</li>
{% if user.is_authenticated %}
    {% if ACTSTREAM_ENABLE %}
    <li class="nav-item mr-auto">
        {% if user.user_profile.has_unread_notifications %}
            <span class="text-danger float-right mb-n3">
                <i class="fa fa-xs fa-circle"></i>
            </span>
        {% endif %}
        <a class="nav-link pr-1"
           href="{% url 'notifications:list' %}"
           title="Notifications">
            <i class="align-middle far fa-fw fa-lg fa-bell"></i>
        </a>
    </li>
    {% endif %}
    <li class="nav-item dropdown">
        <a href="#" class="nav-link dropdown-toggle align-top"
           data-toggle="dropdown" role="button"
           aria-haspopup="true"
           aria-expanded="false">
            <img class="rounded-circle" src="{{ user.user_profile.get_mugshot_url }}"
                 alt="User Mugshot" style="height: 1.5em"/>
        </a>
        <div class="dropdown-menu dropdown-menu-right">
            <a class="dropdown-item"
               href="{% url 'profile-detail' user.username %}">
                Signed in as <b>{{ user.username }}</b></a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item"
               href="{% url 'profile-detail' user.username %}">
                Your Profile</a>
            <a class="dropdown-item"
               href="{% url 'challenges:users-list' %}">
                Your Challenges</a>
            <a class="dropdown-item"
               href="{% url 'cases:raw-image-upload-session-list' %}">
                Your Uploads</a>
            {% if 'emails.view_email' in perms %}
                <div class="dropdown-divider"></div>
                <a class="dropdown-item"
                   href="{% url 'emails:list' %}">
                    Emails</a>
            {% endif %}
            <div class="dropdown-divider"></div>
            <a class="dropdown-item"
               href="{% url 'account_logout' %}?next=/">
                Sign out</a>
        </div>
    </li>
{% else %}
    <li class="pr-2 my-auto"><a
            class="btn btn-outline-primary"
            href="{% url 'account_login' %}?next={{ request.build_absolute_uri }}#signin">Sign In</a></li>
    <li class="my-auto"><a
            class="btn btn-outline-primary"
            href="{% url 'account_signup' %}?next={{ request.build_absolute_uri }}#register">Register</a></li>
{% endif %}