{% macro nav_bar(brand_link, brand_title, nav_links) %}
<div class="navbar-wrapper">
     <nav class="navbar navbar-light navbar-expand-md fixed-top">
        <div class="container">
          {% if brand_link %}
          <a class="navbar-brand" href="{{brand_link}}">{{brand_title}}</a> 
          {% endif %}
            {# Toggler/collapsible Button #}
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar">
                <span class="navbar-toggler-icon"></span>
            </button>
            {# Navbar links  #}
            <div class="collapse navbar-collapse justify-content-end" id="navbar">
                <ul class="navbar-nav">
                    {% for link in nav_links %}
                    {% if link.get('show') %}
                    <li class="nav-item">
                        <a class="nav-link {% if link.get('active') %}active{% endif %} page-scroll" href="{{link.get('url')}}">{{link.get('name')}}</a>
                    </li>
                    {% endif %}
                    {% endfor %}
                </ul>
            </div>
        </div>
    </nav>
</div>
{% endmacro %}