{# Template : Full Screen #}
{% extends ('layouts/' ~ page_meta.layout) %}

{% block sidebar %}

    <div class="innerSidebar navigationSidebarWrap">

        <div class="sidebarIntro">

            <h1>Fullscreen</h1>
            <p>
                Example Page
            </p>

        </div> <!-- .sidebarIntro -->


        <sidebar-navigation inline-template>

            <nav class="sidebarPageNav" v-show="pages.length > 0" v-cloak>

                <ul>

                    <li v-for="(pageIndex, page) in pages">

                        <a
                                :href="'?page=' + pageIndex"
                                @click.prevent=""
                                :class="[(pageIndex == currentPage) ? 'active' : '']"
                        >
                            <h4 v-html="page.navTitle"></h4>
                            <h6 v-html="page.navSubtitle"></h6>
                        </a>
                    </li>

                </ul>

            </nav> <!-- .sidebarPageNav -->

        </sidebar-navigation>

    </div> <!-- .innerSidebar -->

{% endblock %}

{% block content %}

    <div class="fullscreenPage">


            <div class="pages">


                <section class="page">
                    Example
                </section>

            </div> <!-- .pages -->


    </div> <!-- .nhsPrescriptionsWrapper -->


{% endblock %}
