% from "templates/macros/nav.html" import nav_settings with context

% extends "templates/layouts/base.html"

% block main
<div class="content-with-nav nav-left">
    <nav class="nav-col">
        <input id="subnav-settings" class="subnav-toggler sr-only" type="checkbox" />
        <label for="subnav-settings">{{ title + (': ' + subhead if subhead is defined else '') }} <span class="caret"></span></label>
        <ul class="nav nav-aside">
            <li class="header">
                % if state.get('can_switch_account') and user.team_names
                    <div class="flex">
                        <h1>{{ participant.username }}</h1>
                        <label for="subnav-accounts" title="{{ _('Switch to a different account') }}" aria-hidden="true"><span class="caret"></span></label>
                    </div>
                    <input id="subnav-accounts" class="subnav-toggler sr-only" type="checkbox" aria-label="{{ _('Switch to a different account') }}" />
                    <ul class="nav">
                    % if user != participant
                        <li><a href="{{ request.path.raw.replace(participant.username, user.username) }}">{{ user.username }}</a></li>
                    % endif
                    % for team_name in user.team_names
                    % if team_name != participant.username
                        <li><a href="{{ request.path.raw.replace(participant.username, team_name) }}">{{ team_name }}</a></li>
                    % endif
                    % endfor
                    </ul>
                % else
                    <h1>{{ participant.username }}</h1>
                % endif
            </li>
            {{ nav_settings(participant) }}
        </ul>
    </nav>
    <div class="content-col">
        % if request.queued_success_messages
            % for _msg in request.queued_success_messages
                <div class="alert alert-success">{{
                    _msg or _("The changes have been saved.")
                }}</div>
            % endfor
        % endif
        {% block content %}{% endblock %}
    </div>
</div>
% endblock