<span>${_('Not Logged In')}</span>

          %endif

      </a>

      <div class="dropdown-menu user-menu" role="menu">

        <div id="quick_login" role="form" aria-describedby="quick_login_h" aria-hidden="true" class="container-fluid">

          %if c.authuser.username == 'default' or c.authuser.user_id is None:

            <h4 id="quick_login_h">${_('Login to Your Account')}</h4>

            ${h.form(h.url('login_home', came_from=request.path_qs))}

            <div class="form">

                <div>

                    <div>

                        <div>

                            <label for="username">${_('Username')}:</label>

                        </div>

                        <div>

                            ${h.text('username',class_='form-control')}

                        </div>

                    </div>

                    <div>

                        <div>

                            <label for="password">${_('Password')}:</label>

                        </div>

                        <div>

                            ${h.password('password',class_='form-control')}

                        </div>

                    </div>

                    <div class="buttons">

                        <div class="password_forgoten">${h.link_to(_('Forgot password ?'),h.url('reset_password'))}</div>

                        <div class="register">

                        %if h.HasPermissionAny('hg.admin', 'hg.register.auto_activate', 'hg.register.manual_activate')():

                         ${h.link_to(_("Don't have an account ?"),h.url('register'))}

                        %endif

                        </div>

                        <div class="submit">

                            ${h.submit('sign_in',_('Log In'),class_="btn btn-default btn-xs")}

                        </div>

                    </div>

                </div>

            </div>

            ${h.end_form()}

          %else:

            <div class="pull-left">

                ${h.gravatar_div(c.authuser.email, size=48, div_class="big_gravatar")}

                <b class="full_name">${c.authuser.full_name_or_username}</b>

                <div class="email">${c.authuser.email}</div>

            </div>

              <a class="list-group-item" href="${h.url('notifications')}">${_('Notifications')}: ${c.unread_notifications}</a>

              ${h.link_to(_('My Account'),h.url('my_account'),class_='list-group-item')}

              %if not c.authuser.is_external_auth:

                ## Cannot log out if using external (container) authentication.

                ${h.link_to(_('Log Out'), h.url('logout_home'),class_='list-group-item')}

              %endif

            </div>

          %endif

        </div>

      </div>

    </li>

  </ul>

    <script type="text/javascript">

        $(document).ready(function(){

            var visual_show_public_icon = "${c.visual.show_public_icon}" == "True";

            var cache = {}

            /*format the look of items in the list*/

            var format = function(state){

                if (!state.id){

                  return state.text; // optgroup

                }

                var obj_dict = state.obj;

                var tmpl = '';

                if(obj_dict && state.type == 'repo'){

                    tmpl += '<span class="repo-icons">';

                    if(obj_dict['repo_type'] === 'hg'){

                        tmpl += '<span class="repotag">hg</span> ';

                    }

                    else if(obj_dict['repo_type'] === 'git'){

                        tmpl += '<span class="repotag">git</span> ';

                    }

                    if(obj_dict['private']){

                        tmpl += '<i class="icon-keyhole-circled"></i> ';

                    }

                    else if(visual_show_public_icon){

                        tmpl += '<i class="icon-globe"></i> ';

                    }

                    tmpl += '</span>';

                }

                if(obj_dict && state.type == 'group'){

                        tmpl += '<i class="icon-folder"></i> ';

                }

                tmpl += state.text;

                return tmpl;

            }