<nav class="navbar navbar-expand-lg bg-body-tertiary">
  <div class="container d-flex justify-content-between">
    <ul class="navbar-nav">
      <li class="nav-item">
        <span class="text-muted">
          v{{ version }}
          {% if environment != 'Production' %}
            Staging: {{ environment }}
          {% endif %}
          | © {{ author }} 
        </span>
      </li>
    </ul>
    <ul class="navbar-nav">
      <li class="nav-item">
        <li>
          <a
            class="nav-link"
            type="button"
            href="{% url 'swagger-ui' %}"
            target="_blank"
            data-bs-toggle="tooltip"
            data-bs-html="true"
            data-bs-placement="bottom"
            data-bs-title="Swagger"
          >
            <i class="bi bi-braces-asterisk"></i> API
        </a>
      </li>
    </ul>
  </div>
</nav>