layout: default


<section class=“bp-section is-small bp-section-pagetitle”>

<div class="bp-container ">
    {% include header-breadcrumb.html %}
</div>
<div class="bp-container ">
    <div class="row">
        <div class="col">
            <h1 class="has-text-white"><b>{{page.title}}</b></h1>
        </div>
    </div>
</div>

</section> <section class=“bp-section”>

<div class="bp-container padding--top--lg padding--bottom--xl">
    <div class="row is-hidden-desktop">
        <div class="col">
            <div class="bp-dropdown">
                <div class="bp-dropdown-trigger">
                    <a class="bp-button is-large" aria-haspopup="true" aria-controls="dropdown-menu">
                        <span>{{page.title}}</span>
                        <span class="icon is-small">
                            <i class="bp-icon bp-icon-angle-down" aria-hidden="true"></i>
                        </span>
                    </a>
                </div>
                <div class="bp-dropdown-menu has-text-left" id="dropdown-menu" role="menu">
                    <div class="bp-dropdown-content">
                        <a href="#" class="bp-dropdown-item">
                            {% for application-guideline in site.application-guidelines %}
                                {% if page.url == application-guideline.permalink %}
                                    <a class="bp-dropdown-item" href="{{ site.baseurl }}{{application-guideline.permalink}}"><b>{{application-guideline.title}}</b></a>
                                {% else %}
                                    <a class="bp-dropdown-item" href="{{ site.baseurl }}{{application-guideline.permalink}}">{{application-guideline.title}}</a>
                                {% endif %}
                            {% endfor %}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col is-2 is-position-relative has-side-nav is-hidden-touch">
            <div class="sidenav">
                <aside class="bp-menu is-gt sidebar__inner">
                    <ul class="bp-menu-list">
                        {% for application-guideline in site.application-guidelines %}
                        <li>
                            {% if page.url == application-guideline.permalink %}
                            <b><a class="is-active"
                                  href="{{ site.baseurl }}{{application-guideline.permalink}}">{{application-guideline.title}}</a></b>
                            {% else %}
                            <a href="{{ site.baseurl }}{{application-guideline.permalink}}">{{application-guideline.title}}</a>
                            {% endif %}
                        </li>
                        {% endfor %}
                    </ul>
                </aside>
            </div>
        </div>
        <div class="col is-8 is-offset-1-desktop is-12-mobile">
            <div class="row">
                <div class="col">
                    <div class="content">
                        {{content}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</section>

{% for application-guideline in site.application-guidelines %}

{% if page.url == application-guideline.permalink %}
    <!-- If the page is the first in the list -->
    {% if forloop.first %}
        {% assign nextIndex = forloop.index0 | plus: 1 %}
        <section class="bp-section bottom-navigation">
            <div>
                <a href="{{ site.baseurl }}{{site.application-guidelines[nextIndex].permalink}}" class="is-full is-right">
                    <p class="has-text-weight-semibold">NEXT <span class="bp-icon bp-icon-arrow-right"></span></p>
                    <p class="is-hidden-mobile">{{ site.application-guidelines[nextIndex].title }}</p>
                </a>
            </div>
        </section>

    <!-- If the page is last in the list -->
    {% elsif forloop.last %}
        {% assign prevIndex = forloop.index0 | minus: 1 %}

        <section class="bp-section bottom-navigation">
            <div>
                <a href="{{ site.baseurl }}{{site.application-guidelines[prevIndex].permalink}}" class="is-full">
                    <p class="has-text-weight-semibold"><span class="bp-icon bp-icon-arrow-left"></span> PREVIOUS </p>
                    <p class="is-hidden-mobile">{{ site.application-guidelines[prevIndex].title }}</p>
                </a>
            </div>
        </section>

    <!-- For all other intermediate pages in the list -->
    {% else %}
        {% assign prevIndex = forloop.index0 | minus: 1 %}
        {% assign nextIndex = forloop.index0 | plus: 1 %}

        <section class="bp-section bottom-navigation">
            <div>
                <a href="{{ site.baseurl }}{{site.application-guidelines[prevIndex].permalink}}" class="is-half is-left">
                    <p class="has-text-weight-semibold"><span class="bp-icon bp-icon-arrow-left"></span> PREVIOUS </p>
                    <p class="is-hidden-mobile">{{ site.application-guidelines[prevIndex].title }}</p>
                </a>
                <a href="{{ site.baseurl }}{{site.application-guidelines[nextIndex].permalink}}" class="is-half is-right">
                    <p class="has-text-weight-semibold">NEXT <span class="bp-icon bp-icon-arrow-right"></span></p>
                    <p class="is-hidden-mobile">{{ site.application-guidelines[nextIndex].title }}</p>
                </a>
            </div>
        </section>
    {% endif %}
{% endif %}

{% endfor %}