<!-- Navigation -->
<div class="navigation border-bottom">
    <div class="container">
        {{#if nav.header }}
        <ul class="nav" aria-label="Main navigation">
            {{#each nav.header }}
                {{#if this.sub }}
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false" data-bs-popper-config='{"placement": "bottom-start", "strategy": "fixed"}'>{{ this.label }}</a>
                        <ul class="dropdown-menu">
                            {{#each this.sub }}
                                <li>
                                    <a class="dropdown-item nav-link" href="{{ this.url }}">{{ this.label }}</a>
                                </li>
                            {{/each}}
                        </ul>
                {{else}}
                    <li class="nav-item">
                        <a class="nav-link" href="{{ this.url }}">{{ this.label }}</a>
                {{/if}}    
                    </li>
            {{/each}}
        </ul>
        {{/if}}
    </div>
</div>