{{!
    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="topBar5 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 class="c-container c-top-additional {{^TopBarText}}c-top-additional-hidden{{/TopBarText}} row no-gutters justify-content-between align-items-center mx-auto">
        {{#TopBarText}}<div class="c-top-text mx-2 text-sm-center text-lg-left">{{{TopBarText}}}</div>{{/TopBarText}}
        {{#output.render_lang_menu}}<div class="c-lang-menu m-0">{{{ output.render_lang_menu }}}</div>{{/output.render_lang_menu}}
      </div>
      <div id="navBar" class="c-container row no-gutters py-md-1 justify-content-between align-items-center">

        {{> theme_space/navbar-btn }}

        {{#ShowCustomNav}}<div class="c-custom-nav-container">{{> theme_space/custom-nav }}</div>{{/ShowCustomNav}}

        {{#customtopnavhtml}}
          <div class="c-custom-main-nav">
            {{{customtopnavhtml}}}
          </div>
        {{/customtopnavhtml}}

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

            <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>

            <!-- user_menu -->
            <div class="c-user-menu mr-sm-3 mr-lg-0">
                {{{ output.user_menu }}}
            </div>

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