<nav class="nav-top">
    <div class="container">
        <div class="row align-items-center">
        <div class="col-12">
            <div class="d-flex">
            <div class="w-auto mr-2">
                {{#unless (eq leftRoute "")}}
                <i {{action "leftButtonAction"}} class="bx {{ leftIcon }} clickable"></i>
                {{/unless}}
                {{#unless (eq leftAction "")}}
                <i {{action "leftButtonAction"}} class="bx {{ leftIcon }} clickable"></i>
                {{/unless}}
            </div>
            <div class="flex-grow-1"><span>{{ title }}</span></div>
            <div class="w-auto ml-2">
                {{#unless (eq rightRoute "")}}
                <i {{action "rightButtonAction"}} class="bx {{ rightIcon }} clickable"></i>
                {{/unless}}
                {{#unless (eq rightAction "")}}
                <i {{action "rightButtonAction"}} class="bx {{ rightIcon }} clickable {{if rightActionInProgress "disabled" ""}}"></i>
                {{/unless}}
            </div>
            </div>
        </div>
        </div>
    </div>
</nav>