page.html

---
layout: default
---

{% assign current_dir = page.dir %}
{% assign paths = page.dir | split: "/" %}
{% assign parent_dir = paths[1] %}

{%-
assign nav_pages = site.pages
| where_exp: "item", "item.dir contains parent_dir"
-%}

{% assign first_level_dir = parent_dir | prepend: '/' | append: '/' %}
{%-
assign first_level = nav_pages
| where_exp: "item", "item.dir == first_level_dir"
| group_by: "section"
-%}

{%- comment -%}
Separate pages with sections from pages without sections
{%- endcomment -%}
{%- assign pages_without_sections = "" | split: "" -%}
{%- assign pages_with_sections = "" | split: "" -%}

{%- for section in first_level -%}
{%- if section.name == "" or section.name == nil -%}
{%- assign pages_without_sections = pages_without_sections | concat: section.items -%}
{%- else -%}
{%- assign pages_with_sections = pages_with_sections | push: section -%}
{%- endif -%}
{%- endfor -%}

{%- comment -%}
Sort pages without sections by nav_order
{%- endcomment -%}
{%- assign sorted_pages_without_sections = pages_without_sections | sort: 'nav_order' -%}

{%- assign section_order = site.data.sidebar-section-order.sections -%}

{%- assign ordered_sections = "" | split: "" -%}
{%- for section_name in section_order -%}
{%- for section in pages_with_sections -%}
{%- if section.name == section_name -%}
{%- assign ordered_sections = ordered_sections | push: section -%}
{%- break -%}
{%- endif -%}
{%- endfor -%}
{%- endfor -%}

{%- comment -%}
Add any sections not in the manual order list at the end
{%- endcomment -%}
{%- for section in pages_with_sections -%}
{%- assign found = false -%}
{%- for ordered_section in ordered_sections -%}
{%- if section.name == ordered_section.name -%}
{%- assign found = true -%}
{%- break -%}
{%- endif -%}
{%- endfor -%}
{%- unless found -%}
{%- assign ordered_sections = ordered_sections | push: section -%}
{%- endunless -%}
{%- endfor -%}

<div class="nhsuk-width-container">
  {%- include breadcrumb.html -%}
  <main class="nhsuk-main-wrapper--s" id="maincontent" role="main">
    <div class="nhsuk-grid-row">
      <div class="nhsuk-grid-column-full">
        <div class="nhsnotify-pane">
          <div class="nhsnotify-pane__side-bar">
            <nav class="nhsnotify-side-nav">
              <ul class="nhsuk-list nhsnotify-side-nav__list">
                {%- comment -%}
                First render pages without sections (sorted by nav_order)
                {%- endcomment -%}
                {% for post in sorted_pages_without_sections %}
                {% unless post.has_children %}
                {% if post.published != false and post.title != "" and post.title != nil %}
                <li class="
                      nhsnotify-side-nav__item
                      {% if post.url == page.url %}
                        nhsnotify-side-nav__item--current
                      {% endif %}
                    ">
                  <a class="nhsnotify-side-nav__link" href="{{ site.baseurl | append: post.url }}">{{ post.title }}</a>
                </li>
                {% endif %}
                {% endunless %}
                {% endfor %}

                {%- comment -%}
                Then render sections with their pages
                {%- endcomment -%}
                {% for section in ordered_sections %}
                {% if section.name != "" %}
                <li class="nhsuk-u-font-weight-bold nhsnotify-side-nav__list-section">{{ section.name }}</li>
                {% endif %}
                {% assign sorted = section.items | sort: 'nav_order' %}
                {% for post in sorted %}
                {% unless post.has_children %}
                {% if post.published != false and post.title != "" and post.title != nil %}
                <li class="
                      nhsnotify-side-nav__item
                      {% if post.url == page.url %}
                        nhsnotify-side-nav__item--current
                      {% endif %}
                    ">
                  <a class="nhsnotify-side-nav__link" href="{{ site.baseurl | append: post.url }}">{{ post.title }}</a>
                </li>
                {% endif %}
                {% endunless %}
                {% endfor %}
                {% endfor %}
              </ul>

            </nav>
          </div>
          <div class="nhsnotify-pane__main-content">
            {% if page.section != undefined %}
            <span class="nhsuk-caption-xl">{{ page.section }}</span>
            {% endif %}
            <h1 class="nhsuk-heading-xl">{{ page.title }}</h1>
            {{ content }}
          </div>
        </div>
      </div>
    </div>
  </main>
</div>