_sidebar.html

{# App menu items #}
{% if urls.organization and urls.organization.profile %}
<nav aria-label="{% trans %}Home menu{% endtrans %}">
<ul class="nav flex-column py-1" data-intro="Home" data-position="right">
  <li class="nav-item">
    <a id="profile-app" class="nav-link" href="{{'/app/'|site_url}}{{organization}}/">{# XXX should use `product_url`? #}
      <span class="fa-solid fa-2x fa-home align-middle"></span>
      <span class="ps-1">{% trans %}Home{% endtrans %}</span>
    </a>
  </li>
</ul>
</nav>
<hr class="my-1" />
{% endif %}

{# Profile menu items #}
<nav aria-label="{% trans %}Profile menu{% endtrans %}">
<ul class="nav flex-column py-1" data-intro="Profile" data-position="right">

  {% if urls.user and urls.user.profile %}
    <li {% if request.path == urls.user.profile %} class="nav-item active"{% endif %}>
      <a id="profile" class="nav-link" href="{{urls.user.profile}}">

        {# User profiles #}
        <span class="icon icon-user align-top{% if urls.user.profile == request.path %} icon-active{% endif %}"></span>
        <span class="ps-1">{% trans %}Profile{% endtrans %}</span>

      </a>
    </li>
  {% elif urls.organization and urls.organization.profile %}
    <li {% if urls.organization.profile == request.path %} class="nav-item active"{% endif %}>
      <a id="profile" class="nav-link" href="{{urls.organization.profile}}">

        {# Organization Profiles (of type organization and personal) #}
        <span class="icon icon-user align-top{% if urls.organization.profile == request.path %} icon-active{% endif %}"></span>
        <span class="ps-1">{% trans %}Profile{% endtrans %}</span>

      </a>
    </li>
  {% endif %}

  {% if urls.organization and urls.organization.roles %}
    {% for role_title, role_url in urls.organization.roles|iteritems %}
      <li{% if role_url == request.path %} class="nav-item active"{% endif %}>
        <a class="nav-link" href="{{role_url}}">

          <!-- Managers & Contributors -->
          <span class="icon icon-connected align-top{% if role_url == request.path %} icon-active{% endif %}"></span>
          <span class="ps-1">{{role_title|pluralize}}</span>

        </a>
      </li>
    {% endfor %}
      <!--
      <li{% if urls.organization.role_list == request.path %} class="nav-item active"{% endif %}>
        <a class="nav-link" href="{{urls.organization.role_list}}">
          <span class="icon icon-connected align-top{% if role_url == request.path %} icon-active{% endif %}"></span>
          <span class="ps-1">{% trans %}All roles{% endtrans %}</span>
        </a>
      </li>
      -->
  {% endif %}

  {% if urls.user and urls.user.accessibles %}
    <li  {% if urls.user.accessibles == request.path %} class="nav-item active"{% endif %}>
      <a id="users_accessibles" class="nav-link" href="{{urls.user.accessibles}}">

        <!-- Connected Profiles -->
        <span class="icon icon-connected align-top{% if urls.user.accessibles == request.path %} icon-active{% endif %}"></span>
        <span class="ps-1">{% trans %} Connected Profiles{% endtrans %}</span>

      </a>
    </li>
  {% endif %}

  {% if urls.user and urls.user.notifications %}
    <li {% if request.path == urls.user.notifications %} class="nav-item active"{% endif %}>
      <a id="users_notifications" class="nav-link"
         href="{{urls.user.notifications}}">

        <!-- Notifications -->
        <span class="icon icon-notifications align-top{% if urls.user.notifications == request.path %} icon-active{% endif %}"></span>
        <span class="ps-1">{% trans %}Notifications{% endtrans %}</span>

      </a>
    </li>
  {% endif %}

  {# Subscriber menu items  #}

  {% if urls.organization and urls.organization.billing %}
    <li {% if urls.organization.billing == request.path %} class="nav-item active"{% endif %}>
      <a class="nav-link"
         id="saas_billing_info" href="{{urls.organization.billing}}">

        <!-- Billing -->
        <span class="icon icon-billing align-top{% if urls.organization.billing == request.path %} icon-active{% endif %}"></span>
        <span class="ps-1">{% trans %}Billing{% endtrans %}</span>

      </a>
    </li>
  {% endif %}

  {% if urls.organization and urls.organization.subscriptions %}
    <li {% if urls.organization.subscriptions == request.path %} class="nav-item active"{% endif %}>
      <a id="saas_subscription_list" class="nav-link" href="{{urls.organization.subscriptions}}">

        <!-- Subscriptions -->
        <span class="icon icon-subscriptions align-top{% if urls.organization.subscriptions == request.path %} icon-active{% endif %}"></span>
        <span class="ps-1">{% trans %}Subscriptions{% endtrans %}</span>

      </a>
    </li>
  {% endif %}
</ul>
</nav>

{# Provider menu items #}

{% if urls.provider %}
  <hr class="my-1" />
  <nav aria-label="{% trans %}Pricing, billing, metrics menu{% endtrans %}">
  <ul class="nav flex-column"
      data-intro="{% trans %}Pricing, billing and metrics{% endtrans %}" data-position="right">
    {% if urls.provider and urls.provider.dashboard %}
    <li {% if urls.provider.dashboard == request.path %} class="nav-item active"{% endif %}>
      <a class="nav-link" id="saas_dashboard" href="{{urls.provider.dashboard}}">

        <!-- Dashboard -->
        <span class="icon icon-dashboard align-top{% if urls.provider.dashboard == request.path %} icon-active{% endif %}"></span>
        <span class="ps-1">{% trans %}Dashboard{% endtrans %}</span>

      </a>
    </li>
    {% endif %}
    {% if urls.provider and urls.provider.metrics_sales %}
    <li {% if urls.provider.metrics_sales == request.path %} class="nav-item active"{% endif %}>
      <a class="nav-link" id="saas_metrics_summary" href="{{urls.provider.metrics_sales}}">

        <!-- Revenue -->
        <span class="icon icon-revenue align-bottom{% if urls.provider.metrics_sales == request.path %} icon-active{% endif %}"></span>
        <span class="ps-1">{% trans %}Reports{% endtrans %}</span></a>

    </li>
    {% endif %}

    {% if urls.provider and urls.provider.subscribers %}
    <li {% if urls.provider.subscribers == request.path %} class="nav-item active"{% endif %}>
      <a class="nav-link" id="saas_subscriber_list" href="{{urls.provider.subscribers}}">

        <!-- Subscribers -->
        <span class="icon icon-subscribers align-top{% if urls.provider.subscribers == request.path %} icon-active{% endif %}"></span>
        <span class="ps-1">{% trans %}Subscribers{% endtrans %}</span>

      </a>
    </li>
    {% endif %}
    {% if urls.provider and urls.provider.plans %}
    <li {% if urls.provider.plans == request.path %} class="nav-item active"{% endif %}>
      <a class="nav-link" id="saas_plans" href="{{urls.provider.plans}}">

        <!-- Plans -->
        <span class="icon icon-plans align-middle{% if urls.provider.plans == request.path %} icon-active{% endif %}"></span>
        <span class="ps-1">{% trans %}Plans{% endtrans %}</span></a>

    </li>
    {% endif %}

    {% if urls.provider and urls.provider.coupons %}
    <li {% if urls.provider.coupons == request.path %} class="nav-item active"{% endif %}>
      <a class="nav-link" id="saas_coupon_list" href="{{urls.provider.coupons}}">

        <!-- Coupons -->
        <span class="icon icon-coupons align-top{% if urls.provider.coupons == request.path %} icon-active{% endif %}"></span>
        <span class="ps-1">{% trans %}Coupons{% endtrans %}</span>

      </a>
    </li>
    {% endif %}
    {% if urls.provider and urls.provider.transfers %}
    <li {% if urls.provider.transfers == request.path %} class="nav-item active"{% endif %}>
      <a class="nav-link"
         id="saas_transfer_info" href="{{urls.provider.transfers}}">

        <!-- Funds -->
        <span class="icon icon-funds align-top{% if urls.provider.transfers == request.path %} icon-active{% endif %}"></span>
        <span class="ps-1">{% trans %}Funds{% endtrans %}</span></a>

    </li>
    {% endif %}
  </ul>
  </nav>
{% endif %}

{# Broker menu items #}

{% if urls.theme_update or urls.rules %}
  <hr class="my-1" />
  <nav aria-label="{% trans %}Role and permissions menu{% endtrans %}">
  <ul class="nav flex-column pb-2" data-intro="{% trans %}Roles and permissions{% endtrans %}" data-position="right">
    {% if urls.theme_update %}
      <li {% if urls.theme_update == request.path %} class="nav-item active"{% endif %}>
          <a id="pages_theme" class="nav-link" href="{{urls.theme_update}}">

            <!-- Themes -->
            <span class="icon icon-themes align-top{% if urls.theme_update == request.path %} icon-active{% endif %}"></span>
            <span class="ps-1">{% trans %}Themes{% endtrans %}</span>

          </a>
      </li>
    {% endif %}

    {% if urls.rules and urls.rules.app %}
      <li {% if urls.rules.app == request.path %} class="nav-item active"{% endif %}>
          <a id="rules_update" class="nav-link" href="{{urls.rules.app}}">

            <!-- Rules -->
            <span class="icon icon-rules align-top{% if urls.rules.app == request.path %} icon-active{% endif %}"></span>
            <span class="ps-1">{% trans %}Rules{% endtrans %}</span>

          </a>
      </li>
    {% endif %}
  </ul>
  </nav>
{% endif %}

{% if urls.theme_update and urls.trust_compliance %}
  <hr class="my-1" />
  <nav aria-label="{% trans %}Trust and compliance menu{% endtrans %}">
  <ul class="nav flex-column pb-2" data-intro="{% trans %}Roles and permissions{% endtrans %}" data-position="right">
    <li {% if urls.trust_compliance == request.path %} class="nav-item active"{% endif %}>
      <a id="trust-compliance" class="nav-link" href="{{urls.trust_compliance}}">
        <span class="icon icon-rules align-top{% if urls.trust_compliance == request.path %} icon-active{% endif %}"></span>
        <span class="ps-1">{% trans %}Trust &amp; Compliance{% endtrans %}</span>

      </a>
    </li>
  </ul>
  </nav>
{% endif %}