{{!
    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="topBar3 s-top s-top--sidebar justify-content-center {{#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 }}
        {{#output.render_lang_menu}}<div class="c-lang-menu mr-md-0">{{{ output.render_lang_menu }}}</div>{{/output.render_lang_menu}}
        {{#ShowCustomNav}}<div class="c-custom-nav-container ml-md-0 ml-md-2">{{> theme_space/custom-nav }}</div>{{/ShowCustomNav}}

        {{#customtopnavhtml}}
        <div class="col-lg-auto s-custom-main-nav text-md-left mx-sm-0 mx-lg-4 p-0">
          <div class="c-custom-main-nav">
            {{{customtopnavhtml}}}
          </div>
        </div>
        {{/customtopnavhtml}}

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

            {{#TopBarText}}<div class="c-top-text c-menu-sep p-md-0 mr-md-3 pr-md-3 text-sm-center text-lg-left">{{{TopBarText}}}</div>{{/TopBarText}}

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

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

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

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

  </div>