{% macro navigation_service_name(service) %}
  <div class="font-body-2xl text-bold">
    {{ service.name }}
    {% if not service.active %}
      <span class="navigation-service-name navigation-service-type--suspended">Suspended</span>
    {% endif %}
  </div>
{% endmacro %}

<div class="navigation-service margin-top-5 display-flex flex-align-end flex-justify border-bottom padding-bottom-1">
  {% if current_service.organization_id %}
    {% if current_user.platform_admin or
      (current_user.belongs_to_organization(current_service.organization_id) and current_service.live) %}
      <a href="{{ url_for('.organization_dashboard', org_id=current_service.organization_id) }}" class="usa-link navigation-organization-link">{{ current_service.organization_name }}</a>
    {% endif %}
  {% endif %}
  {{ navigation_service_name(current_service) }}
  <a href="{{ url_for('main.choose_account') }}" class="usa-link">Switch service</a>
</div>
