<div class=“masthead-container” id=“navbar”> {% include bp-masthead.html %}

<nav class="navbar is-transparent">
    <div class="bp-container">

    {% assign homepage = site.data.homepage %}

    <div class="navbar-brand">
        <a class="navbar-item" href="{{ site.baseurl }}/">
            <img src="{{ site.baseurl }}{{ homepage.agency-logo }}" alt="" width="240" height="27.406">
        </a>
        <div class="navbar-burger burger" data-target="navbarExampleTransparentExample">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>

    <div id="navbarExampleTransparentExample" class="navbar-menu">
        <div class="navbar-start">
            <div class="navbar-item is-hidden-desktop is-search-bar">
                <form action="{{ site.baseurl }}/search/" method="get">
                    <div class="field has-addons">
                        <div class="control has-icons-left is-expanded">
                            <input class="input is-fullwidth" id="search-box" type="text" placeholder="What are you looking for?" name="query">
                            <span class="is-large is-left">
                              <i class="bp-icon bp-icon-search search-bar"></i>
                            </span>

                        </div>
                    </div>
                </form>
            </div>
<!--             {%- assign links = site.data.navigation -%}

            {%- for link in links -%}
                {% assign class = nil %}
                {% if page.url contains link.url %}
                    {% assign class = 'active' %}
                {% endif %}
                <div class="navbar-item">
                    <a class="{{class}}" href="{{link.url}}" target="{{link.target}}">
                        {{link.title}}
                    </a>
                    <div class="selector {{class}} is-hidden-touch"></div>
                </div>

            {%- endfor -%}
        </div> -->

            {%- assign links = site.data.navigation -%}
            {%- for link in links -%}
                {% include links-baseurl.html %}
                <!-- Generates base-url based on whether the link is internal or external -->

                {%- assign class = nil -%}
                {%- if page.url contains link.url -%}
                    {%- assign class = 'active' -%}
                {%- endif -%}
                {%- if link.sub-links -%}
                <div class="navbar-item has-dropdown is-hoverable">
                    {% if link.title == 'LEGISLATION' %}
                        <span class="navbar-link">{{ link.title }}</span>
                    {% elsif link.title == 'APPLICATION GUIDELINES' %}
                        <a class="navbar-link" href="{{ base-url }}{{ site.application-guidelines[0].permalink }}">
                            APPLICATION GUIDELINES
                        </a>                            
                    {% else %}
                        <a class="navbar-link" href="{{ base-url }}{{ link.url }}">
                            {{ link.title }}
                        </a>
                    {% endif %}
                    <div class="selector {{class}} is-hidden-touch"></div>
                    <div class="navbar-dropdown">
                        {%- if link.title == 'APPLICATION GUIDELINES' -%}
                            {%- for application-guideline in site.application-guidelines -%}
                                <a class="navbar-item sub-link" href="{{ site.baseurl }}{{application-guideline.permalink}}">
                                    {{application-guideline.title}}
                                </a>
                            {%- endfor -%}

                        {%- else -%}
                            {%- for sublink in link.sub-links -%}
                                {%- include sublinks-baseurl.html -%}
                                {%- assign class = nil -%}
                                    {%- if page.url contains sublink.url -%}
                                        <a class="navbar-item sub-link is-active" href="{{ sublink-base-url }}{{ sublink.url }}">
                                            {{ sublink.title }}
                                        </a>

                                    {%- else -%}
                                        <a class="navbar-item sub-link" href="{{ sublink-base-url }}{{ sublink.url }}">
                                            {{ sublink.title }}
                                        </a>
                                    {%- endif -%}
                            {%- endfor -%}
                        {%- endif -%}
                    </div>
                </div>
                {%- else -%}
                <li class="navbar-item">
                    <a href="{{ base-url }}{{ link.url }}">{{ link.title }}</a>
                    <div class="selector {{class}} is-hidden-touch"></div>
                </li>
                {%- endif -%}
            {%- endfor -%}
        </div>

        <div class="navbar-end is-hidden-touch">
            <div class="navbar-item">
                {% if page.layout != 'search' %}
                <a class="bp-button is-text is-large" style="text-decoration: none" id="search-activate">
                    <span class="bp-icon bp-icon-search is-size-4"></span>
                </a>
                {% else %}
                <a class="bp-button is-text is-large" style="text-decoration: none; pointer-events: none;" id="search-activate" disabled></a>
                {% endif %}
            </div>
        </div>
    </div>
    </div>
</nav>

<div class="bp-container hide is-hidden-touch search-bar" id="search-bar">
    <div class="row margin--top--sm margin--bottom--sm is-gapless">

        <div class="col">
            <form action="{{ site.baseurl }}/search/" method="get">
                {% include bp-search-box.html %}
            </form>
        </div>
    </div>
</div>

</div>