<!--
  ~ Copyright 2017 Red Hat, Inc. and/or its affiliates.
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~       http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->

<!-- Masthead -->
<div id="mega-menu">
    <nav class="uf-page__masthead navbar navbar-default navbar-pf" role="navigation">
        <div data-field="brand" class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand">
                <img data-field="brand-image" class="uf-brand-icon">
            </a>
        </div>
        <div class="collapse navbar-collapse navbar-collapse-1">

            <ul class="nav navbar-nav uf-yamm">
                <li>
                    <a data-field="home-link" class="nav-item-iconic"><i class="pficon pficon-home"></i></a>
                </li>
                <li class="dropdown uf-yamm--fw">
                    <a class="dropdown-toggle nav-item-iconic" id="mega-menu-dropdown" data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false" tabindex="0">
                        <span data-field="menu-accessor-text"></span>
                        <span class="caret"></span>
                    </a>
                    <ul data-field="left-menu-items" class="dropdown-menu uf-yamm__dropdown-menu" aria-labelledby="mega-menu-dropdown">
                        <li data-field="single-menu-items-container" class="uf-yamm__section uf-yamm__section--top col-xs-12 empty">
                            <ul data-field="single-menu-items" class="uf-yamm__subsection"></ul>
                        </li>
                    </ul>
                </li>
            </ul>

            <ul data-field="right-menu-items" class="nav navbar-nav navbar-right navbar-iconic"></ul>

        </div>
    </nav>

    <div class="navbar-pf navbar-context-menu">
        <ul class="navbar-primary persistent-secondary">
            <li data-field="context-menu-items-container">
                <ul data-field="context-menu-items" class="nav navbar-nav navbar-persistent uf-perspective-context-menu"></ul>
            </li>
        </ul>
    </div>
</div>
