{% load i18n %}
    <!-- popin user -->
    
        <div class="popin user" id="user">
            <div class="pointer"></div>
            <div class="popin-content">
            {% if user.is_authenticated %}
                <div class="user-screen info">
                    <h2>{{user.username}}</h2>
                    <h3>{{user.email}}</h3>
                    <a href="{% url mashup_profile branding=branding username=user.username %}" class="nb-hashcut">{% blocktrans count counter=nb_mashup_creator %}{{nb_mashup_creator}} Hashcut{% plural %}{{nb_mashup_creator}} Hashcuts{% endblocktrans %}</a>
                    <p>
                        <a href="#" class="change-account button">{% trans 'Switch account' %}</a>
                    </p>
                    <p>
                        <a href="{% url mashup_logout branding=branding %}" class="logout-button button">{% trans 'Log out' %}</a>
                    </p>
                </div>
            {% endif %}
                <div class="user-screen signup hide">
                    <h2>{% trans 'Create account:' %}</h2>
                    <form action="{% url mashup_create_user branding=branding %}" class="signup-form" method="post">
                    {% csrf_token %}
                        <p>
                            <label for="signup-pseudo">{% trans 'Login:' %}</label>
                            <input type="text" id="signup-pseudo" name="signup-pseudo" />
                        </p>
                        <p >
                            <label for="signup-email">{% trans 'E-mail:' %}</label>
                            <input type="text" id="signup-email" name="signup-email" />
                        </p>
                        <p >
                            <label for="signup-password">{% trans 'Password:' %}</label>
                            <input type="password" id="signup-password" name="signup-password" />
                        </p>
                        <p>
                            <label for="signup-password">{% trans 'Confirm password:' %}</label>
                            <input type="password" id="signup-confirm-password" name="signup-confirm-password" />
                        </p>
                        <p>
                            <input class="button" type="submit" value="{% trans 'Create account' %}">
                        </p>
                    </form>
                </div>
                <div class="user-screen login{% if user.is_authenticated %} hide{% endif %}">
                    <h2>{% trans 'Log In:' %}</h2>
                    <form action="{% url mashup_identicate_user branding=branding %}" class="login-form" method="post">
                    {% csrf_token %}
                        <p>
                            <label for="signup-pseudo">{% trans 'Login:' %}</label>
                            <input type="text" id="signup-pseudo" name="signup-pseudo" />
                        </p>
                        <p >
                            <label for="signup-email">{% trans 'Password:' %}</label>
                            <input type="password" id="signup-password" name="signup-password" />
                        </p>
                        <p>
                            <input class="button" type="submit" value="{% trans 'Log In' %}">
                        </p>
                        <p>
                            <a class="button signup-button" href="#">{% trans 'Create account' %}</a>
                        </p>
                    </form>
                </div>
            </div>
        </div><!-- popin user login-->
        
    <!-- /popin user -->
