<nav role="banner" id="header" class="fixed-top navbar navbar-light bg-faded navbar-expand moodle-has-zindex">
    <div class="container navbar-nav">
        <div class="d-inline-flex">
            <!-- navigation -->
            <div data-region="drawer-toggle" class="d-inline-block mr-3 my-auto">
                <button aria-expanded="{{#navdraweropen}}true{{/navdraweropen}}{{^navdraweropen}}false{{/navdraweropen}}" aria-controls="nav-drawer" type="button" class="btn nav-link float-sm-left mr-1 btn-secondary" data-action="toggle-drawer" data-side="left" data-preference="drawer-open-nav">{{#pix}}i/menubars{{/pix}}<span class="sr-only">{{#str}}sidepanel, core{{/str}}</span>
                    <span aria-hidden="true"> </span>
                    <span aria-hidden="true"> </span>
                    <span aria-hidden="true"> </span>
                </button>

            </div>
            <!-- I have cut the code form here-->


            <!--Brand/Logo-->
            <div class="d-inline-block header-logo">
                <a class="navbar-brand logo mr-5" href="{{ config.wwwroot }}/?redirect=0">
                    <img src="{{logo}}"  alt="My3D">
                </a>
            </div>
        </div>

        <ul class="navbar-nav d-none d-lg-inline-flex custommenu-header">
            {{{ output.custom_menu }}}
        </ul>

        <!-- navbar_plugin_output -->

        <div class="navbar-nav my-2 my-auto my-lg-0 flex">
            <ul class="navbar-nav d-lg-flex">
                <li class="nav-item mr-3 pluginmenu">
                    {{{ output.navbar_plugin_output }}}
                </li>
                <li class="nav-item my-auto">
                    {{#usermenu}}
						{{> core/user_menu }}
					{{/usermenu}}
                </li>
            </ul>
        </div>
    </div>
</nav>

<div id="site-header" class = "container-fluid header-bottom">
    <div class="row-fluid navbar-custom w-100">
        <div class="col-xs-12 col-sm-12 col-md-6">
         <ul class="nav navbar-nav my-auto d-md-block">
             <!-- Learning format-->
             <li class = "nav-item d-inline-flex">
                  {{#learningformat}}
                     {{{learningformat}}}
                  {{/learningformat}}
             </li>
             <li class = "nav-item d-inline-flex">
                 {{#fpcategories}}
                     {{{fpcategories}}}
                 {{/fpcategories}}
             </li>
             <li class = "nav-item d-inline-flex">
                 {{#sortmenu}}
                     {{{sortmenu}}}
                 {{/sortmenu}}
             </li>
        </ul>
        </div>
        <div class="coursesearch col-xs-12 col-sm-12 col-md-6">
            <span class = "nav-item d-none d-md-inline-flex w-100">
                <form action="{{surl}}" method="get" class="w-100">
                    <div class="input-group input-group-lg">
                        <input type="search" name="search" class="form-control my-2 input-group-lg">
                        <div class="input-group-append">
                            <button type="submit" name="button" class="btn btn-light my-2"><i class="fas fa-search"></i></button>
                        </div>
                    </div>
                </form>
            </span>
            <span class="nav-item d-xs-inline-flex d-md-none">
                <div class="d-lg-flex">
                    {{{ output.search_box }}}
                </div>
            </span>
        </div>
    </div>
</div>