{{!
    This file is part of Moodle - http://moodle.org/

    Moodle is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Moodle is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
}}
{{!
    Page navbar.
}}


  <div id="topBarContainer" class="topBar2 s-top s-top--sidebar justify-content-center mt-md-0 {{#ShowTopBarUserName}}showusername{{/ShowTopBarUserName}} {{#customtopnavhtml}}topbar-customtopnav{{/customtopnavhtml}} {{#TopBarText}}topbar-text{{/TopBarText}} {{^TopBarText}}topbar-withouttext{{/TopBarText}} {{#output.render_lang_menu}}topbar-lang{{/output.render_lang_menu}}">

    {{> theme_space/navbar-mobile }}

    <div class="s-top-container">
      <div id="navBar" class="c-container row no-gutters justify-content-start align-items-center">

        {{> theme_space/navbar-btn }}

        {{#customlogotopbar}}
        <div class="logo c-menu-sep d-sm-none d-lg-inline pl-md-0 pr-md-2 ml-md-3 mr-md-2">
            <a href="{{#customrooturl}}{{customrooturl}}{{/customrooturl}}{{^customrooturl}}{{{ config.wwwroot }}}{{/customrooturl}}"><img src="{{customlogotopbar}}" alt="{{sitename}}" /></a>
        </div>
        {{/customlogotopbar}}
        {{#TopBarText}}<div class="c-top-text mr-lg-3 ml-lg-4 py-lg-0 pr-lg-3 pl-lg-0 text-sm-center text-lg-left">{{{TopBarText}}}</div>{{/TopBarText}}

        <div class="c-nav-user nav ml-md-auto align-items-center justify-content-sm-end justify-content-lg-center pr-0">

            <div class="search-box d-block">
            {{{ output.search_box }}}
            </div>

            <!-- navbar_plugin_output -->
            <div class="top-icons-nav c-menu-sep mr-lg-3">{{{ output.navbar_plugin_output }}}</div>

            {{#output.render_lang_menu}}<div class="c-lang-menu c-menu-sep">{{{ output.render_lang_menu }}}</div>{{/output.render_lang_menu}}

            {{#ShowCustomNav}}<div class="c-custom-nav-container mr-lg-3 c-menu-sep">{{> theme_space/custom-nav }}</div>{{/ShowCustomNav}}

            <!-- user_menu -->
            <div class="c-user-menu">
                {{{ output.user_menu }}}
            </div>

        </div>
        <!-- search_box -->
      </div>
    </div>

  </div>