{{!
    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/>.
}}
{{!
    @template theme_adaptable/headerstyleone

    Header style one.

    Example context (json):
    {
        "headerbg": "",
        "sitelogo": "",
        "sitetitle": "Adaptable",
        "shownavbar": true,
        "responsivesearchicon": "",
        "coursesearch": "",
        "nonavbar": false,
        "langmenu": false,
        "loginoruser": "",
        "menuslinkright": false,
        "pageheaderoriginal": true,
        "socialorsearch": ""
    }
}}
<header id="adaptable-page-header-wrapper"{{{headerbg}}}>
    <div id="above-header">
        <div class="container">
            <nav class="navbar navbar-expand btco-hover-menu">
                {{#shownavbar}}
                <div id="adaptable-page-header-nav-drawer" data-region="drawer-toggle" class="d-lg-none mr-3">
                    <button id="drawer" aria-expanded="false" aria-controls="nav-drawer" type="button" class="nav-link float-sm-left mr-1" data-side="left">
                        <i class="fa fa-bars fa-fw" aria-hidden="true"></i>
                        <span class="sr-only">{{#str}}sidepanel{{/str}}</span>
                    </button>
                </div>
                {{/shownavbar}}

                <div class="collapse navbar-collapse">
                {{^menuslinkright}}
                <div class="my-auto m-1">{{{output.get_top_menus}}}</div>
                {{/menuslinkright}}
                    <ul class="navbar-nav ml-auto my-auto">
                        <li class="pull-left">
                            {{{output.user_menu}}}
                        </li>

                        {{#menuslinkright}}
                        <li class="my-auto m-1">{{{output.get_top_menus}}}</li>
                        {{/menuslinkright}}

                        <li class="nav-item mx-md-1 my-auto{{responsivesearchicon}}">
                            <a class="nav-link" href="{{coursesearch}}">
                                <i class="icon fa fa-search fa-fw " title="{{#str}}search, theme_adaptable{{/str}}" aria-label="{{#str}}search, theme_adaptable{{/str}}"></i>
                            </a>
                        </li>

                        {{! Remove Messages and Notifications icons when no navbar. }}
                        {{^nonavbar}}
                        <li class="my-auto mx-md-1 d-flex">{{{output.navbar_plugin_output}}}</li>
                        {{/nonavbar}}

                        {{#langmenu}}
                        <li class="nav-item dropdown ml-2 my-auto">{{{output.lang_menu}}}</li>
                        {{/langmenu}}

                        {{{output.page_heading_menu}}}
                        <li class="nav-item">
                            {{{loginoruser}}}
                        </li>

                    </ul>
                </div>
            </nav>
        </div>
    </div>

    <div id="page-header" class="container {{responsiveheader}}">
        <div class="row align-items-end">
            {{#pageheaderoriginal}}
            <div class="col-lg-8 p-0">
                <div class="d-none d-lg-flex justify-content-start bd-highlight">
                    {{#sitelogo}}
                    <div class="p-2">
                        {{{sitelogo}}}
                    </div>
                    {{/sitelogo}}
                    {{#sitetitle}}
                    <div class="p-2">
                        {{{sitetitle}}}
                    </div>
                    {{/sitetitle}}
                </div>
                <div id="course-header">
                    {{{output.course_header}}}
                </div>
            </div>
            <div class="col-lg-4">
                {{! Remove Search Box or Social icons when no navbar. }}
                {{^nonavbar}}
                    {{{socialorsearch}}}
                {{/nonavbar}}
            </div>
            {{/pageheaderoriginal}}

            {{^pageheaderoriginal}}
            <div class="col-lg-8">
                {{#sitetitle}}
                <div class="d-flex justify-content-start bd-highlight">
                    {{{sitetitle}}}
                </div>
                {{/sitetitle}}
                {{! Remove Search Box or Social icons when no navbar. }}
                {{^nonavbar}}
                    {{{socialorsearch}}}
                {{/nonavbar}}
            </div>
            <div class="col-lg-4 p-0">
                {{#sitelogo}}
                <div class="d-flex justify-content-end bd-highlight">
                    {{{sitelogo}}}
                </div>
                {{/sitelogo}}
            </div>
            {{/pageheaderoriginal}}
        </div>
        {{^pageheaderoriginal}}
        <div class="row">
            <div class="col-12 p-0 my-auto">
                <div id="course-header">
                    {{{output.course_header}}}
                </div>
            </div>
        </div>
        {{/pageheaderoriginal}}
    </div>

    {{#shownavbar}}
        {{> theme_adaptable/headernavbar}}
    {{/shownavbar}}

</header>