{% load wagtailcore_tags ocyanjson i18n %}

{% if user.is_authenticated %}
    <div class="dropdown nav-item mr-2 {% if hidemobile %}d-none d-lg-block{% endif %}">
        <a class="nav-link opendropdown user-email" href="" data-toggle="dropdown">
            {{user.email}} <i class="fa fa-chevron-down text-green fa-lg"></i>
        </a>
        <div class="dropdown-menu user-dropdown">
            {% if user.is_staff or perms.partner.dashboard_access %}
            <a href="{% url 'dashboard:index' %}" class="dropdown-item">
                {% trans 'Dashboard' %}
            </a>                        
            {% endif %}
            <a href="{% url 'customer:summary' %}" class="dropdown-item">
                {% trans 'Profile' %}
            </a>
            <a href="{% url 'customer:address-list' %}" class="dropdown-item">
                {% trans 'Address Book' %}
            </a>
            <div class="dropdown-divider header-divider"></div>
            <a href="{% url 'customer:logout' %}" class="dropdown-item" id="logout_link">
                {% trans 'Log out' %}
            </a>
        </div>
    </div>
{% else %}
    <div class="dropdown nav-item mr-2 {% if hidemobile %}d-none d-lg-block{% endif %}">
        <a class="nav-link opendropdown user-email" href="" data-toggle="dropdown">
            {% trans 'Login' %} <i class="fa fa-chevron-down text-primary"></i>
        </a>
        <div class="dropdown-menu user-dropdown login-dropdown">
            <div class="login_form">
                <form id="login_form" action="{% url 'customer:login' %}" method="post" class="well" >
                    <p class="h4 text-center">{% trans 'Log in with your account' %}</p>
                    <br>
                    {% csrf_token %}
                    <input type="email" name="login-username" class="mb-3 form-control" required="" id="id_login-username" placeholder="{% trans 'E-mailadres' %}">   
                    <input type="password" name="login-password" class="form-control" required="" id="id_login-password" placeholder="{% trans 'Password' %}">
                    <p>
                        <a href="{% url 'password-reset' %}">{% trans "Password forgotten" %}</a>
                    </p>
                    <a href="{% url 'customer:login' %}">
                        <button type="button" class="btn btn-lg btn-primary">
                            {% trans 'Register' %}
                        </button>
                    </a>           
                    <button name="login_submit" type="submit" value="Log In" class="btn btn-lg btn-primary" data-loading-text="{% trans "Logging in..." %}">{% trans 'Log In' %}</button>
                </form>
            </div>                    
        </div>
    </div>            
{% endif %}