<header class="navbar navbar-expand-md navbar-custom" id="top">
    <div class="container">
        <a class="navbar-brand" href="{{ '/' | relative_url }}">{{ site.name }}</a>

        <button
            class="navbar-toggler"
            type="button"
            data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent"
            aria-expanded="false"
            aria-label="Toggle navigation"
        >
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

        <nav class="navbar-collapse collapse" role="navigation" id="navbarSupportedContent">
            <ul class="navbar-nav">
                {% assign sorted_pages = site.pages | sort: "title" %}
                {% for p in sorted_pages %}
                    {% assign is_homepage = false %}
                    {% if p.homepage == true or p.isHome == true %}
                        {% assign is_homepage = true %}
                    {% endif %}

                    {% assign show_in_menu = true %}
                    {% if p.show_in_menu != nil and p.show_in_menu == false %}
                        {% assign show_in_menu = false %}
                    {% elsif p.hide != nil and p.hide == true %}
                        {% assign show_in_menu = false %}
                    {% endif %}

                    {% if is_homepage != true and show_in_menu == true and p.title %}
                        <li class="nav-item {% if page.title == p.title %}active{% endif %}">
                            <a
                                class="nav-link"
                                href="{{ p.url | relative_url }}"
                            >
                                {{ p.title }}
                            </a>
                        </li>
                    {% endif %}
                {% endfor %}
            </ul>
            <ul class="navbar-nav ml-auto">
                {% for p in site.links.header %}
                    <li class="nav-item {% if page.title == p.title %}active{% endif %}">
                        <a
                            class="nav-link"
                            href="{{ p.url }}"
                        >
                            {% include fa-icon.html icon=p.icon brand=p.brand %}
                            {{ p.title }}
                        </a>
                    </li>
                {% endfor %}
            </ul>
        </nav>
    </div>
</header>